Веб-дизайн
Цвет, типографика, сетки, композиция и визуальный стиль: как дизайн помогает сайту продавать.
Как подготовить бриф на дизайн сайта
Что включить в бриф на дизайн сайта, как описать аудиторию, цели и референсы и почему размытые формулировки обходятся дороже всего.
Читать статью →
Дизайн карточек услуг и товаров: анатомия удачного блока
Разбираем карточку по частям: изображение, заголовок, цена, кнопка, метки. Что выводить обязательно, как выстроить сетку и как не перегрузить блок.
Читать статью →
Пустое пространство на странице: почему воздух продаёт
Почему отступы и «воздух» повышают доверие и конверсию, как их рассчитывать и как объяснить заказчику, что пустота на макете не означает расточительство.
Читать статью →
Иконки на сайте: стиль, размер и единообразие
Как подобрать стиль иконок, выбрать размер, выровнять набор и не запутать посетителей. Форматы, подписи, доступность и ошибки, которые встречаются чаще всего.
Читать статью →
Визуальная иерархия: как вести взгляд посетителя по странице
Как расставлять акценты на странице: размер, контраст, цвет, пространство и расположение. Практические приёмы, схемы чтения и проверка макета на ясность.
Читать статью →
Первый экран сайта: как удержать посетителя за три секунды
Практическое руководство по первому экрану: структура, заголовок, подзаголовок, изображение, кнопка, доверие, мобильная версия и ошибки, из-за которых посетители уходят.
Читать статью →
Типографика на сайте: как шрифты влияют на доверие
Как подобрать шрифтовую пару, размеры, интервалы и длину строки, чтобы сайт выглядел профессионально, читался легко и быстро загружался.
Читать статью →
Как оформить блок с ценами и тарифами
Сколько тарифов показывать, как выделить основной, как описать состав и что делать с ценой на сложные услуги. Принципы и ошибки оформления блока тарифов.
Читать статью →
Как выбрать цветовую палитру для сайта компании
Пошаговый метод выбора цветов для корпоративного сайта: от анализа бренда и аудитории до проверки контраста и оформления состояний кнопок.
Читать статью →
Тёмная тема в веб-дизайне: когда она работает на бизнес
Практическое руководство по тёмной теме сайта: для каких бизнесов она уместна, как подбирать цвета и контраст, как не сломать изображения и логотип.
Читать статью →
Минимализм в дизайне сайтов: меньше, но лучше
Разбираем, как минимализм работает в веб-дизайне: принципы, приёмы, ограничения и ошибки, из-за которых «чистый» сайт превращается в непонятный.
Читать статью →
Сетка в веб-дизайне: модульные системы на практике
Что такое сетка в веб-дизайне, из чего она состоит и как применять колонки, модули и базовую линию, чтобы сайт выглядел цельно и быстро собирался.
Читать статью →
Микроанимации: детали, которые делают сайт живым
Где микроанимации помогают посетителю, а где мешают и тормозят сайт. Тайминги, примеры и правила, которым мы следуем при проектировании интерфейсов.
Читать статью →
Контраст и читаемость: дизайн, удобный для всех
Что такое контрастность, какие значения считаются достаточными, как работать с текстом на фото, кнопками и тёмной темой, и как быстро проверить сайт.
Читать статью →
Иллюстрации или фотографии: что выбрать для сайта
Сравнение иллюстраций и фотографий для сайта: где какой формат работает лучше, сколько это стоит, как сочетать подходы и не потерять единый стиль.
Читать статью →
Градиенты в интерфейсах: правила аккуратного использования
Практические правила работы с градиентами: выбор типа и цветов, применение в фонах, кнопках и иллюстрациях, контраст текста и технические нюансы.
Читать статью →
Футер сайта: что обязательно разместить внизу страницы
Структура футера, обязательные и желательные элементы, различия для корпоративного сайта, лендинга и интернет-магазина. Правила оформления и типичные ошибки.
Читать статью →Нужна помощь с сайтом?
Если статьи навели на мысль, что пора что-то менять, — расскажите о задаче. Проконсультируем бесплатно.
Обсудить проект