Тенденции веб-дизайна 2009

Автор Настя Манно

Недавно я опубликовала небольшой пост о тенденциях веб-дизайна 2008. Должна сразу оговориться, что речь шла скорее все-таки о дизайне блогов, а не о веб-дизайне в целом. Сегодня я хочу продолжить эту тему, но уже применительно непосредственно к темам Wordpress, которыми в основном и занимаюсь сама. Так каковы же тенденции развития, или даже точнее будет — эволюции — шаблонов WP? Кстати, год в заголовке — это уловка. Все-таки изменения происходят не скачкообразно, как мода, а постепенно, перенимая опыт и наработки предыдущих «поколений» шаблонов.

Сейчас все более популярными становятся следующие элементы в дизайне шаблонов Вордпресс: эскизы, надписи, скетчи, нарисованные от руки (либо на планшете, либо на бумаге и потом отсканированные), различные бирки, скрепки и прочие канцелярские принадлежности, билетики, марки, почтовые штемпели, фотографии, акварельные эффекты, коллажи, рукописные и гранжевые шрифты, кляксы и т.п. Причем явно прослеживается стремление авторов все-таки не сканировать объекты, а пытаться их нарисовать в каком-либо графическом редакторе. Но сделать это так, чтобы возникла полная иллюзия «настоящести».

Это что касается внешнего оформления. Но шаблоны также меняются и по уровню наполнения. Они становятся все сложнее, обзаводятся новыми фишками и функциями. Если шаблоны двух-трех летней давности были в основном 2-х колоночными, и сайдбар содержал минимум блоков: архив, блогролл, календарик и управление, то теперь все чаще используются 3-х, а то и 4-х колоночные шаблоны с возможностью добавления в сайдбары не только «джентльменского набора» блоков и рекламных баннеров, но и всевозможных фишек от сторонних ресурсов вроде Flickr-а или Twitter-а.

Кроме того, авторы тем теперь стараются делать так, чтобы новая тема работала сразу после установки на любом блоге. По принципу «все включено». Каждый, кто скачивал и ставил не один десяток тем, знает, что порой тема встает криво. Чаще всего такое происходит потому что не установлены какие-то плагины, необходимые для нормальной работы темы. В таком шаблоне прописан код вывода плагинa, а его самого нет, отсюда и ошибка. Поэтому сейчас все чаще авторы стали внедрять плагины непосредственно в тему, вернее в файл function.php. Их уже не нужно активировать, они работают сразу после установки темы. Правда сама тема становится при этом довольно тяжеловесна.

Также характерной чертой современных шаблонов является более плотная компоновка блоков в сайдбарах, «складывание» их в стопку, когда один блок является видимым, а остальные прячутся за ним, показывая наверху лишь ярлыки. Да и размещение постов в ленту тоже меняется на журнальный стиль, когда вверху есть лишь один пост, а все остальные идут ниже в виде небольших блоков-анонсов.

В связи с этим мне хотелось бы обсудить с читателями моего блога, дизайнерами и веб-мастерами, а так же просто интересующимися: какие тенденции в шаблоностроении стоит ожидать в ближайшем будущем? Что вам самим хотелось бы добавить или убрать как лишнее и бесполезное? Чего стоит ожидать в дизайне: дальнейшего усложнения графики или наоборот упрощения до минимума? Есть ли смысл в расширении функционала блога за счет добавления сторонних ресурсов, или может все-таки стоит придерживаться классических форм и не превращать блог в «социальный органайзер»?

Популярность: 32%

Рубрика: Дискуссия | Сентябрь 28, 2008 в 19:48

Ответов (34) на “Тенденции веб-дизайна 2009”

Комментарий от Кирилл Erlang — 28 Сентябрь 2008 #
Классно, что примерами снабжаешь. Спасибо за статью, интересная.
Комментарий от Владимир — 28 Сентябрь 2008 #
По-моему дизайн в стиле первых двух скриншотов подходит далеко не для всех блогов .
Все-таки чем меньше отвлекающих элементов, тем легче читать текст.

Ширина сайдбара, наверное, будет увеличиваться. Все-таки разрешение мониторов растет, и в сайдбар можно воткнуть кучу очень полезных баннеров или ссылок.

