10 лучших руководств по UX / UI дизайну и онлайн-курсов для начинающих

Что такое искусство без публики? Для дизайнеров и бизнес-менеджеров недостаточно создать полнофункциональный веб-сайт или приложение со всеми последними наворотами. Ваша настоящая цель — сделать что-то, что понравится пользователям и на что они будут реагировать. Если вы не совсем уверены как выполнить последнее, возможно, вас заинтересуют некоторые руководства по дизайну UX / UI. Иллюстрация OrangeCrush С…

Material Design на русском. Часть 29 — Применение формы в UI | by Ruslan Sharipov | Feb, 2021

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

Как создать качественную цветовую палитру для UI | by Komarov Design | Jan, 2021

Перевод полезной статьи от Buninux о создании цветовой палитры для веб-сайта или приложения. 8 советов по созданию качественных цветовых схем. Цвет повсюду. Работа с цветом — это неотъемлемая часть любого дизайн бренда и современный интерфейс стремится к его узнаваемости. Поэтому выбор и использование цветов для достижения бизнес-целей может оказаться тяжелой задачей для любого дизайнера. Выбор,…

Material Design на русском. Часть 15 — Применение цвета в UI | by Ruslan Sharipov | Jan, 2021

Базовый цвет для списков и прочих поверхностей, таких как нижний список действий (англ. bottom sheets), боковая навигационная панель (navigation drawer), различные меню, диалоговые окна и карточки — белый. Эти компоненты конечно же могут включать и другие цвета для создания контраста между другими поверхностями. Контраст просто может явно показать края у поверхности, чтобы показать высоту например…

Тенденции дизайна пользовательского интерфейса (UI) на 2021 год

Из года в год мы стараемся анализировать тенденции во всех сферах. Пришло время посмотреть, какие тенденции пользовательского интерфейса оказались успешными в прошлом году. Самое главное — узнать о тенденциях дизайна пользовательского интерфейса на 2021 год. «Зачем?» — спросите вы. Потому что недостаточно просто быть в курсе последних новостей в сфере дизайна. Это жизненно важно для…

5 шагов для улучшения ваших навыков UI дизайнера

1. Научитесь использовать в своих интерфейсах законы человеческого восприятия Ваш дизайн соответствует правилам восприятия информации? Важно знать их достаточно хорошо, потому что без этих знаний вы не сможете реально объяснить причины своего визуального выбора. Этих правил немного, но для удобства остановимся на самых важных: Закон близости Если у нас присутствует несколько элементов, то находящиеся рядом…

Как разработать UI Kit для сети гипермаркетов. Часть первая | by Ареал | Sep, 2020

Большинство читателей кейса безошибочно определят новую рекламную кампанию, лендинг или рассылку от Яндекса, Google, Икея: цвета, стилистика, детали интерфейсов, расположение блоков. У брендов сильный и узнаваемый визуальный образ, который прочно закрепился в нашем сознании. Как правило, за единообразие стиля отвечает отдел маркетинга с продуманным брендбуком и гайдлайном. В случаях с разветвленной системой цифровых каналов, как…

Как задизайнить MVP UI KIT для мобильного приложения с нуля | by Никита Кондратьев | Sep, 2020

С чего начать и от чего отталкиваться? В этой статье расскажу, как сделать MVP UI KIT для мобильного приложения максимально быстро и эффективно. Сделать интерфейс единообразным Сэкономить время отрисовки новых макетов Сэкономить время на аргументацию дизайн-решений Сначала лучше сделать платформу с наибольшим количеством целевых пользователей. Если аналитики по целевым пользователям нет, то можно отталкиваться от…

Заливки и границы. Основы UI дизайна

Как мы указали в первой статье этой серии, большая часть UI дизайна заключается в перемещении прямоугольников. Итак, давайте начнем со скромного прямоугольника. В большинстве инструментов дизайна вы можете нарисовать его, нажав клавишу R. Когда вы создаете новый прямоугольник, он обычно уже имеет заливку. В большинстве случаев это просто серый цвет, поэтому не забудьте изменить цвет…