|
На страницу Пред. 1, 2 |
|
|
| Ср Мар 07, 2012 11:25 am |
Start Post: Статья! Тенденции веб дизайна 2012.  |
![]()
Miss Content
V.I.P. |
Зарегистрирован: 05.03.2010
Сообщений: 7881
|
Обратиться по нику
|
| Miss Content |
Ответить с цитатой | | |
|
Несмотря на то, что 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/ |
|
|
|
|
|
Место для Вашей рекламы! |
![]()
DrKronos
SEO-доктор |
Зарегистрирован: 11.03.2008
Сообщений: 13024
|
Обратиться по нику
|
|
|
 Здесь могла быть ваша реклама |
![]()
Miss Content
V.I.P. |
Зарегистрирован: 05.03.2010
Сообщений: 7881
|
Обратиться по нику
|
|
|
Место для Вашей рекламы! |
![]()
Master Max
Свой |
Зарегистрирован: 24.01.2008
Сообщений: 10
|
Обратиться по нику
|
| Master Max |
Ответить с цитатой | | |
|
| Адаптивный дизайн интересная вещь, нужно попробывать. А то я голову ломаю как сделать версию для мобильных и при этом что бы гугл не воспринял это как клоакинг или дубль контент. |
|
|
|
|
|
TrafficHolder.com - Buy/Sell Adult Traffic |
![]()
ceber
V.I.P. |
Зарегистрирован: 13.05.2010
Сообщений: 4290
|
Обратиться по нику
|
| ceber |
Ответить с цитатой | | |
|
| Master Max писал(а): |
|
Адаптивный дизайн интересная вещь, нужно попробывать. А то я голову ломаю как сделать версию для мобильных и при этом что бы гугл не воспринял это как клоакинг или дубль контент.
|
Есть специальные сервисы ля создания мобильной версии сайта. Например http://www.dudamobile.com/
Введите URL в поле и посмотрите, как будет выглядеть Ваш сайт на дисплее мобильного устройства, после чего можно заняться всеми аспектами мобильного дизайна: менять шрифты, заголовок, фон, изменять размер изображений и пр.
Вы также можете заменить свой шаблон на один из предложенных.
Вы можете публиковать как бесплатную версию сайта, так платную, заплатив за определенные услуги, как например, использование мобильной версии сайта на своем персональном домене.
Чтобы посетители могли воспользоваться мобильной версией сайта, необходимо сделать перенаправление.
Для этого надо скопировать предложенный код и вставить его своего сайта.
Скрипт поможет автоматически определить, когда посетитель просматривает Ваш сайт с мобильного устройства и перенаправит их на мобильную версию.
Если Ваш сайт расположен на BlogSpot, то сделать это нужно следующим образом:
Сначала Вам надо найти head, причем это должен быть закрывающий тег
Для этого воспользуйтесь сочетанием клавиш CTRL+F и вставляете код непосредственно перед закрывающим head.
Но....
Есть одна ма-а-а-ленькая деталь: перед тем, как вставить код, поставьте галочку в чек боксе Расширить шаблоны виджета.
Теперь предстоит зайти в Настройки блога – Электронная почта и мобильные устройства и внести необходимые данные, а заодно и посмотреть, как будет выглядеть Ваш сайт в мобильном устройстве.
Для сравнения взгляните, как выглядит один и тот же сайт в обычной и в мобильной версии.
так выглядит обычный сайт
А это - его мобильная версия
Взято отсюда |
|
|
|
|
|
|
![]()
rz00007 +
Опытный |
Зарегистрирован: 12.05.2012
Сообщений: 397
|
Обратиться по нику
|
| rz00007 + |
Ответить с цитатой | | |
|
| насчет минимализма я согласен, а вот резина под большим вопросом... |
|
|
|
|
|
http://presite.ru/ – эксклюзивный веб дизайн, разработка сайта визитки и интернет магазина под ключ. |
![]()
rz00007 +
Опытный |
Зарегистрирован: 12.05.2012
Сообщений: 397
|
Обратиться по нику
|
| rz00007 + |
Ответить с цитатой | | |
|
| обычно делают 2 версии сайта pda и pc под резину далеко не всякий сайт можно подстроить... |
|
|
|
|
|
http://presite.ru/ – эксклюзивный веб дизайн, разработка сайта визитки и интернет магазина под ключ. |
![]()
exolon
V.I.P. |
Зарегистрирован: 22.11.2007
Сообщений: 2397
|
Обратиться по нику
|
| exolon |
Ответить с цитатой | | |
|
| Сейчас модно на фрейворках типа бутстрапа верстать, а там адаптивная верстка не проблема. |
|
|
|
|
|
|
|
|
|
Партнеры
|
