Design Happens

В 80% из 100 новички либо игнорируют футер, либо не знают, как его организовать и допускают одни и те же ошибки. Начнем с того, что же должен содержать футер и для чего он нужен. Футер, аналогично хедеру, – это навигационный элемент сайта. Footer (футер, подвал) — блок в нижней части страницы. Он должен содержать полезную информацию, а также виден на всех страницах сайта. Что должен содержать футер: 1. Основные разделы сайта, а также дублирует логотип компании 2. Контактная информация 3. Иногда – возможность подписаться на новостную рассылку, если на других страницах такой блок неуместен 4...

Очень часто сталкиваюсь с ошибками проектирования такого важного элемента навигации, как хедер. Хедер (от header — заголовок) — верхнее меню, которое располагается выше блока с основным контентом и присутствует на всех страницах сайта. Это первый элемент, который видит посетитель, поэтому одна из его важнейших задач — привлечь и удержать внимание пользователя. Что должно отображаться в хедере? 1. Первая и самая важная вещь – это, конечно же, логотип компании. Логотип в шапке – это важнейший элемент брендирования, который пользователь должен заметить в первую очередь...

Все дизайнеры много раз слышали про правило внешнего и внутреннего и правило близости, но многие допускают одни и те же ошибки из раза в раз. Статья будет короткой. Рассмотрим несколько популярных случаев, в которых все допускают ошибки. Пример 1 (организация карточек): Пример 2 (организация внутри блока): Пример 3 (организация полей ввода и кнопок): Пример 4:...

Все мы знаем, что один из основных компонентов дизайн-системы – это цвет, но мало кто из начинающих дизайнеров понимает, сколько цветов нужно для готового проекта и как их правильнее организовать в UI ките, чтобы и самому было удобно и разработчикам понятно. Помни одну вещь - чем больше времени уделить дизайн-системе, тем больше времени она сэкономит в будущем. Палитра: с чего начать? Определение палитры – важный этап в построении дизайн-системы, ведь цвет будет передавать настроение, эмоции, а также отвечает за узнаваемость бренда...

Очень частой ошибкой у начинающих дизайнеров является неверное оформление системы типографики в проекте. Блок с типографикой очень важный, ведь текст – это половина дизайна. Как часто выглядит блок с типографикой в UI kit 😭 : Казалось бы, собраны все стили, они аккуратно сгруппированы, но что здесь не так? Необходимо помнить, что в реальной жизни и в больших проектах очень важна организация. Разработчикам будет проще работать с блоком типографики, если указать все основные параметры. Например, для...