Хотя, на мой взгляд, многие блоггеры перегибают палку с виджетами. Например, зачем в сайдбаре календарь? Выглядит, конечно, не плохо, но вряд ли кто-то на него смотрит.

>> социальный органайзер

если блог не новостной, то подгружать информацию из социальных сетей не вижу смысла

>> тенденции

По-идее JavaScript будет использоваться чаще. Скорее всего, добавление комментариев с помощью AJAX станет стандартом.
Комментарий от Найкрис Кроули — 29 Сентябрь 2008 #
Не могу сказать за остольных, но сам в последних проекта стал использовать все возможности по максимуму. То есть, если раньше задумывался, что у многих ИЕ6, который некоректно отображает ПНГ, то сейчас стал проще относиться к этому, точно так же, как к созданию шаблона, который будет просматриваться с выключенной графикой. И все потому, что эти люди сами понимают, что их ресурсы не позволяют просматривать сайты в той мере, как этого хотелось бы разработчикам. Они это понимают и не жалуются, а париться из-за этого и подстраиваться ради 3-10 посетителей - лишнее.
шаблоны, которые включают в себя кучу плагинов - дело понятное. Сейчас тысячи людей создают блоги, но им лень разбираться в хтмл и тд. В определенной степени мы возвращаемся на 10 лет назад, когда приходется задумываться о создании сайта для людей, которые понятия не имеют, что такое теги.
Комментарий от rotor — 29 Сентябрь 2008 #
Настя, давайте сразу разделим темы для WP на авторские (для себя) и, собственно, темплейты.

То, что рисуется и создается для себя, оставляет больше места для различных экспериментов. То, что для общего пользования, обычно проще, с “защитой от дурака”.

Рукотворный стиль сейчас в моде, однако на перевод таких шаблонов нужно потратить несколько больше времени (нужен перевод не только текста в PHP-исходниках, но и картинки шаблона нужно тоже перерисовать). Т.е они менее гибкие, чем текстовые, но более эффектные.

Не буду говорить за стиль, в какую сторону он повернется через год, но все-таки, блики, тени, загнутые уголки, полупрозрачные изображения и т.д., будут еще часто встречаться в дизайне блогов.

В будущем, предвижу некоторую нишевость в создании темплейтов по определенным темам. Шаблоны, которые одинаково подходят для блогов по психологии и для SEO, часто очень безликие и незапоминающиеся.

И еще будут больше использоваться различные JS-фреймворки, для создания динамики в дизайне.
Комментарий от Настя Манно — 29 Сентябрь 2008 #
Спасибо, друзья, за такие развернутые ответы! Молодцы вы!

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

Найкрис, а расскажи, пожалуйста, что ты называешь “возможностями по максимуму”? Графическую составляющую или функциональное наполнение? Или и то и другое?

rotor, эта идея о нишевости шаблонов довольно любопытна Сейчас уже есть некоторое деление шаблонов по темам, но в основном это лишь внешние проявления вроде: блог о кафешках - бублик с чашкой в шапке, блог о машинах - авто в шапке и т.д. Наверное, в будущем будет кардинально меняться и функциональное содержимое?
Комментарий от Octane — 30 Сентябрь 2008 #
В теме «Agregado» ужасно напрягающе меню вылазят %) И кнопку RSS надо долго искать. Исходя из того, что это тема для блога, кнопка RSS должна ну хоть как-то выделяться или быть на виду, а не просто тупо вписана как одна из кнопок навигации. Дизайнер ведь создает не просто красивый интерфейс, но еще и должен задуматься о удобстве его использования и о том где этот дизайн будет применяться.
Мне больше всего понравилась первая тема с блокнотом, тока в ней кстати тоже кнопку RSS куда в самый низ отправили, где никто никогда ее не станет искать, как будто прилепили, потому что нужна, вместо того чтобы заранее отвести в дизайне под нее место… что-то я о RSS, да о RSS… *CRAZY*
Комментарий от Fr34k — 30 Сентябрь 2008 #
Настя, привет =). Если ещё помнишь меня конечно. Статья понравилась, не смотря на то что (WP) развивается и обрастает с каждой версией новыми фичами и модулями. Графическое отображение этого блога растёт ещё быстрее, и с каждой, новой авторской темой, мы можем видеть что-то новое. И это радует
Комментарий от Настя Манно — 1 Октябрь 2008 #
Octane, а что вы думаете о дальнейшем развитии тем для ВП? Будет ли яркая и броская графика использоваться в дальнейшем или уступит место простоте?

