15 тенденций в области веб-дизайна на 2014 год
5 января 2014 | Опубликовано в статьюшечки | 37 Комментариев »
Ничто не стоит на месте, а современные технологии вообще мчатся галопом на манер символа 2014-го. Однако специалисты в области веб-дизайна все же осмеливаются делать некоторые прогнозы. Сегодня вы узнаете мнение на этот счет Дэвида Ли Кинга — автора двух книг, специалиста в области веб-технологий. Вашему вниманию 15 тенденций наступившего года.
Категория 1 – Мобильные устройства:
1. Первостепенность дизайна для мобильных устройств. Разработка дизайна теперь начинается с маленьких экранов, следующим шагом является расширение проекта для планшетов, следом идет вариант для большого экрана. Логика проста: если ты не можешь сделать что-то на маленьком экране, вероятно тебе это не понадобится и на большом.
2. Адаптивность. Дизайн обязательно должен быть адаптивным и смотреться одинаково хорошо на экранах любого размера.
Категория 2 – Дизайнерские решения:
3. Простота. Многие дизайнеры уходят в минимализм, максимально упрощая внешний вид сайта. Убедитесь что ваш дизайн не выглядит громоздким и не мешает восприятию контента.
4. Свободное пространство. Продолжение темы упрощения. Свободное пространство помогает подчеркнуть контент. Используйте его так, как это делают в журналах.
5. Отказ от Flash. Продолжаются тенденции по уходу от Flash, уступая место более современным решениям, таки как HTML5 или CSS3.
Категория 3 – Визуальные моменты:
6. Параллакс. Параллакс помогает придать сайту глубину и объем.
7. Плоский дизайн. Плоский дизайн кажется почти противоположным дизайну на основе параллакса. Но это не совсем так. В основе плоского дизайна четкие визуальные решения, продуманное использование цветов и обилие свободного пространства. Подумайте о дизайне iOS и вы поймете что имеется в виду.
9. Большие изображения. Использование больших изображений — это нынешний тренд. Даже если в качестве фона на вашем сайте уже используется большое изображение.
10. Цвета. Различные ресурсы пишут о цветовых трендах 2014 года самые разные вещи. Неважно какой вариант «предсказаний» вам попадется: спокойные цвета, ретро цвета, даже неоновые! Помните, что сегодняшний веб-дизайн красочный. Поэтому подумайте об инструменте типа Adobe Kuler, который поможет выбрать популярные цвета для сайта.
Категория 4 – Типографика:
11. Веб-шрифты. Мы более не ограничены несколькими веб-шрифтами. Задумайтесь об использовании шрифтов от Google Fonts или Typekit.
Категория 5 – Контент:
12. Видео. Видео по прежнему удерживает лидирующие позиции. Один из недавно проведенных опросов говорит о том, что 78% совершеннолетних пользователей выходят в сеть за видео-контентом. Это отличный способ привлечь внимание к содержанию вашего ресурса.
13. Социальные сети. Интеграция в соц. сети — важный момент для сайтов и организаций, и удобный способ распространения информации.
Категория 6 – Навигация:
14. Большие кнопки. В веб-дизайне все чаще используются большие кнопки. Сделайте их большими и хорошо видимыми!
15. Вертикальная прокрутка. Подумайте об использовании «липких» элементов навигации, которые будут оставаться в верхней части вашего сайта во время прокрутки.
Автор статьи David Lee King
Перевод — Дежурка
Смотрите также:
6 января 2014 в 9:11
Спасибо, интересно! =)
января 9, 2014 at 11:30 дп
Вам спасибо за внимание!
6 января 2014 в 14:11
Некоторые повторяются уже второй год)
января 6, 2014 at 2:36 пп
Модные тенденции — они такие :)
9 января 2014 в 9:24
«Подумайте о дизайне iOS»... Говоря о плоском дизайне мне в первую очередь приходит на ум windows phone, там плоский дизйн появился несколь лет назад, потом перекочевал на windows 8. Почему сейчас в пример ставят iOS 7 мне не очень понятно, даже android стал плоским раньше iOS. Скажу более, на мой взгляд дизайн iOS 7 — это пример того, как делать не надо. Слишком большой разброс по дизайну одних и тех же элементов(например клавиатура то белая, то черная), много блюра, что визуально загрязняет свободное пространство, элементы управления же делают меньше и меньше(взгляните на iOS 7.1 beta 3) и т.д. Создается такое впечатление, что решили сделать плоский дизайн, но не смогли отказаться от привычек сквеморфизма. Теперь у меня от своего iPad очень неоднозначные впечатления, но я точно знаю, что я бы не хотел видеть концепции iOS 7 в web-дизайне. Впрочем, возможно, это только е мнение.
января 9, 2014 at 9:27 дп
Несколько*
Мое мнение*
Прошу прощения жа опечатки.
января 9, 2014 at 9:28 дп
Проклятая виртуальная клавиатура %)
января 9, 2014 at 11:33 дп
Возможно, автор материала фанат Apple :)) Дизайн iOs 7 действительно спорная тема) Но так как на нашей совести лишь перевод материала, на замену примеров у нас нет права. Уж извините. Что написано пером, как говорится :)
января 9, 2014 at 2:39 пп
Нет-нет, Вы не подумайте, я вовсе не нападаю, просто высказываю свои мысли по этому поводу :)
января 9, 2014 at 3:11 пп
Правильно делаете! Высказывайтесь и впредь обязательно! Мы поддерживаем.
14 января 2014 в 1:38
как мне нравиться эта статья! все так рационально структурировано, классифицировано и разложено по полочках, ничего лишнего и все понятно
+