Trenddesign2014 131216032334-phpapp01

314 views

Published on

Trend webdesign 2014

Published in: Marketing
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
314
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Trenddesign2014 131216032334-phpapp01

  1. 1. Тренды и тенденции веб-дизайна
  2. 2. Адаптивный дизайн Плюсы ● ● ● ● ● единое «хранилище» контента единый URL - особенно полезен для социального трафика нет необходимости постоянного тестинга увеличение количества потенциальных клиентов увеличение продаж Минусы ● ● ● ● малая производительность на мобильных устройствах (тяжелый) разные запросы пользователей с desktop и с мобильного устройства на мобильных устройствах не вся графика прогружается. 3G против красоты!:) 20% пользователей приходится на IE до 9 версии
  3. 3. За последние полгода мобильный трафик вырос в 2 раза!
  4. 4. Интерфейс Плюсы ● ● ● ● ● ● простота функционала качество работы программных продуктов разработка интуитивно понятных интерфейсов и приложений доступность информации легкость поиска информации быстрый результат
  5. 5. HTML5/CSS Плюсы ● ● ● ● ● ● быстрая загрузка большая производительность удобство пользования не требуется установка многочисленных дополнительных программ HTML5, в отличие от HTML4 совместим, помимо ПК с планшетами, смартфонами и современными моделями телевизоров, которые предоставляют доступ в Интернет HTML5 обеспечивает единый стандарт отображения контента, независимо от типа браузера Минусы ● ● на данный момент недостаточно развит, чтобы справляться со всеми вызовами, с которыми сегодня сталкиваются дизайнеры не все веб-браузеры поддерживают новую технологию
  6. 6. Видеоконтент Плюсы ● ● ● ● больше доверия пользователя к товару /услуге видео способствует самообразованию качественно можно донести информацию вы навсегда остаетесь владельцем видео (меньше «воровства») Минусы ● ● ● ● длинные ролики автоматический запуск видео не всегда есть субтитры, или обзор текстовой информации для тех, у кого нет звука
  7. 7. .
  8. 8. «Плоский» дизайн Плюсы ● ● ● ● нет различных текстур и градиентов, броских теней и тиснений внимание на минимализме, чистые цвета и резкая типографика нет дополнительных отвлекающих элементов, на первый план выходит цвет иконки, кнопки, элементы навигации — очень просты и яркие, что делает их заметными и легко-кликабельными Минусы ● ● ● ● ● надолго ли это актуально? не все знают, какая кнопка является интерактивной и что, собственно, нужно нажать появляются клоны, очень близкие примеры цветовых решений отчетливо видны все оплошности и ошибки откровенно плохой работы скучноват, иногда (нет излишних украшений)
  9. 9. .
  10. 10. Яркая типографика
  11. 11. Плюсы ● ● ● ● очень красивый дизайн можно оживить даже самую скучную картинку сайты с нестандартными шрифтами выглядят намного круче, чем все остальные благодаря типографике можно в самом лучшем свете представить самую неинтересную в мире информацию и ее будут читать Минусы ● ● Не все могут проникнуться идеей Трудоемко
  12. 12. Background Плюсы ● ● возможность подбора фона, максимально близкого к дизайну сайта выглядит намного приятнее и эффектнее! Минусы ● ● фоновая картинка должна быть максимально большой некорректное отображение на современных мобильных устройствах
  13. 13. .
  14. 14. Корпоративные блоги . В 2014 году увеличится актуальность корпоративных блогов компаний!
  15. 15. . Landing page
  16. 16. . Рост мобильных приложений Этот тренд претендует на место номер 1 в цифровой сфере!
  17. 17. Чего нам нам ждать от разработчиков сайта в ближайшем будущем? Выделим основные тренды веб-дизайна в 2014 году: 1. Адаптивный дизайн 7. Background для сайта 2. Интерфейс 8. Корпоративные блоги 3. HTML5/CSS 9. Landing page 4. Рост видео-контента 10. Рост мобильных приложений 5. Плоский дизайн 11. Непрерывная прокрутка 6. Яркая типографика 12. Крупные шрифты 13. Нестандартная геометрия 14. *
  18. 18. Непрерывная прокрутка .
  19. 19. . Крупные шрифты Тут все понятно — шрифты становятся больше, так как мониторы становятся больше :)
  20. 20. Нестандартная геометрия
  21. 21. . Увеличенное поле поиска
  22. 22. Спасибо! Бринза Наталия руководитель отдела по работе с клиентами natasha@artjoker.ua www.facebook.com/natasha.brynza artjoker.ua

×