Лучшие статьи и кейсы стартапов
Включить уведомления
Дадим сигнал, когда появится
что-то суперстоящее.
Спасибо, не надо
Вопросы Проекты Вакансии
Премия веб-дизайна
Рекомендуем
Продвинуть свой проект
Лучшие проекты за неделю
28
Эбиа

Эбиа

www.ebia.ru

15
Amarket

Amarket

amarket.io

13
likearea

likearea

smm.li

12
RockinRobin

RockinRobin

www.rockinrobin.co

10
Битрикс24

Битрикс24

www.bitrix24.ru

10
KEPLER LEADS

KEPLER LEADS

keplerleads.com

10
Cookiezz

Cookiezz

cookiezz.com.ua

10
Megagroup

Megagroup

Создаем сайты и помогаем им зарабатывать

9
Tados

Tados

tados.ru

Показать следующие
Рейтинг проектов
Подписывайтесь на Спарк во ВКонтакте

Колоночные сетки для Bootstrap 3.0

107 0 В избранное Сохранено
Авторизуйтесь
Вход с паролем
Если вы часто готовите макеты под верстку на фреймворке Bootstrap и хотите значительно упростить жизнь разработчикам, используйте колоночные сетки. Мы нашли для вас набор таковых для создания адаптивных макетов в Adobe Photoshop и Sketch.

Ошибкой большинства веб-дизайнеров-новичков является незнание принципов верстки сайта. Из-за этого возникает много проблем, когда макет якобы готов и отдается в руки верстальщику. Одной из самых распространенных проблем является отсутствие сетки в макете. Тогда разработчик берет бразды правления разработки в свои руки и подгоняет элементы дизайна под сетку самостоятельно. Порой, когда верстальщик опытный, ему удается воплотить замысел дизайнера в жизнь, но чаще всего, после того, как макет сверстан, между дизайнером и разработчиком возникает конфликт, срываются сроки, теряются деньги.

Чтобы избежать вышеперечисленных проблем на этапе верстки, молодым веб-дизайнерам стоит обращать внимание на колоночные сетки, по которым будет верстать макет ваш разработчик. Чаще всего при верстке используется Bootstrap (также известен как Twitter Bootstrap) — это фреймворк (или набор готового кода и других элементов — как UI-Kit для дизайнера) для создания современных, кросс-браузерных и адаптивных сайтов.

И для того, чтобы у вас не возникало проблем на этапе верстки, используйте колоночные сетки при разработке дизайн-макетов. Ниже вы сможете скачать набор таких сеток для Adobe Photoshop и Sketch.

Boostrap Grid Sketch.zip

Bootstrap Grid PSD.zip

А используете ли вы в работе колоночные сетки?

+1
Добавить в избранное Сохранено
Авторизуйтесь
Вход с паролем
Комментариев еще не оставлено
Выбрать файл
Читайте далее
Загружаем…
Не пропустите публикацию!
Rewards
Премия веб-дизайна
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать