Оптические эффекты в пользовательских интерфейсах
(часть 1 – Визуальный вес)

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

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

Мы подготовили для вас несколько историй о практическом применении принципов теории гештальта в дизайне. В этой части на карточках разбираем про понятие визуального веса элементов.

Привет!

Это Антон. И сегодня я подготовил для вас небольшую подборку на тему “когда биханс, пинтерест и дрибл всем надоели.” Ниже я познакомлю вас с нетривиальными ресурсами, где можно находить идеи для вдохновения и творчества, подобрать нужные референсы для проектов.


(1) are.na – представляет собой уникальную платформу, где дизайнеры могут исследовать и организовывать контент, который вдохновляет их. Этот сайт позволяет создавать персонализированные каналы, собирать и делиться изображениями, ссылками, текстами и видео.

(2) awwwards.com – здесь отмечаются и награждаются лучшие веб-дизайны со всего мира. Ресурс полезен для изучения текущих тенденций в дизайне.

(3) brutalistwebsites.com – это уникальный ресурс, специализирующийся на бруталистском веб-дизайне. Этот сайт собирает и демонстрирует примеры дизайна, которые отличаются грубой эстетикой и часто нестандартным подходом к пользовательскому интерфейсу.


(4) siiimple.com – это кураторский проект, представляющий коллекцию минималистичных веб-сайтов. Этот ресурс может быть особенно полезен для дизайнеров, которые стремятся к созданию чистых, упрощенных пользовательских интерфейсов.


(5) godly.website – еще одна платформа с кураторским подбором выдающихся веб-дизайнов. Этот сайт собирает и демонстрирует инновационные, креативные и технически продвинутые примеры веб-дизайна, что делает его идеальным ресурсом для дизайнеров, стремящихся оставаться в курсе последних тенденций.


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

Развиваем насмотренность вместе с Tauba Auerbach

В мире веб-дизайна, где инновации и креативность имеют особое значение, творчество современных художников может стать источником вдохновения для дизайнеров. Сегодня предлагаем познакомиться с американской хужожницей Таубой Ауэрбах, работающей во многих дисциплинах.

Ее подход к форме, цвету и восприятию выводят ее работы за пределы просто картин, они формируют путь исследования. Это может стать ценным источником идей для дизайнеров, стремящихся к новаторству и творчеству в своих проектах. В конечном счете, искусство и дизайн тесно переплетены, и изучение одного может обогатить другое.

After Smile Display Font – симпатичный шрифт для заголовков. Этот аккуратный и нежный шрифт будет великолепно смотреться в самых разных дизайнерских решениях – от принтов и брендинга до интерфейсов. Он придаст веселый и милый оттенок каждому проекту.

Скачать шрифт для бесплатного (свободная лицензия) использования можно по ссылке.

Предлагаем красиво оформить твои кейсы, используя качественные PSD мокапы Blackrock iPad Mockups.

Скачивай 3 мокапа в одном архиве по ссылке.