№4 шесть примеров дизайна журналов 2000-2010х
Собираю логотипы, рекламу и иллюстрации из бумажных каталогов.
1189
Цвет, композиция и вёрстка
Цвет, сетка, иерархия, модульность и раскладка полосы.
Как спроектировать боковую панель, которая сэкономит место на экране
Структура раскрывающейся боковой панели
1581
Разбивка на строки и нежелательные переносы
В эфире рубрика кусочек курса. В главе «По левому краю» курса «Типографика и верстка» рассказываем, какие слова и словосочетания…
2576
Как сделать идеальный дизайн лендинга
Улучшенный UX на целевой странице
Книга «Рабочие истории»
Андрей Шапиро написал вторую книгу о проектировании, а я ее сверстал. Уже можно купить на Озоне.
1940
Перенос гиперссылок
Недавно верстал гиперссылки в книге и понял, что при разделении адреса на строки не нужно ставить знак переноса, потому что перенос можно…
2504
Более эффективный способ представления данных вместо формата «Поле: Значение»
Как организовать данные с позиции визуального восприятия
Перевод макета
Расскажу об одной практике на новой «Типографике и верстке», мы ее добавили недавно. В задании нужно «перевести» макет на русский язык:
Почему работа с цветом в дизайн-системах — это не про творчество
Привет, меня зовут Владимир Белов, продуктовый дизайнер.
Делаем поля формы адаптивными с помощью двухколоночной сетки
Дизайн формы под мобильные экраны
Когда использовать сетку в интерфейсах
Есть одно старое правило: сначала сделать красиво, а потом уже сделать из этого правило.
Что почитать о композиции
Но не о композиции картин и фотографий, а о композиции текста и «дизайн-макетов», которые мы все с вами делаем. На эту тему на русском…
Как разгрузить многоярусную шапку с помощью цветового кодирования
Шапка, в которой много ярусов, выглядит сложно и так же сложно читается. Один из способов разгрузить шапку — перенести информацию в другие…
Как пофиксить отвратительные интерфейсы с помощью подходящих цветов бренда
Практический метод брендинга
Как преобразовать цвета интерфейса для тёмной темы
Простой способ создать тёмный режим
Переверстка №33. Норма температуры воздуха в вагоне
В московском метро сфоткал такую наклейку. Как думаете, что мне не понравилось в белом блоке про температуру?
Легенда — это неудобно
Купил в букинистическом книжку, а там читатель сам переделал работу за дизайнером — перенес подписи к картинкам, потому что иначе…
Аккуратная оборка картинок
Нарисовали одну картинку сразу для двух слов)
Переверстка №32. Бланк приемки очков
Провели с Мишей конкурс на переверстку бланка. Этот бланк я подписывал в оптике, когда отдавал очки в ремонт. Формат А5:
12 379
Нарезка карточек: Простой метод создания оптимальной композиции
Отказ от базовых сеток
№ 004 Как сделать любой макет понятным
Недавно проводил консультацию SMM-дизайнерке одной из сетей ресторанов быстрого питания. Разбирали множество её макетов за месяц, но на…
Самостоятельная проверка макетов
Что и как проверять дизайнеру в своей работе перед отправкой клиенту, разработчику или любому тому, перед кем не хочется обосраться.
№ 002 Шаблон для соцсетей в Figma, за который заплатят $100
Привет, я Коляс Иванов, дизайнер и основатель студии grafdesigna.ru. Я прошёл путь от фрилансера до основателя студии. В статье…
Должна ли таблица попадать в сетку
Марина спрашивает:
Слишком много списков
Иногда редакторы и дизайнеры слишком увлекаются и превращают текст в череду списков. С одной стороны, это вроде хорошо: разложили всё по…
Разборчивый мелкий текст
При верстке книги «Карта процесса-опыта» стояла задача не угробить мелкий текст. Его много на схемах, и он должен хорошо читаться. Фото…
Можно ли ставить заголовок ровно посередине между абзацами
Сергей спрашивает:
Книга «Карта процесса-опыта»
Андрей Шапиро написал книгу о собственном методе проектирования, а я ее сверстал. Купить можно на Озоне.
Эра дизайнеров закончилась?
Теперь все будет по-другому!
Сравнительная таблица без боковика
Некоторые сравнительные таблицы можно верстать без боковика. Обычно это хорошо работает, когда сравниваемых позиций немного.
