avatar

13 трендов дизайна 2013 года

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

1) Адаптивный веб-дизайн

Дизайн, Юзабилити и Интерфейсы: 13 трендов дизайна 2013 года
Вместо нескольких версий сайта для всех видов устройств, умные люди делают один адаптивный шаблон, который подходит под все типы экранов. Преимущества в стоимости очевидны.

2) Параллакс-эффект и скроллинг

Дизайн, Юзабилити и Интерфейсы: 13 трендов дизайна 2013 года
Параллакс это некий 3D-эффект, достигаемый несколькими слоями, движущимися с разной скоростью. В будущем году его можно будет встретить даже чаще, чем в прошедшем.
Очень хорошо смотрится в мини-сайтах и презентациях.
Другой популярный эффект это вертикальный или горизонтальный скороллинг с зафиксированным меню. Часто этот прием сочетают с параллаксом.

3) Минимализм

Дизайн, Юзабилити и Интерфейсы: 13 трендов дизайна 2013 года
Про него уже все написано, и он, скорее всего, не выйдет из тренда.
Когда минимализма слишком много?

4) Эмоции в веб-дизайне

Дизайн, Юзабилити и Интерфейсы: 13 трендов дизайна 2013 года
После выхода книги «Designing for Emotion» (русская версия — Эмоциональный веб-дизайн) ряды поклонников этого подхода только полняться. И, конечно, это один из трендов в новом году
Эмоциональный дизайн с примерами
Введение в эмоциональный веб-дизайн

5) Интересная типографика

Дизайн, Юзабилити и Интерфейсы: 13 трендов дизайна 2013 года
Вермена, когда целые сайты содержали в себе только Arial и Tahoma уже прошли. Вместе с появлением новых технологий, расширяются и границы типографики на сайтах. Так что можно смело ждать большого количества интересных решений.

6) Flash окончательно умрет

Дизайн, Юзабилити и Интерфейсы: 13 трендов дизайна 2013 года
Flash и сейчас-то уже еле дышит) А в этом году, думаю, его окончательно вытеснят CSS3 и HTML5. Остануться разве что какие-то специальные промо-сайты.

7) Текстуры

Дизайн, Юзабилити и Интерфейсы: 13 трендов дизайна 2013 года
Почему в современных интерфейсах так любят текстуры дерева, кожи, бумаги и т.д.? Потому они нам как родные, интерфейсы становятся реалистичнее, приятнее и «теплее»
Почему и как используется текстура в веб-дизайне

8) Большие картинки

Дизайн, Юзабилити и Интерфейсы: 13 трендов дизайна 2013 года
Скорость интернета уже давно не является проблемой. Поэтому и большие картинки не являются такой уж проблемой. Ожидается, что многие будут использовать большие изображения на фоне

9) Всё большое

Дизайн, Юзабилити и Интерфейсы: 13 трендов дизайна 2013 года
Дизайн, Юзабилити и Интерфейсы: 13 трендов дизайна 2013 года
Дизайн, Юзабилити и Интерфейсы: 13 трендов дизайна 2013 года
Будут увеличиваться кнопки, текст, заголовки, слайдеры

10) Уникальные картинки

Дизайн, Юзабилити и Интерфейсы: 13 трендов дизайна 2013 года
Стоковые фотографии уже даже люди, далекие от дизайна, отличить могут. А отсутствие уникальности — дурной тон. Напротив, уникальные профессиональные фотографии здорово улучшают впечатление от сайта. Так что ждите роста самодельных фотографий.

11) Больше видео

Дизайн, Юзабилити и Интерфейсы: 13 трендов дизайна 2013 года
Как показывает опыт, видео иногда способно завлеч сильнее, а рассказать больше, чем текст. Так что прогнозируется рост сегмента видео-презентаций.

12) Плоский дизайн

Дизайн, Юзабилити и Интерфейсы: 13 трендов дизайна 2013 года
Windows 8 UI (ранее называвшийся Metro)

13) Анимированные картинки в качестве элементов дизайна

Хороший пример

Вот такие тренды 2013. Есть что добавить?

1 комментарий RSS
avatar
На счёт Gif я бы поспорил. Скорее анимироваyный svg
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.