Привет, Fr34k! Не забыла конечно Что-то блог твой не открывается?
Комментарий от Fr34k — 2 Октябрь 2008 #
Знаю =(, там на серваке вообще не понятно что творится, я веди женился недавно и щас финансы не позволяют просто переехать на другой хостинг, каждая копейка идёт на ребёнка. да ещё и в больнице месяц провалялся =(. сорри за офтоп.
Комментарий от Настя Манно — 2 Октябрь 2008 #
Ничего, все наладится. Не падайте духом, поручик!
Комментарий от Robin — 2 Октябрь 2008 #
Ох, люблю я такие сайты.. Сам мечтаю когда нибудь так рисовать.
Комментарий от Wizzard — 2 Октябрь 2008 #
привет всем, случайно наткнулся на этот сайт, не много ознакомившись с ним, захотелось остаться на нем… мне кажется что дизайн будет всегда усложняться(так как все хотят хоть не много выделиться, я например не умею рисовать от руки(хоть и работаю с планшетом), но у меня не плохо получается создавать и другое), а програмная часть будет упрощаться, будут выделяться не многие…
Комментарий от Robin — 3 Октябрь 2008 #
Это да.. тогда придумают что нибудь новенькое
Комментарий от Настя Манно — 3 Октябрь 2008 #
Wizzard, а как вы думаете, в чем будет выражаться это усложнение? Более сложная графика или все большее насыщение различными функциями и фишками?
Комментарий от Кредитный брокер — 8 Октябрь 2008 #
Повторюсь опять (считайте меня за кряхтящего старичка): РАЗМЕР имеет значение. Если шаблон имеет размер 100кб - это вроде бы немного, но помноженный на 10000 посещений уже перестаёт быть мелочью. Поскольку посещение может включать несколько хитов, перемножаем ещё.

Кстати, размер 100кб - условный, у многих он будет поболее
Комментарий от Станислав — 9 Октябрь 2008 #
Привет, Настя. Я тут на http://shakin.ru/interview/nastyamanno.html#more-630 коммент оставил, прочитай, на досуге, может интересно будет. Если не лень будет, конечно. Даже интересно, узнаешь ли ты меня (не столь важно). Ты, как я вижу, снова много говоришь о дизайне, в частности. Как и тогда, ВКонтакте, я хочу задать тебе вопрос: “А готова ли ты?” Точнее уже будет поставить вопрос иначе: “А вправе ли?”. Да, именно так.

В праве ли ты позиционировать себя, как Дизайнер, как человек, имеющий право, нет нет, не навязывать - конечно предлагать, свою точку зрения на дизайн. Я просмотрел твои работы. Если вот это: Большедворский, 3Кинг, Наши за границей, Мандалай твои работы - я готов просить тебя о том, что бы ты не позиционировала себя, как дизайнер. Единственное отличие от вышеописанного кошмара - это Море яхт, и то ощущение недоделанности так и не прошло, сколько не вглядывался. Ты так и не смогла понять или принять простую истину создания сайтов. Я назову тебе ее. Назвоу тебе ее еще раз.

Это КОНЦЕПЦИЯ. НЕ твое или мое видение дизайн-макета, как частного лица, А КОНЦЕПЦИЯ.

В целом же тут у тебя, если закрыть глаза на то, что ты позиционируешь себя, как дизайнер, полная иддилия. Ты делаешь то, что у тебя действительно получается - ПИШЕШЬ и ГОВОРИШЬ. Причем пишешь и говоришь НУЖНЫЕ и в большинстве правильные вещи. За это - настоящее тебе спасибо. На последок же, скажу вот что. У меня во всей этой истории к тебе 3 просьбы:

1. Никому больше не говори, что ты дизайнер (ближайшее время точно)
2. Продолжай то, что делаешь
3. Обдумай на досуге, СМЫСЛ всего вышесказанного.
Комментарий от Настя Манно — 9 Октябрь 2008 #
Улыбнуло
Комментарий от Станислав — 9 Октябрь 2008 #
А как меня-то улыбнуло встретить тебя тут :0)
Да еще и получить однословный ответ :0)
Да еще и со смайликом :0)

