Дизайн баннеров
Самый недооценённый и самый ограниченный формат в графическом дизайне. Разбираем иерархию, анимацию, вес файла и то, что работает в микроформате.
#web
Дизайн сайтов: сетки, типографика, анимация, производительность и разборы реальных страниц.
Веб-дизайн отличается от печатного тем, что у результата нет фиксированного размера: одна страница открывается на телефоне в метро и на большом экране с масштабом 125%. Тема собирает приёмы, которые переживают смену моды, — сетки, ритм, типографику, навигацию и состояния.
Материалы по теме
Структура лендинга
Первый экран, доказательства, возражения, действие. Разбираем логику посадочной страницы как аргументацию, а не как набор модных блоков.
Что такое дизайн-система
Библиотека компонентов — не дизайн-система. Разбираем, из чего она состоит на самом деле, когда её стоит заводить и почему большинство систем умирает через год.
Портфолио дизайнера
Сколько проектов достаточно, как устроен работающий кейс, что смотрят арт-директора первым и почему процесс важнее финальных картинок.
Карточка товара
Фотографии, цена, варианты, доставка и кнопка. Разбираем порядок элементов, работу с галереей и то, где чаще всего теряется покупатель.
Сайт студии
Разбираем типологию сайтов творческих студий: сетка проектов, подача изображений, работа с описаниями и то, почему сложная анимация чаще мешает.
Первый экран сайта
Заголовок по центру, картинка справа, две кнопки — типовая схема, от которой устали все. Разбираем альтернативные композиции и их применимость.
Бесплатные кириллические шрифты
Подборка гарнитур со свободной лицензией и качественной кириллицей: гротески, антиквы и дисплейные. С образцами и оговорками по применению.
Шрифтовые пары для сайта
Несколько проверенных сочетаний из бесплатных гарнитур с полноценной кириллицей — с образцами, ролями и оговорками по применению.
Ещё
Web Design · Гид
Каталог и фильтры
UI/UX · Гид
Состояния компонентов
Web Design
Обложки проектов
Web Design · Гид
Сетка в веб-дизайне
Web Design · Гид
Оформление заказа
Типографика
Вариативные шрифты
Web Design · Гид
Типографика в вебе
Типографика · Гид
Лучшие кириллические шрифты
Web Design · Гид
Сайт-визитка
UI/UX · Гид
Адаптивный дизайн
Web Design · Гид
Фотография товара
Новости · Индустрия
Веб-стандарты: обзор
Web Design · Гид
Сайт ресторана
Web Design · Гид
Скорость и дизайн
Web Design · Тренды
Тренды веб-дизайна 2027
Web Design
Мобильная покупка
UI/UX · Гид
Формы на мобильном
Типографика · Гид
Набор длинных текстов
Web Design · Гид
Формы и кнопки
Web Design · Гид
Тёмная тема сайта
Цвет