Адаптивная сетка под Bootstrap в Владивостоке

Адаптивная сетка под Bootstrap в Владивостоке

Если ты ещё не делаешь дизайн под мобильники, то рынок скоро выкинет тебя на рифы безработицы.
(Владивосток)


Выдано в печать 2017-05-13
Владивосток

Если ты ещё не делаешь дизайн под мобильники, то рынок скоро выкинет тебя на рифы безработицы. Делать дизайн подо все существующие разрешения становится нереально – слишком много появилось разнообразных дисплеев, и будет ещё больше.

Есть удобное средство для вёрстки сразу под любые разрешения – Bootstrap. Я не буду заходить на территорию HTML-верстальщиков, расскажу только то, что нужно в этой связи знать дизайнеру для создания адаптивного дизайна сайта.

Во-первых, под Bootstrap нужно делать сетку определённого вида. Самая удобная – сетка в 12 колонок. Она подойдет для большинства корпоративных сайтов и лендингов, хотя новостной сайт на ней сделать сложнее.

Не бойся добавлять в неё направляющие, когда это нужно для соблюдения отступов и выделения свободного пространства, но следи за тем, чтобы смысловые блоки цельно вписывались в эту сетку – при сжатии экрана они будут адаптивно перестраиваться, и здесь нужно строго придерживаться колонок.

Ещё про сетки в дизайне:

Зачем нужна сетка
Выход за границы колонок
Правило плотности
Сетка и настроение
Адаптивная сетка под Bootstrap
Формула для сетки
Метод: если по сетке не получается


Правообладатель: агентство интернет-маркетинга KOKOSOV Design+Marketing, город Владивосток, улица Героев-Тихоокеанцев, 5а. По вопросам информационного сотрудничества обращайтесь по электронной почте: vl@mcocos.ru.


Услуги агентства в Владивостоке

Свежее в портфолио:

«Лидов много, отдел продаж еле успевает »
Юлия Чеботарева (Marketing Manager (EUROKAPPA), Директор по маркетингу (Eastetica)). [ Владивосток ]
«Ребята, спасибо за оперативную работу! На презентацию проекта пришло около 200 человек, всем очень понравилось! »
Мария Тихомирова (Директор по маркетингу DEVINO Telecom). [ Владивосток ]