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

Битрикс24

www.bitrix24.ru

20
Отследить-посылку

Отследить-посылку

B2B-сервис трекинга посылок

16
myPreza

myPreza

mypreza.ru

13
WebResidentTeam

WebResidentTeam

webresident.agency

12
Perezvoni.com

Perezvoni.com

perezvoni.com

11
Expresso

Expresso

www.expresso.today

9
Reader

Reader

Интернет-журнал о современных технологиях.

7
ADN Digital Studio

ADN Digital Studio

adn.agency

7
Frutra

Frutra

design.frutra.ru

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

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

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

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

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

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

Boostrap Grid Sketch.zip

Bootstrap Grid PSD.zip

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

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