Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

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

5 января 2014 | Опубликовано в статьюшечки | 12 Комментариев »

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

 

Категория 1 – Мобильные устройства:

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

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

Категория 2 – Дизайнерские решения:

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

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

5. Отказ от Flash. Продолжаются тенденции по уходу от Flash, уступая место более современным решениям, таки как HTML5 или CSS3.

Категория 3 – Визуальные моменты:

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

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

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

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

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

Категория 4 – Типографика:

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

Категория 5 – Контент:

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

13. Социальные сети. Интеграция в соц. сети — важный момент для сайтов и организаций, и удобный способ распространения информации.

Категория 6 – Навигация:

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

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

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

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

Смотрите также:




Комментарии

  1. Евген
    Thumb up Thumb down +4

    Спасибо, интересно! =)

    Ответить

    Mary Ответ:

    Thumb up Thumb down 0

    Вам спасибо за внимание!

    Ответить

  2. Никита
    Thumb up Thumb down +6

    Некоторые повторяются уже второй год)

    Ответить

    Mary Ответ:

    Thumb up Thumb down +2

    Модные тенденции — они такие :)

    Ответить

  3. Вадим
    Thumb up Thumb down +1

    «Подумайте о дизайне iOS»... Говоря о плоском дизайне мне в первую очередь приходит на ум windows phone, там плоский дизйн появился несколь лет назад, потом перекочевал на windows 8. Почему сейчас в пример ставят iOS 7 мне не очень понятно, даже android стал плоским раньше iOS. Скажу более, на мой взгляд дизайн iOS 7 — это пример того, как делать не надо. Слишком большой разброс по дизайну одних и тех же элементов(например клавиатура то белая, то черная), много блюра, что визуально загрязняет свободное пространство, элементы управления же делают меньше и меньше(взгляните на iOS 7.1 beta 3) и т.д. Создается такое впечатление, что решили сделать плоский дизайн, но не смогли отказаться от привычек сквеморфизма. Теперь у меня от своего iPad очень неоднозначные впечатления, но я точно знаю, что я бы не хотел видеть концепции iOS 7 в web-дизайне. Впрочем, возможно, это только е мнение.

    Ответить

    Вадим Ответ:

    Thumb up Thumb down +1

    Несколько*

    Мое мнение*

    Прошу прощения жа опечатки.

    Ответить

    Вадим Ответ:

    Thumb up Thumb down +3

    Проклятая виртуальная клавиатура %)

    Ответить

    Mary Ответ:

    Thumb up Thumb down 0

    Возможно, автор материала фанат Apple :)) Дизайн iOs 7 действительно спорная тема) Но так как на нашей совести лишь перевод материала, на замену примеров у нас нет права. Уж извините. Что написано пером, как говорится :)

    Ответить

    Вадим Ответ:

    Thumb up Thumb down +2

    Нет-нет, Вы не подумайте, я вовсе не нападаю, просто высказываю свои мысли по этому поводу :)

    Ответить

    Mary Ответ:

    Thumb up Thumb down +1

    Правильно делаете! :) Высказывайтесь и впредь обязательно! Мы поддерживаем.

    Ответить

  4. Mary
    Thumb up Thumb down +1

    как мне нравиться эта статья! все так рационально структурировано, классифицировано и разложено по полочках, ничего лишнего и все понятно

    +

    Ответить

Оставить ответ


+ девять = 18

Вставить изображение