Пользователь
0,0
рейтинг
22 января 2013 в 17:44

Дизайн → Тренды веб-дизайна в 2013 году из песочницы

Всем привет!
Хотел бы поделиться с Вами наиболее полной информацией о тенденциях и направлениях веб-дизайна уже в нынешнем 2013 году.

Минимализм




За последние пол года это направление стало очень популярным среди дизайнеров, особенно в дизайне сайтов-визиток. Суть этого тренда заключается в простоте элементов, но в тоже время функциональном интерфейсе. В минимализме часто используются черно-белые тона, углы без скруглений (в большинстве случаев), чтобы показать точность стиля. Здесь можно использовать минимум картинок, но зато наложить побольше различных эффектов. Для разработки идеально подходит всем известный Bootstrap.

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




Куда же без него! В прошлом году, когда многие разработчики и дизайнеры только начинали изучать эту технологию, а многие и вовсе не знали что это, один известный front-end разработчик сказал:
«Я верю в тот день, когда прекратятся разговоры об адаптивном дизайне, и не потому что он исчезнет, а потому что он станет самим собой разумеющимся»
И этот день уже близок. С каждым днем сайтов с адаптивным дизайном как и мобильных устройств становится все больше и больше. Но пока эта технология остается в тренде.

Фиксированное меню




Использование position: fixed; для навигационного меню или sidebar стало хорошей традицией, особенно для сайтов с адаптивным дизайном, т.к. теперь по сайту стало передвигаться намного удобнее, к тому же это довольно стильно смотрится. Плюс отпала надобность в кнопке «подняться наверх».

CSS3 фильтры




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

CSS3 анимация




С помощью свойства transition и transform теперь дизайнерам можно с легкостью делать классные эффекты, которые раньше можно было сделать только с использованием JS. В 2012 году данная технология получила большую поддержку среди разработчиков и дизайнеров, поэтому она безусловно относится к трендам этого года.

Фото как background для сайта




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

Нестандартная геометрия




Мы привыкли видеть стандартное построение элементов интерфейса, но такие сайты ломают эту традицию и удивляют своим креативом. Довольно интересный подход! Мне кажется, стоит обратить на него внимание.

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




Благодаря обилию web и иконочных шрифтов теперь можно создавать интересные эффекты, например, 3D текст или кнопку в виде букв. Кстати, в последнее время на многих сайтах появились большие заголовки, возможно это станет новым трендом.

Заключение


Идти в ногу со временем, это конечно хорошо, но помните, что тренды приходят и уходят, и это всего лишь рекомендации для реализации Ваших идей. Главное, следуйте своему стилю и подаче, и только тогда Ваш дизайн всегда будет интересен публике.
Антон Бабенин @Sunriks
карма
4,0
рейтинг 0,0
Реклама помогает поддерживать и развивать наши сервисы

Подробнее
Реклама

Самое читаемое Дизайн

