Тренды 2013 года в веб-дизайне

Не прошло и месяца, как прошло три. Наступил 65ый день февраля первый весенний денек, а мне захотелось написать про тренды с которыми мы все столкнемся в 2013 году.

Тренды расположены в порядке наибольшего планируемого распространения, на мой взгляд.

Адаптивный дизайн

Адаптивный веб-дизайн

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

Пример из наших краев: Медицинский центр Надежда

Дизайнерская типографика

Дизайнерская типографика

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

Минимализм

Минимализм в веб-дизайне

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

Анимация без Флеша

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

Параллакс

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

Пример из наших краев: Сайт хосписа от Пятого измерения

Вертикальный скроллинг

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

Пример из соседних краев: Маркинский кирпичный завод от Сибирикса

Большие фоновые картинки

Большие фоновые картинки Развиваются технологии, растет скорость доступа к Интернету у среднестатистического пользователя. Веб-дизайнеры начинают использовать большие фоновые картинки. Выглядит здорово, когда это оправдано.

Сайты без перезагрузки страниц

Большинство сайтов-примеров, приведенных выше, загружаются без перезагрузки страниц. Либо это одностраничные сайты, либо это сайты, выполненные по технологии AJAX, когда контент подгружается динамически. За всем этим стоит развитие технологий, современные браузеры, высокоскоростной Интернет и прочие радости жизни.

— — —

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

Насколько все описанные тренды относится к Кемеровскому рынку Интернет-разработки — вопрос открытый. Я бы хотел вынести это на обсуждение.

А какие тренды и закономерности, по-вашему, нас ждут на Кемеровском рынке Интернет-разработки?

Поделиться

Тренды 2013 года в веб-дизайне: 9 комментариев

  1. Jane

    Почти со всем согласна, только:
    1. к сожалению далеко не все макеты можно подогнать под адаптивную верстку.
    2. вертикальный скрол неудобно.
    3. технологию ajax нужно грамотно использовать. Удобно и хорошо, когда пользователь изменил что-то на странице и обновился только нужные блоки. Плохо, если у сайта нет изменения урла при переходе по страницам.

    Thumb up 0 Thumb down 0

  2. Илья Горбаров Автор записи

    2Константин — мне так не показалось )))

    2Марина — пожалуй да, спасибо.

    2Jane
    1) Адаптивная верстка — да, надо было написать адаптивный дизайн. На этапе верстки уже поздно решать проблемы дизайнера, если он не предусмотрел адаптивности.
    2) Для промо — в самый раз, без перезагрузки страниц тоже бывает удобно.
    3) Да.

    Спасибо.

    Thumb up 0 Thumb down 0

  3. Enlightened

    Дизайн а-ля Metro UI — это и есть минимализм, до которого наконец-то додумались ребята из Microsoft. Ждем выключенный по умолчанию Компиз в кедах:)

    Кстати, почему таб с поля «Сайт» в форме комментирования переключает на кнопку «b», а не на окно ввода?;)

    Thumb up 0 Thumb down 0

  4. Уведомление: Создание сайта гостиницы "Фонарь" от веб-студии Axioma | Ответ на главный вопрос жизни, вселенной и всего такого

  5. Уведомление: Сайт Бизнес-центра Маяк-Плаза Кемерово Аренда офисов | Ответ на главный вопрос жизни, вселенной и всего такого

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

Войти с помощью: 

Ваш e-mail не будет опубликован. Обязательные поля помечены *