Дизайн-дайджест Нетологии №2

13.11.2018
3420
Подпишитесь, чтобы получать новые статьи на почту

Редакция Нетологии собрала и кратко законспектировала самые интересные статьи по дизайну, выпущенные на специализированных медиаплощадках в октябре.

Обучение в онлайн-университете: профессия «UI-дизайнер»

«Тренды дизайна в 2019 году», Friendly Design

Общие тренды

  • Дерзкие цвета,
  • ассиметричность,
  • анимация,
  • эклектика,
  • отказ от градиентов,
  • изометрия,
  • дополненная реальность,
  • естественные фотографии.

Тренды в UI/UX

  • Mobile first,
  • использование негативного пространства,
  • больше иллюстраций,
  • иллюстративные значки,
  • жидкие, геометрические и асимметричные фигуры,
  • фоновое видео,
  • анимация,
  • микровзаимодействие — отклик каждой детали интерфейса,
  • жирные шрифты вместо изображений,
  • разбитая сетка и перекрывающиеся элементы,
  • 3D-иллюстрации.

Типографика

  • Большие шрифты,
  • собственные корпоративные шрифты.

Брендинг и логотипы

  • Цветные каналы,
  • иллюстрации в брендинге,
  • анимированные логотипы.

Моушн-графика

  • Эффект зерна,
  • 2D-анимация,
  • 3D-графика в анимации.

Дизайн упаковок

  • Дерзкие цвета,
  • нетрадиционные и натуральные материалы,
  • большие шрифты,
  • минимализм,
  • авторские иллюстрации на упаковках.

«10 основных принципов визуального дизайна», Sayhi

Сильный дизайн — это простота и легкость. Даже с помощью самых простых элементов, форм и принципов можно создать стильный и запоминающийся продукт.

1. Точка → линия → форма

Даже самые сложные и совершенные формы создают из точек и линий. Освойте их — и сможете создавать что угодно.

2. Цвет

У каждого цвета есть свое значение, настроение и сообщение, которое он передает, как, например, в светофоре: красный — стоп, зеленый — вперед. Учитывайте значение цвета.

3. Типографика

С сильным шрифтом можно вообще обойтись без дизайна. Научитесь разбираться в стилях, назначениях и особенностях шрифтов.

4. Пространство

Дизайнер может использовать не только объекты, но и пустое пространство. Важно научиться находить баланс между воздухом и объектами, чтобы они не задыхались, но и не терялись.

5. Баланс, ритм, контраст

Научитесь находить баланс между объектами, учитывая визуальный вес.

6. Масштаб

Масштаб задает ритм, контраст, баланс и иерархию. Учитесь делать акценты на главном и отодвигать незначительное на второй план.

7. Сетка и выравнивание

Выравнивание по сетке делает дизайн чище, четче и опрятнее. Даже если пользователь не увидит сетку, он почувствует, что такой логотип нравится ему больше.

8. Фрейминг

Используйте фрейминг, чтобы передать стиль, настроение и философию вашего продукта.

9. Текстуры и паттерны

Используйте их, чтобы задать ритм и динамику и компенсировать недостаток негативного пространства.

10. Визуальная концепция

Для сильного дизайна нужен осмысленный подход и продуманная концепция. Такой дизайн будет существовать без изменений веками.

«Что такое хороший дизайн», UXPUB

Дизайнеры из 16 стран рассказали, что в их понимании «хороший дизайн». Если сгруппировать ответы, получается, что хороший дизайн:

  • работает,
  • продает,
  • решает проблемы,
  • передает понятное сообщение,
  • объединяет чувства и логику,
  • меняет общество,
  • меняет поведение,
  • меняется сам.

«10 лучших инструментов для UI/UX дизайна», TemplateMonster

  1. Type Scale помогает масштабировать шрифт под ваш сайт.
  2. Material Design Resizer тестирует дизайн на десктопе, смартфоне и планшете.
  3. UX Project Checklist — интерактивный чеклист для безошибочной поэтапной разработки дизайна.
  4. Pttrns поможет в разработке интерфейса мобильного приложения.
  5. UserTesting — сервис, где профессиональные тестировщики расскажут, что им понравилось, а что нет.
  6. GoodUI проводят A/B-тесты и делятся результатами.
  7. Mocksplus — программа для создания дизайна без базы технических навыков.
  8. Marvel — программа для прототипирования с возможностью кликать по кнопкам и переходить со страницы на страницу.
  9. Adobe Illustrator универсальный инструмент для создания векторной графики.
  10. Sketch — одна из лучших программ для дизайна на Mac.

«Как сделать редизайн сайта и не нажить проблем: 4 важных шага», habr

1. Убедитесь, что редизайн необходим

Не переделывайте сайт просто так, для редизайна должны быть основания. Например:

  • низкая конверсия,
  • отставание от технологий сайтов конкурентов,
  • неудобный или устаревший интерфейс.

2. Поставьте цели и начинайте тестировать на старом дизайне

Решите, чего вы хотите добиться редизайном, ориентируясь на метрики: трафик, конверсию, время на сайте.

3. Изучите конкурентов, позаимствуйте их решения

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

4. Дайте пользователям право выбора

Пользователи решают, как им удобнее взаимодействовать с сайтом, и если новый дизайн им не понравится, будьте готовы вернуть старый.

Читать еще: «Лучший графический дизайн по версии пользователей Behance»


Мнение автора и редакции может не совпадать. Хотите написать колонку для «Нетологии»? Читайте наши условия публикации. Чтобы быть в курсе всех новостей и читать новые статьи, присоединяйтесь к Телеграм-каналу Нетологии.

Университет интернет-профессий