Комментарии (48)

  • +6
    Жаль только, многие браузеры палки в колёса вставляют. А так, думаю, давно бы уже начали использовать «новые» или лучше сказать старые, но не везде поддерживаемые возможности.
    • +7
      Я верю в тот день, когда популярные браузеры будут одинаково реагировать на один и тот же код.
      • +4
        Аминь!
      • +2
        Я тоже очень на это надеюсь.
      • +3
        Вырубить на камне в главном холле MS!!!
      • +1
        В конец света тоже верили, а он не случился
      • 0
        Хотя, в это поверить в принципе легко, но в то, что все разом откажутся поддерживать сайты на старых версиях — почти не реально)
        • 0
          Надежда умирает последней)
    • 0
      Почти на каждое новое CSS свойство есть по десятку деградационных рецептов
      (очень хорошая статья на эту тему — «Progressive Enhancement или всё-таки Graceful Degradation»).
      Оставляйте базовый функционал для пользователей, которые не используют стандартные(от слова стандарт) браузеры.
      • 0
        Еще может помочь chrome frame.
  • –2
    Ну не знаю. Все это видели в прошлом году. Не сказать, прям, что очень новое.

    Сказали про адаптивность, но, наверно, более правильно говорить о мобильном вебе. В том смысле, что он активно догоняет обычный.

    Сугубо личное мнение: адаптивность — для гиков. Модно, дорого и не для всех.
    • +3
      Тренд и новинка — разные вещи. Я думаю, что автор просто хотел сказать, что этой красоты в 2013 будет больше (если вкратце).
      • +1
        Именно это я и хотел сказать, спасибо за понимание.
    • +7
      Адаптивность для большинства сайтов — это лишь правильная переверстка макета.
      • 0
        Адативный веб дизайн это не переверстка макета

        это значит забить на дизайн вообще. Ни выбрать верно точки фокусировки, ни верно спроектировать пропорции.

        Адаптивный веб дизайн — это геморрой для дизайнера, который в условиях когда он может действительно проектировать правильные страницы с точки зрения дизайна/юзабилити, вынужден забыть про все это. И крутиться в рамках — как бы все сделать так чтобы то было не сильно страшно если рамки виев-порта будут в 10 раз меньше.
        • +4
          Адаптивный дизайн — это кроме всего прочего проверка дизайнера на профессионализм.
          Веб-дизайнер справится, сделает хорошо. А для дизайнера, который в вебе случайно или по ошибке (или и вовсе для плохого дизайнера) это геморрой.
    • 0
      Адаптивность вообще то не для гиков, а для клиентов, точнее их удобства.
      Да, дорого, это пока, скоро все распробуют, разучат, и тогда ценник упадет. Всегда хороший заработок именно на чем-то новом.
  • +4
    Минимализм, фото на бэкграунде, нестандартная геометрия, хорошая шрифтовая работа — это не тренды, это классические приемы. Все это актуально на все времена.
  • +17
    Я ненавижу фиксированное меню. Авторы браузеров начиная с хрома поняли, что кнопки воруют место, минимизировали интерфейсы, но дизайнеры придумали вот это вот чтобы спереть его. Особенно бесит когда прилепляют анимацию и фейсбучные лайки. Надеюсь эта хрень сдохнет так же, как когда-то сдохли фреймы, вместе кнопкой наверх у сайтов (мобильная опера это и так умеет, пусть остальные берут пример, а на десктопе проще home нажать)
    • 0
      На айфоне можно просто нажать в область часов и вас перенесет вверх.
      • 0
        Так вот оно что… А я-то думала, что же я задеваю постоянно…
        А отключить эту хрень нельзя, да?
        • 0
          Насколько мне известно, нельзя.
    • –8
      Кнопка наверх самое лучшее что придумали в юзабилити за последние годы.
      • +2
        ну конечно же! А люди то и не подозревают о кнопке «Home» на клавиатуре
        • +1
          В том то и дело что она на клавиатуре.
      • +2
        Кнопка наверх самое раздражающее что придумали в юзабилити за последние годы. И чем эта кнопка больше, тем она больше раздражает.
  • 0
    сайты визитки были оригинальными и крутыми еще в 2000
    а вот как модным сделать «красивым» портал с кучей рекламы?
    • +7
      добавить фиксированное меню пикселей в 150
      • 0
        Фото на фон и 3д шрифт еще.
        • 0
          Вы про котиков забыли. Котики делают любой сайт лучше!
  • 0
    Разве не надо ставить ссылку на исходный текст и писать, что это перевод?
    • 0
      А вы нашли оригинал? Дайте ссылку, интересно.
  • 0
    Вот жеж, большее из всего этого мне не нравится, хотя основные тенденции в 12 году были приятны глазу, минимализм, текстуры, грамотная типографика… эх. Старею, видимо.
    • +2
      Это не старею, а очень поверхностно и не о чём. Такие т.с. выбрал тенденции. Точнее поставил 13-й год набору случайно выбранных фактов и всё — статья готова. А так, все эти тенденции, что к 11 что к 12 году прилепить можно, а некоторые и раньше.
      Назовите хоть один год когда типографика, свободное место, большой баграунд и т… д. не в тренде :).
      По «webdesign trends 2013» — в g. — полно таких «трендов».
  • –1
    добавил бы активно распространяющийся паралакс-эффект
    • +2
      да эта мода вроде уже на спад пошла
  • +1
    Я бы добавил метро-дизайн и горизонтальный скрол
    • +2
      Горизонтальный скролл это такой ад.
      • 0
        если скролл висит на мышке (скролл), то все гуд и есть место жизни. новый майспейс вполне удобный если не считать множество не оптимизированных переходов страниц
    • 0
      может быть, но это достаточно узкое направление… для планшетов и телефонов было бы хорошо, но никак не для десктопа.
      Хотя смотря как подать.
  • 0
    Зачем все же так категорично? «Наиболее полной», «в 2013»...? Тут скорее «мое видение того, что мы будем все чаще видеть на сайтах в наступающем году»

    И еще — Вы приемы верстки и дизайн как таковой не путаете? Для веба, соглашусь, эти понятия часто идут рука об руку, но, все же, верстка старается максимально реализовать то, что дизайнер напридумывал, и принимает решение, что и где будет работать, а чего кое кто не увидит. Я к тому, что, например, CSS-фильтры — это фича, не соврать, даже не 10, а 15 летней давности (если брать IE), просто тогда ее использовали редко, ибо заботились о том проценте пользователей NN3/4, Opera, который тогда оставался. Сегодня (и вот это, похоже, как раз, тренд) стало модно говорить «кто не обновился, тот сам себе дурак», и ориентироваться на новые браузеры.

    Но все же, сказать, что в новом году все чаще верстка будет учитывать существование мобильных устройств — просто оно как-то звучит :) Этак надо написать, что иметь на сайте поддержку мыши — это (вот уже который год!) все еще непроходящий тренд, господа!

    … А серые безликие сайты как штамповали тысячами, так и штампуют. Ибо многим навороты не нужны, а вот страничку в Сети иметь (тренд, тренд!) сегодня все более полезно.
  • +3
    Забыли еще параллакс скроллинг :)
  • НЛО прилетело и опубликовало эту надпись здесь
  • 0
    Вчера на тему трендов-2013 появилась чудная большая статья (может, кто-то перевод сделает?).
    Web and Design trends for 2013
  • 0
    Забыли замыленные бэкграунды =)
  • 0
    Использование position: fixed; для навигационного меню или sidebar стало хорошей традицией, особенно для сайтов с адаптивным дизайном, т.к. теперь по сайту стало передвигаться намного удобнее, к тому же это довольно стильно смотрится. Плюс отпала надобность в кнопке «подняться наверх».

    Ненавижу!
    • 0
      position: fixed; вообще ведет себя не адекватно на мобильных устройствах

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