Вёрстка

A collection of 7 posts
Вёрстка

Ошибки при вёрстке макета

💥Курс «Дизайн с белого листа» — выстраиваем работу дизайнера от создания макетов до поиска заказчиков 💢 Текст должен читаться Текст, предназначенный для чтения, должен читаться легко и быстро. Всегда. Никакой стиль, фон, креатив не имеют права ему мешать. 💢 Эстетика макета Как ни крути, дизайнер работает на поле эстетики — на результат нашей работы
6 min read
Вёрстка

Главное сообщение

В рекламном макете должно быть главное сообщение. Что о нём нужно знать дизайнеру. На нас валится много информации на улице и в интернете, мы бегло сканируем её и выбираем только ту, что нам интересна. Если мы не понимаем о чём реклама, мы проходим мимо. Одна из задач дизайнера — помочь зрителю
1 min read
Вёрстка

Ошибка: «Нет полей»

Суть ошибки: нет воздуха по сторонам макета. Иногда макет можно улучшить одним движением — добавить полей. Когда мы верстаем, мы собираем элементы в прямоугольную конструкцию, показываем что они связаны друг с другом осями и т.д. Но если нет полей, то глаз не видит этот прямоугольник, а видит разрозненные элементы. Все
1 min read
Вёрстка

Расслоить

Когда вам наставник говорит «расслоить модуль», значит нужно что-то вытянуть в нем на первый план, а что-то увести на второй. Разберемся зачем это нужно. Если скомкать несколько текстовых блоков, то глаз видит большой серый прямоугольник текста. Сканировать макет становится тяжелее. Посмотрим на нижний блок с билетами, датами и телефоном: Общее
1 min read
Вёрстка

Модули не дружат

Суть ошибки: дизайнер случайным образом располагает модули в листе. В результате они не дружат друг с другом, когда должны создавать единую конструкцию. Как исправить: научиться дружить модули осями. У каждого модуля есть горизонтальные и вертикальные оси. Хорошо когда они находятся на одной линии.
Вёрстка

Распространенные ошибки дизайнеров при работе с текстом

Путаница между дефисом и тире Неправильно использовать дефис вместо тире: Любовь - чувство… Так выглядит правильное, длинное тире: Любовь — чувство… Длинное тире отбивается пробелами. Длинное тире никогда не переносится на следующую строку. Так выглядит дефис: Любовь-морковь Так выглядит среднее тире: 14–15 лет Среднее тире используется в диапазонах. Москва–Санкт-Петербург
1 min read
Улучшаем билет в театр или как не размазывать макет
Вёрстка

Улучшаем билет в театр или как не размазывать макет

Сегодня показываю и рассказываю, как улучшить вёрстку в макете В одном из заданий спринта участники перевёрстывали билет в театр. Возьмём один из макетов участников и улучшим его. Исходный макет выглядит так: Проанализируем, какие проблемы с вёрсткой есть в макете: В первую очередь исправим логику: заголовок должен быть над тем, что
2 min read