15 тенденций в области веб-дизайна на 2014 год

 

Ничто не стоит на месте, а современные технологии вообще мчатся галопом на манер символа 2014-го. Однако специалисты в области веб-дизайна все же осмеливаются делать некоторые прогнозы. slide-1-638 В данном репосте представлено мнение на этот счет Дэвида Ли Кинга — автора двух книг, специалиста в области веб-технологий. Вашему вниманию 15 тенденций наступившего 2014 года.

 


slide-2-638
Категория 1

Мобильные устройства:

 


1. Первостепенность дизайна для мобильных устройств. slide-4-638 slide-3-638

Разработка дизайна теперь начинается с маленьких экранов, следующим шагом является расширение проекта для планшетов, следом идет вариант для большого экрана. Логика проста: если ты не можешь сделать что-то на маленьком экране, вероятно тебе это не понадобится и на большом. slide-5-638Почему мы в первую очередь сосредоточены на мобильные устройства?
56% взрослых американцев имеют смартфоны.     slide-6-638 Например, на вебсайт библиотеки Давида заходят около 20% людей используя смартфон и 10% планшет. Число мобильных устройств, используемых в сети интернет, будет только увеличиваться.

2. Адаптивность.
slide-7-638 Дизайн обязательно должен быть адаптивным и смотреться одинаково хорошо на экранах любого размера.

slide-8-638 slide-10-638


slide-11-638

Категория 2

Дизайнерские решения:

 


 

3. Простота.
slide-12-638

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

 

slide-14-638

slide-13-638

 

 

 

 

 

 

 

4. Свободное пространство.
slide-15-638

Продолжение темы упрощения. Свободное пространство помогает подчеркнуть контент. Используйте его так, как это делают в журналах.   slide-16-638 slide-17-638

 

 

 

 

 

 

5. Отказ от Flash.
slide-18-638

Продолжаются тенденции по уходу от Flash, уступая место более современным решениям, таки как HTML5 или CSS3. slide-19-638slide-20-638

 


slide-21-638
Категория 3

Визуальные моменты:

 


6. Параллакс.
slide-22-638slide-23-638

Параллакс помогает придать сайту глубину и объем.

 

7. Плоский дизайн.
slide-24-638Плоский дизайн кажется почти противоположным дизайну на основе параллакса. Но это не совсем так. В основе плоского дизайна четкие визуальные решения, продуманное использование цветов и обилие свободного пространства. Подумайте о дизайне iOS и вы поймете что имеется в виду.


slide-28-638
slide-25-638

slide-27-638slide-26-638

 

 

 

 

 

8. Блоки.
slide-29-638Блочное расположение контента, как на Pinterest. Это отлично работает на таких сайтах как Pinterest или Flickr, где огромное количество контента располагает наравне. Однако будьте осторожны с этой тенденцией: не стоит применять это решение, если ваш контент обладает разной степенью важности, или же если его не очень много. Посмотрите пример на сайте New York Public Library, где были совершены обе ошибки.

slide-28-638 slide-34-638 slide-32-638 slide-31-638 slide-30-638

slide-35-638

 

 

 

 

 

 

 

 

 

 

 

 

 

 

9. Большие изображения.
slide-36-638Использование больших изображений — это нынешний тренд. Даже если в качестве фона на вашем сайте уже используется большое изображение.

slide-37-638 slide-38-638

 

 

 

 

 

 

10. Цвета.
slide-39-638Различные ресурсы пишут о цветовых трендах 2014 года самые разные вещи. Неважно какой вариант «предсказаний» вам попадется: спокойные цвета, ретро цвета, даже неоновые! Помните, что сегодняшний веб-дизайн красочный. Поэтому подумайте об инструменте типа Adobe Kuler, который поможет выбрать популярные цвета для сайта.
slide-40-638

 

 

 

 

 

 

 

 


slide-41-638
Категория 4

Типографика:

 


 

11. Веб-шрифты.
slide-42-638

Мы более не ограничены несколькими веб-шрифтами. Задумайтесь об использовании шрифтов от Google Fonts или Typekit.

slide-44-638 slide-43-638 slide-45-638             slide-46-638

 

 

 

 

 

 

 

 

 

 

 

 

 

 


slide-48-638


Категория 5

Контент:

 


 

12. Видео.
slide-49-638

slide-51-638

slide-53-638 slide-55-638

 

 

 

 

 

 

Видео по прежнему удерживает лидирующие позиции. Один из недавно проведенных опросов говорит о том, что 78% совершеннолетних пользователей выходят в сеть за видео-контентом. Это отличный способ привлечь внимание к содержанию вашего ресурса. slide-52-638    

 

 

 

 

 

 

 

13. Социальные сети.
slide-56-638

Интеграция в соц. сети — важный момент для сайтов и организаций, и удобный способ распространения информации. slide-59-638 slide-57-638         slide-58-638

 

 

 

 

 

 

 

 

 

 

 

 

 


slide-60-638
Категория 6

Навигация:

 


 

14. Большие кнопки.
slide-61-638

В веб-дизайне все чаще используются большие кнопки. Сделайте их большими и хорошо видимыми!

slide-63-638slide-64-638

 

 

 

 

 

 

 

 

15. Вертикальная прокрутка.
slide-65-638

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

slide-66-638slide-67-638

 

 

 

 

 

 

 

 

Автор статьи David Lee King

Перевод — Дежурка

Добавить комментарий