Дизайн-дайджест Kokoc.tech: цвет, масштаб и сильные первые экраны

Выпуск №5 

На этот раз в центре внимания оказались проекты, где особенно важную роль играет визуальная подача: необычная работа с цветом, сильные первые экраны, крупная типографика, анимация и нестандартные решения для привычных пользовательских сценариев. 

• HubTown — один из самых визуально насыщенных проектов этого выпуска. На сайте одновременно работают графика, цвет, анимация и большое количество деталей. Мы отдельно обратили внимание на нестандартную сетку и анимацию 3D-куба. Несмотря на высокую плотность визуальных элементов, они складываются в единую стилистику проекта.
• NaZavode Space заинтересовал в первую очередь реализацией хиро-блока. Первый экран здесь не просто создает впечатление о проекте, а сразу начинает объяснять механику взаимодействия: hover-эффекты знакомят пользователя с последовательностью шагов. Еще одна интересная деталь — необычная реализация прогресс-бара.

• В проекте Shelby Ashfall Studio главным выразительным инструментом становится цвет. Здесь используются смелые и контрастные сочетания оттенков, которые при этом не спорят друг с другом. Цвет работает не как дополнительное оформление отдельных элементов, а формирует характер и узнаваемость всего проекта.
• В интернет-магазине IRNBY мы отметили нестандартный подход к одному из привычных e-commerce-сценариев — примерке одежды. Вместо стандартной подачи здесь используется иллюстративное решение, которое превращает функциональный элемент интерфейса в заметную часть визуальной концепции сайта.
• Яндекс ID показывает другой подход — сочетание простоты интерфейса с очень крупными визуальными элементами. Уже на первом экране представлены продукты экосистемы, при этом большое количество информации не перегружает страницу. Отдельно обсудили прием «гигантизма»: крупные формы и масштаб элементов помогают расставлять акценты и визуально передавать значимость отдельных смыслов.

В этом выпуске особенно хорошо заметно, насколько разными способами можно создавать сильное первое впечатление от цифрового продукта. Где-то эту задачу решают цвет и обилие графики, где-то — необычная анимация, а где-то, наоборот, крупные формы и простая композиция. 

На дизайн-дайджестах мы разбираем такие решения не только ради визуального вдохновения: важно понять, за счет чего работает конкретный прием, какую задачу он решает и в каких проектах его можно использовать или адаптировать.