UI-дизайн

Здесь подборки на темы: как создать интерфейс (UI), как подобрать цвет, как проработать фирменный стиль, нарисовать иконки и иллюстрации и другие нюансы ui-дизайна. Практические советы по пользовательскому интерфейсу: клю­че­вые прин­ципы хоро­шего интер­фейса, язык интерфейса, алфавит и организация экранов. 

• UiKit: Проектирование дизайн-систем

  • Гайд по созданию цветовой палитры для сайта и интерфейса
  • Разрабатываем руководство по стилю: основы создания невероятных продуктов
  • UI kit от Salesforce — что это и как он помогает дизайнерам развивать продукт

• Дизайн навигации

  • Исследуем визуальные индикаторы в реальной жизни
  • Мобильные UX-паттерны, которые используются неправильно
  • Проектируем удобный слайдер для главной страницы сайта
  • Мобильные UX-паттерны: Поэтапное представление информации (Progressive disclosure)
  • Почему стоит избегать гамбургерных меню и как это сделать?

• Формы

  • Проектируем идеальные текстовые поля: улучшаем юзабилити полей ввода
  • Проектируем более эффективные формы: структура, поля ввода, лейблы и действия
  • UX обзор: Разработка правильных форм ввода информации
  • Руководство по созданию идеальной формы с точки зрения UI и UX дизайна

• Настройки

  • Как спроектировать настройки в приложении
  • Когда использовать чекбокс, а когда переключатель

• Образцы UI

  • Образцы информационных архитектур сайтов (IA) от ведущих UX-дизайнеров

• Тренды | Веб-дизайн (UI/UX)

  • Самый полный обзор трендов веб-дизайна (UI/UX) на 2021 год
  • 3 актуальных тренда в дизайне лендингов

• 

  Курс «Атомарный дизайн»

  Ринат Шайхутдинов

  Авторский курс Брэда Фроста, веб-дизайнера и разработчика портала TechCrunch, амбассадора «Mobile first» и создателя методологии «Атомарный дизайн».

  Подробнее о курсе
• 

  Курс «Интро в веб-дизайн»

  Анастасия Свеженцева

  Бодренький курс по веб-дизайну: особенности профессии, современная культура веб-дизайна и инструменты дизайнера.

  Подробнее о курсе