Студия «Tell different»
создание сайтов, поддержка и продвижение

Украина, Полтава, пр-т Вавилова 13/42

тел.: +38-050-1705-777

 

design-trends-2014-00Графический дизайнер Владимир Пальянов представил свое виденье модных тенденций и тренды в дизайне, которые были популярны в уходящем 2014 году. Он сделал мини-презентацию, рассказывающую о самых значимых и популярных особенностях дизайна за этот год.

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

30 трендов дизайна уходящего 2014 года

1. Тонкие шрифты

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

Тонкие шрифты в дизайне сайтов

2. Контурные иконки

Легкость в шрифтом оформлении потянула и изменения в дизайне иконок - они тоже стали тонкими и контурными

Тренды дизайна сайтов: контурные иконки

3. Мозаика из прямоугольников

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

Тренды дизайна сайтов: мозаика из прямоугольников

4. Туманные цвета

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

Тренды дизайна сайтов: туманные цвета

5. Плоские иконки и иллюстрации

Стиль плоских иконок, иллюстраций привнесли дизайнеры компании Apple. Сказалось популярность смартфонов iPhone и планшетов iPad этой компании.

Тренды дизайна сайтов: плоские иконки и иллюстрации

6. Заливка сплошным цветом

Заливка сплошным цветом пришла из мира полиграфии больших форматов - билбордов и больших растяжек.

Тренды дизайна сайтов: заливка сплошным цветом

7. Круги и сругленные элементы

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

Тренды дизайна сайтов: круги и круглые элементы

8. Адаптивный дизайн и верстка

Еще в 2013 году адаптивный дизайн казался футуристическим, хотя его первые сайты в адаптивном стиле верстки появились еще в 2011 году. В 2014 году будущее наступило. А вместе с ним - и кошмар для дизайнеров. Ведь фактически дизайнеру приходится разрабатывать не один стиль, а сразу несколько - под разные размеры экрана. Но работодатель платит по прежнему как за один )).

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

Тренды дизайна сайтов: адаптивная верстка

9. Адаптация под ретину

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

Тренды дизайна сайтов: адаптация под ретину

10. Параллакс-эффект

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

Тренды дизайна сайтов: параллакс

11. Анимация HTML/CSS

Действительно замечательный тренд. Современный стандарт CSS3 позволяет делать умопомрачительные эффекты анимации вообще без использования JavaScript. Как результат, объекты, которые подлежат анимации, не скрыты для поисковых роботов, страницы становятся более легкими. А сами дизайнеры меньше сдержаны лимитами своих познаний в области программирования.

Тренды дизайна сайтов: анимация HTML/CSS

12. Прилипающая шапка

Еще одно изобретение дизайнеров, которое сильно улучшило юзабилити страниц для посетителей. Теперь не приходится длинные страницы перекачивать дополнительными элементами, дублирующими основное меню.

Тренды дизайна сайтов: анимация HTML/CSS

13. Подача ленты новостей или материалов в стиле Timeline

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

Тренды дизайна сайтов: Timeline

14. Ссылки без подчеркивания

Тренды дизайна сайтов: ссылки без подчеркивания

15. Лендинги

Многие клиенты в этом году смогли убедиться в эффективности лендингов или посадочные страниц. Для простых задач они оказались во многом лучше сложных сайтов именно благодаря своей простоте и наглядности. За меньший период времени (а значит - и за меньшие деньги) заказчики смогли получить куда более эффективные инструменты. Ведь лендинг сужает набор действий у посетителя страницы - он либо сделает лид, либо просто закроет страницу.

Тренды дизайна сайтов: лендинги

16. Подгрузка контента при скролле

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

Тренды дизайна сайтов: подгрузка контента при скроле

17. Размытый фон

Тренды дизайна сайтов: размытый фон

18. Живой блюр

Тренды дизайна сайтов: живой блюр

19. Тонирование изображений

Тренды дизайна сайтов: тонирование изображений

20. Центрирование

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

Тренды дизайна сайтов: центрирование

21. Прятать меню в иконку

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

Тренды дизайна сайтов: прятать меню в иконку

22. Уведомления

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

Тренды дизайна сайтов: уведомления

23. Большие картинки на фоне

Тренды дизайна сайтов: большие картинки на фоне

24. Большой интерльяж

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

Тренды дизайна сайтов: большой интерльяж

25. Разрядка

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

Тренды дизайна сайтов: разрядка

26. Контурные кнопки

Тренды дизайна сайтов: контурные кнопки

27. Long shadow - длинные светотени

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

Тренды дизайна сайтов: long shadow - длинные светотени

28. Видео на фоне

Тренды дизайна сайтов: видео на фоне

29. Полигональные элементы в дизайне

Тренды дизайна сайтов: polygon art

30. Диаграммы

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

Тренды дизайна сайтов: диаграммы

Оставьте свой комментарий

0
  • Комментарии не найдены

Другие статьи и новости

25 летающих фантазий фотографа Равшана Азалии
Фотоработы узбекского профессионального фотографа Равшана Азалии - это...
Подробнее...
Для кого-то и дым - кисть: 26 изображений спорткаров
Румынский дизайнер Октавиан Миелу является большим поклонником спорткаров и,...
Подробнее...
Лендинги и одностраничные сайты
Лендинг, посадочная страница (англ. landing page) — страница скомпонованная под...
Подробнее...
Столик для кофе, который собирается без единого шурупа или винта
Мы начинаем новую рубрику в своем блоге «Мы верим в дизайн». В статьях с этой...
Подробнее...
30 идей для фотоманипуляций в Photoshop-е
Фотоманипуляция интересно создавать и весело смотреть. Использование Photoshop вы...
Подробнее...
5 лендингов, у которых есть чему поучиться
Ниже приводятся примеры страниц лендингов, у которых есть чему поучиться «как...
Подробнее...

Нужна наша помощь?

Подпишитесь на новости