Наверняка, многие из нас длинными зимними вечерами соображали и думали: “Вот
web2.0 ведь не плохая штука, в самом деле – красиво, понятно и глаза не устают, но… ” А что “но”? Всё!
Идеал web дизайна! А вот и нет. И вы знаете, что нет, и я знаю, а вот
здесь дяденька попытался как-то собрать и утрясти в одной статье все, что он видел в современном буржуйнете
анти-веб-два-нолевского. Ниже мой перевод, так-то интересная статья у него получилась…
Во все времена новые направления зарождались как противопоставление старым. Однажды на смену сложной готике, пришла чистота прямых линий эпохи Ренессанса. Тонны лака для волос, блестящий и цветастый спандекс 80-х враз были уничтожены черно-белым минимализмом 90-х.
И web - не исключение из этого правила. В самом начале в web’е не было легкости. Все было ужасно переполнено танцующими заголовками, утомительными фреймами, невыносимыми MIDI-звуками и раздражающе вертящимися собачками (@). Для web’а это были мрачные времена. Но к нашему спасению, стали появляться освежающие пустые пространства, яркие контрастные цвета, приятные градиенты, оригинальные эффекты сияния, крупные шрифты, диагональные линии, и конечно же, логотипы, наполненные светом, бликами и обязательно стоящие на отражающей поверхности.
Все стало солнечно и запахло брендом. Так зародился Web2.0 стиль оформления сайтов.
Ну а что дальше?
Уже сейчас есть люди порядком утомленные
web2.0 стилем. Назовите их революционерами или законодателями новых тенденций. Я называю их провидцами. Мой новый герой -
Elliot Jay Stocks. В этом году он принимал участие в конференции
Future of Web Design, которая прошла в начале ноября в
Нью Йорке.
Mr. Stocks выступил там с сообщением, которое он назвал: “
Разрушь web2.0 стиль” (
Destroy The Web 2.0 Look).
В своем докладе он показал, насколько сейчас гипертрофировано увлечение стилем “как web2.0” – свежие сделанные сайты похожи друг на друга как овечки Долли. Mr. Stocks отметил, что на самом деле принадлежность сайтов к web 2.0 определяется не их внешним видом, а технологиями, которые используются для их функционирования.
Mr. Stocks показал, почему “web2.0” не является вопросом эстетики. По его мнению, смешивание термина “web 2.0” со словом “дизайн” вызвано ошибочным пониманием этого термина со стороны маркетинга и web-индустрии: разработчики пытаются достичь успеха своих ресурсов не за счет применения новых технологий, а только за счет заимствования особенностей оформления успешных Web 2.0 проектов.
Отсебятина:
На самом деле, разговор о том, что говорить слово “web2.0” рядом со словом дизайн” в корне неверно, начался, наверное, сразу после того, как стали появляться первые web2.0 ресурсы. И действительно, защитники термина web2.0, конечно же, правы. Понятно, что web2.0 это скорее технология и форма организации ресурса, чем его оформление. Однако, согласитесь, говорить каждый раз: оформление как у web2.0 сайтов или стиль дизайна как у YouTube не очень-то удобно. А удобный, но неправильный термин web2.0 дизайн понятен и дизайнерам, и верстальщикам, и борющимся за правильную речь программистам.
В заключение Mr. Stocks предлагает нам обучить людей тому, что по-настоящему обозначает этот термин. Он призывает нас учиться только на лучших примерах и пытаться приспособить изученные тенденции к нашим собственным проектам.
Я согласен с этими рекомендациями. Однако также мы должны согласиться и с тем, что, несмотря на очевидное и повсеместное копирование клише, в web2.0 стиле имеются некоторые очень ценные находки, которые не теряют своей значимости даже в самых наимоднейших (попсовых) случаях, например: четкий крупный текст, большие пустые белые пространства, выравнивание по центру.
Сейчас, когда в сети утвердился web2.0 стиль, и уже было произнесено – «Разрушь его!», остается еще один маленький вопрос:
Как разрушить web2.0 стиль?
Позвольте еще раз перечислить основные черты web2.0 стиля:
- - Яркие, сильно контрастные цвета;
- - Крупные, яркие значки и иконки;
- - Глянец/Блеск;
- - Скругленные углы;
- - Градиенты;
- - Диагональные линии;
- - Эффекты отражающих поверхностей.
Вы, конечно, согласитесь со мной, что в результате всего этого получается привлекательный, чистый и опрятный дизайн, но, в тоже время, почти стерильный, лишенный индивидуальности.
Роберт пишет о том, как достичь честности в дизайне, насколько важна уникальность и как в ней преломляется ваша деловая индивидуальность.
Во-вторых, я собираюсь вам показать и описать общие особенности нескольких сайтов, которые, как мне кажется, являются смелым ответом на стерильный и клонированный современный веб-стиль.
Вы видите, что эти сайты, несомненно, являются противоположностью современному стилю. Между тем, это всего лишь ответ на текущую тенденцию. Вы можете заметить, что некоторые элементы здесь заимствованы из web2.0: крупный текст, общий рисунок верстки.
Однако в уникальном дизайне, как, впрочем, и в модном (попсовом), мы можем выделить несколько общих элементов, таких как: ретро/винтаж, намек на гранж, богатые и подробные текстуры.
Разберем эти элементы более детально:
- - Ретро – Винтаж;
- - Палитра теплых темных цветов;
- - Богатые и Органические текстуры;
- - Гранж-Ретро шрифты;
- - Грубые рваные края;
- - Различные орнаменты;
- - Подтеки, пятна и брызги краски (Stains);
- - Сложные и многослойные шапки страниц (headers).
Ретро – Винтаж
Обращение к ретро – банальный, но до сих пор действенный прием, позволяющий легко вызвать у посетителя ответное чувство и тронуть его сердце. Здесь мы видим старое полароидное фото и бабушкино радио (заметьте, оно присутствует сразу в двух примерах), а также элементы стариной типографской печати.
Палитра теплых темных цветов
В совокупности с ретро элементами, применение темных цветов: всевозможных оттенков темно-коричневого, насыщенно-красного, горчичного, еще сильнее “старят” дизайн и дополняют общий ощущения старины.
Богатые текстуры
Дизайнерами широко используются органические, деревянные, каменные текстуры, обшарпанные запятнанные стены, покрытые старыми (винтажными) обоями.
Гранж-Ретро шрифты
Попрощайтесь с округлыми жирными шрифтам и встречайте Old School шрифты оформленные в гранжевом стиле с грубыми краями и кучей мелких деталей.
Грубые края
Эффект неровных границ блоков, фреймов и заголовков достигается за счет имитации порванной бумаги и грубых шлепков малярной краски. В этом, конечно, также видится влияние гранжа как стиля.
Орнаменты
Надо сказать, что узоры осторожно используются и при оформлении Web2.0 проектов. Особенно это касается различных растительных орнаментов. Но, безусловно, в приведенных примерах орнаменты применяются в больших количествах.
Подтеки, пятна и брызги краски
Различными пятнами, подтеками, брызгами и кляксами создается потертый и изношенный вид, что, с одной стороны, усиливает эффект древности, а с другой вызывает чувство неопрятности и неаккуратности (снова гранж), а иногда даже достигается ощущение некой домашности или семейности (как от вещей или бумаг из семейного архива).
Сложные и многослойные шапки страниц
Шапки этих страниц достойны восхищения – это вам не темные полоски с блестящим логотипом. Множество слоев, рисунков, “вырезанных” картинок – довольно сложный коллаж, который рассказывает об авторе и о его сайте или о продукте, который на этом сайте продается.
Существующий стиль оформления сайтов пока не собирается сдавать своих позиций. Однако мы не можем отрицать, что уже сейчас находятся некоторые начинатели нового, которые постоянно пребывают в поисках собственного стиля и пытаются избегать клише. Конечно, если рассмотренным особенностям со временем посчастливится утвердиться, то они сами станут клише, но на смену им опять что-то придет. Я думаю, секрет успешного дизайна во многом состоит в том, чтобы постоянно искать, придумывать и пытаться приспособить новые тенденции в повседневной работе.
Отсебятина:
Эти и другие сайты оформленные в подобном стиле можно найти на различных web-галереях, вот например здесь
http://bestwebgallery.com/. Это действительно новое направление и в рейтингах дизайнов подобные сайты сразу попадают в разряд лучших. Прямое противопоставление web2.0 стилю здесь, что называется, на лицо:
Web2.0 ресурс выглядит всегда новеньким, чистеньким - он как игрушка, которая еще в магазине, еще на витрине, ее пока не успели купить. Такой сайт всегда "с иголочки". Однако так не бывает, ведь все в этом мире стареет, все увядает. Потому web2.0 ресурс всегда кажется немного нереальный, он всегда слегка мультяшный.
В новом направлении все наоборот. Сайт должен выглядеть старым, потертым и неопрятным. Такой сайт - как вещь, которую долго носили, таскали, лили на нее суп, прожигали пеплом рукав. Он нарочито "реален". Возникает желание его потрогать рукой, узнать какой он наощупь. Отсюда увлечение "реальными" сложными текстурами (дерево, камень, бумага, стекло), отсюда гранж и ретро.
И вот тут становится интересно...
Смотрите, с гранжем все понятно, он у них (на Западе) и у нас (бывший СССР) одинаковый. Гранж штука интернациональная. А вот с ретро так не получается. Ретро у нас с ними разное. Согласитесь, наше ретро у нас может вызывать совсем другие чувства :). И в тоже время какой-нибудь их "древний" шрифт для нас может быть глубоко фиолетовым.
Я тут повспоминал наши (рунетные) сайты в оформлении, которых использовались "наши ретро элементы". И вспомнил только два:
Если кто-нибудь знает, где в рунете лежит еще что-нибудь подобное, пишите в комментариях. Было бы интересно собрать все такие "ретро" сайты в одну кучу - ведь они оформлены совсем по другому.
