АРМАДА
Статья! Тенденции веб дизайна 2012.
На страницу 1, 2  След.
Новая тема Написать ответ

Miss Content
V.I.P.
Зарегистрирован: 05.03.2010
Сообщений: 7881
Обратиться по нику
# Добавлено:Ср Мар 07, 2012 11:25 amДобавить в избранноеОтветить с цитатой
Несмотря на то, что 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
Свой
Зарегистрирован: 12.03.2012
Сообщений: 60
Обратиться по нику
# Добавлено:Чт Мар 29, 2012 6:15 pmОтветить с цитатой
Интересная статья, но не очень -то практическая. Так, убиваешь время и все...
www.global-expert.ru

Miss Content
V.I.P.
Зарегистрирован: 05.03.2010
Сообщений: 7881
Обратиться по нику
# Добавлено:Пт Мар 30, 2012 9:29 amОтветить с цитатой
Vahan, а какие ты мог бы назвать еще тенденции в веб дизайне?
Место для Вашей рекламы!

trepsXe +
Гуру
Зарегистрирован: 02.05.2011
Сообщений: 1172
Обратиться по нику
# Добавлено:Пт Мар 30, 2012 4:17 pmОтветить с цитатой
минимализм

Tommy_N
Свой
Зарегистрирован: 09.04.2012
Сообщений: 8
Обратиться по нику
# Добавлено:Вт Апр 10, 2012 8:31 pmОтветить с цитатой
trepsXe писал(а):
минимализм


+100500

Статья в целом интересная, спасибо

Miss Content
V.I.P.
Зарегистрирован: 05.03.2010
Сообщений: 7881
Обратиться по нику
# Добавлено:Пн Апр 16, 2012 7:22 amОтветить с цитатой
trepsXe писал(а):
минимализм


действительно тенденция

Новую главную страницу Mail.ru сделают чистой, легкой, информативной

Новая главная Яндекса – ничего лишнего

Место для Вашей рекламы!

Вишенка
V.I.P.
Зарегистрирован: 29.03.2011
Сообщений: 1961
Contest (Сумма: 1)
Обратиться по нику
# Добавлено:Чт Апр 19, 2012 11:18 pmОтветить с цитатой
Статья то, что надо! Лично я прочитала её с огромным интересом и... радостью. Те тенденции, которые в ней отражены, полностью совпадают с моим представлением об идеальном дизайне сайта: простота, доступность, конкретность - всё нужное и ничего лишнего! Надеюсь, что эти тенденции закрепятся не на один год. Smile

А по поводу цвета и форм нет никаких сведений?

exolon
V.I.P.
Зарегистрирован: 22.11.2007
Сообщений: 2397
Обратиться по нику
# Добавлено:Пт Апр 20, 2012 11:11 amОтветить с цитатой
Адаптивная верстка, препроцессоры CSS, фреймворки.

Miss Content
V.I.P.
Зарегистрирован: 05.03.2010
Сообщений: 7881
Обратиться по нику
# Добавлено:Пт Апр 20, 2012 12:26 pmОтветить с цитатой
Цитата:
А по поводу цвета и форм нет никаких сведений?


По поводу цвета - у каждого свои предпочтения. А что ты понимаешь под формой?
Место для Вашей рекламы!

trepsXe +
Гуру
Зарегистрирован: 02.05.2011
Сообщений: 1172
Обратиться по нику
# Добавлено:Пт Апр 20, 2012 1:36 pmОтветить с цитатой
сходит на первых четырех скринах

1 - это под айфон
2 - это я не понял, что это?
3 - обычный экран
4 - широкий экран

exolon
V.I.P.
Зарегистрирован: 22.11.2007
Сообщений: 2397
Обратиться по нику
# Добавлено:Пт Апр 20, 2012 1:50 pmОтветить с цитатой
Телефон, планшет горизонтально, планшет вертикально.

Лик
V.I.P.
Зарегистрирован: 03.07.2010
Сообщений: 4501
Обратиться по нику
# Добавлено:Пт Апр 20, 2012 3:51 pmОтветить с цитатой
Цитата:
Адаптивная верстка


А что это?

DrKronos
SEO-доктор
Зарегистрирован: 11.03.2008
Сообщений: 13024
Moder (Сумма: 1)
Обратиться по нику
# Добавлено:Пт Апр 20, 2012 4:01 pmОтветить с цитатой
http://new.yandex.ru/ Мне не нравится.
Oscar the grouch Здесь могла быть ваша реклама

exolon
V.I.P.
Зарегистрирован: 22.11.2007
Сообщений: 2397
Обратиться по нику
# Добавлено:Пт Апр 20, 2012 5:48 pmОтветить с цитатой
Лик, посмотри на картинки в этой статье на хабре. На мобильных устройствах с меньшей шириной экрана сайт перестраивается в меньшее количество колонок, даже до одной. Получается что нет горизонтальной прокрутки на мобильных устройствах.

Лик
V.I.P.
Зарегистрирован: 03.07.2010
Сообщений: 4501
Обратиться по нику
# Добавлено:Пн Апр 23, 2012 7:05 amОтветить с цитатой
DrKronos писал(а):
http://new.yandex.ru/ Мне не нравится.


очередное стремление к гугл?
Новая тема Написать ответ    ГЛАВНАЯ ~ ПОЛЕЗНЫЕ СТАТЬИ

Перейти:  





Генеральный спонсор



Партнеры