|
На страницу 1, 2 След. |
|
|
|
Несмотря на то, что 2012 год только начался, дизайнеры уже успели сформулировать свое видение будущего веб дизайна в 2012 году. Итак, что уйдет, что придет и что останется популярным в 2012 году в сфере веб дизайна и создания сайтов?
Основной тенденцией будет проектирование сайтов таким образом, чтобы они одинаково хорошо смотрелись на экранах разного размера. Это достигается с помощью специальной верстки - responsive web design, в русском языке известной как резиновый или адаптивный дизайн.
Зачем нужно использовать резиновый дизайн? Потому, что создание отдельной версии для каждого типа устройства потребует слишком много времени и в этом нет никакой необходимости. Ведь все мобильные устройства такие разные! Резиновый дизайн нельзя назвать новинкой, он используется с 2010 года, однако в 2012 году его использование станет общеупотребительным.
В первую очередь это связано с тотальной мобилизацией, в настоящее время сложно найти человека у которого нет смартфона или планшета. Сейчас мы имеем доступ в интернет, где бы мы не находились, 24 часа в сутки, 7 дней в неделю.
При использовании резинового дизайна большую роль играет контент. На маленьком экране большинство декоративных элементов дизайна не отображаются и основное внимание направлено на контент, который должен быть информативным и лаконичным. Так же, важное значение имеют шрифты.
Говоря о резиновом дизайне нельзя не упомянуть использование фреймворков (grid systems). Их использование позволяет дизайнеру сфокусироваться на уникальных деталях каждого проекта, вместо неоднократного изобретения колеса. Фреймворки стали активно внедряться еще год назад и в ближайшее время забвение им не грозит т.к. их использование позволяет сэкономить время и в конечном итоге снижает цену продуктов.
2012 год порадует нас большим разнообразием шрифтов. Интерес к шрифтовому оформлению появился не вчера, еще Стив Джобс упоминал, что изучал каллиграфию к колледже, а это было 30 лет назад. Шрифтовое оформление выделилось в отдельное направление дизайна примерно 5 лет назад, когда дизайнеры осознали, какое влияние на пользователя может оказывать, этот незначительный на первый взгляд, элемент. Так что в следующем году дизайнеры заметно разнообразят представление текстов на сайтах.
Просмотр сайтов на маленьких экранах, невозможен без прокрутки вниз. Хотя большинство людей не видят ничего страшного в том, что им приходится прокручивать экран что бы добраться до нужной информации. Вместе с тем, благодаря новым технологий и гаджетам, появившимся на рынке в последние годы, прокрутка в обычном понимании может исчезнуть.
Речь идет об параллакс эффекте при вертикальной прокрутке. Он состоит в том, что изображение делится на слои, каждый из которых движется с разной скоростью при движении мыши или скроллинге. В результате возникает эффект живой, объемной картинки.
Внимание пользователей все больше привлекает простота. Минималистский дизайн, как и в 2011 году остается на волне популярности. Веб дизайнеры отказываются от экспериментов с цветами и находят простые, но интересные и запоминающиеся пользователю решения. Чем меньше лишних деталей, тем лучше посетитель концентрируется на основных элементах. Эта тенденция вероятно продолжится и в следующем году.
В этой статье мы рассмотрели всего лишь несколько тенденций 2012 года. Если я что-то пропустил, вполне можно продолжить обсуждать тренды в комментариях.
Оригинал статьи на английском языке: http://www.1stwebdesigner.com/design/web-design-trend-2012/ |
|
|
|
|
|
| Интересная статья, но не очень -то практическая. Так, убиваешь время и все... |
|
|
|
|
|
| Vahan, а какие ты мог бы назвать еще тенденции в веб дизайне? |
|
|
|
|
|
|
|
| trepsXe писал(а): |
|
минимализм
|
+100500
Статья в целом интересная, спасибо |
|
|
|
|
|
|
|
Статья то, что надо! Лично я прочитала её с огромным интересом и... радостью. Те тенденции, которые в ней отражены, полностью совпадают с моим представлением об идеальном дизайне сайта: простота, доступность, конкретность - всё нужное и ничего лишнего! Надеюсь, что эти тенденции закрепятся не на один год. 
А по поводу цвета и форм нет никаких сведений? |
|
|
|
|
|
| Адаптивная верстка, препроцессоры CSS, фреймворки. |
|
|
|
|
|
| Цитата: |
| А по поводу цвета и форм нет никаких сведений?
|
По поводу цвета - у каждого свои предпочтения. А что ты понимаешь под формой? |
|
|
|
|
|
сходит на первых четырех скринах
1 - это под айфон
2 - это я не понял, что это?
3 - обычный экран
4 - широкий экран |
|
|
|
|
|
| Телефон, планшет горизонтально, планшет вертикально. |
|
|
|
|
|
| Цитата: |
| Адаптивная верстка
|
А что это? |
|
|
|
|
|
|
|
| Лик, посмотри на картинки в этой статье на хабре. На мобильных устройствах с меньшей шириной экрана сайт перестраивается в меньшее количество колонок, даже до одной. Получается что нет горизонтальной прокрутки на мобильных устройствах. |
|
|
|
|
|
очередное стремление к гугл? |
|
|
|
|
|
|
|
|