Ты же психолог, Настенька, причинно-следственные связи твоего ответа очевидны.

Ты тут, кстати, размышляешь и на психологические темы не мало. При том, что во многих местах в твоих постулатах зияют брешы. Может доучишься, а потом других учить будешь? Или уже все Ок?:0)

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

НО! Отдам должное! Управляешь ты этим паноптикулярным оркестром “намана”, + тебе и пожирнее. Вопрос лишь в том, кем управляем то…

П.С.
Твой ответ улыбнул :0)
Комментарий от St.eV — 15 Октябрь 2008 #
Настя, Вам не кажется что блог нужно делать вообще максимально простым ? Я за минимализм, т.к. когда много графики глаза разбегаются, а в блоге-то главное это сам текст, мысли автора.

Станислав, жестко Вы судите. У Насти хорошие работы, не к чему такие высказывания.
Комментарий от Настя Манно — 15 Октябрь 2008 #
St.eV, я думаю, что все-таки это в большей степени зависит от направленности блога и той аудитории, для которой он предназначен. Кому-то более важен текст, а кому-то визуальная составляющая. Лучшим решением будет золотая середина
Комментарий от Максим — 16 Октябрь 2008 #
Ну, мне то же кажется, что в дальнейшем будет разделение по дизайну блогов по тематикам.
Комментарий от Виктор — 17 Октябрь 2008 #
Очарован автором =)
Комментарий от Кредитный брокер — 20 Октябрь 2008 #
St.eV, обоими руками за, вот посмотрите для примера сайт aot_ru, цветовой гаммы нет вообще, но путешествуешь по такому сайту с удовольствием!
Комментарий от Вероника — 24 Ноябрь 2008 #
Настя, ты молодец! А Станиславу хочу сказать: не учите других, когда вас не просят, гордыней это назвается и чванством. С какой стати вы поучаете, мы не на уроке математики!.. Кстати, пустое брюзжание признак бездарности и глупости!
Комментарий от Вероника — 24 Ноябрь 2008 #
Настя, не слушай Станислава, если ты творишь и считаешь, что ты дизайнер, значит, так оно и есть. И блог у тебя красивый, и статьи интересные. Ты молодчина!
Комментарий от Fr34k — 26 Ноябрь 2008 #
Настя не обижайся. Станислав внекотором смысле прав. Единственное вчём он не прав, так это втом, что вынес своё мнение в паблик. Пусть Настя не сильна как дизайнер, пусть работы не так хороши. Но Станислав, человек пробует, старается, что-то делает. Конечно слово “Веб дизайнер” это сильно но, всегда есть это ё….е “но”. Станислав думаю лишним было именно в этом посте писать то что вы написали. Конечно если вы не испытываете личной неприязни или наоборот.

п.с. Всё написанное выше, личное мнение и ответа не требует. (я про свой пост).
Комментарий от Александр — 3 Декабрь 2008 #
Весьма профессиональный и позитивный блог! Настя - просто умница.
Комментарий от Настя Манно — 3 Декабрь 2008 #
Спасибо, Александр!
Комментарий от Юлия — 4 Декабрь 2008 #
Настя, а ты не знаешь как делать следы от воды на бумаге (как на первом сайте коричневая бумажка позади блокнота)? Искала в нете, нигде не могу найти, по крайней мере на русских сайтах. Или в фотошопе нельзя такое нарисовать?
Комментарий от Настя Манно — 4 Декабрь 2008 #
Можно и в ФШ нарисовать. Только уже существует масса таких готовых кистей. Поискать можно в гугле по запросу photoshop brushes splat
Вот навскидку несколько ссылочек:
http://myphotoshopbrushes.com/brushes/category/6
http://www.brusheezy.com/brush/527-Gradient-Splats
http://www.bittbox.com/freebies/free-hi-res-splatter-photoshop-brushes/
Комментарий от Юлия — 4 Декабрь 2008 #
Спасибо большое! )))

новые сообщения

облачко тэгов

самое популярное

свежие комментарии

архив

рубрики

считалочки