Модный веб-дизайн

Я не дизайнер, но по роду бизнеса и ответственности сталкиваюсь с темой современного веб-дизайна и должен внимательно следить за направлением развития (модное слово «тренд» уже оскомину набило).

Хорошая статья (и комментарии)ю. Многое спорно, на многое — у меня прямо противоположный взгляд, но статья и комментарии профессиональны!

Симптомы эпидемии: Тренды в веб-дизайне

Автор: Espen Brunborg

Представляем вам перевод статьи «Symptoms Of An Epidemic: Web Design Trends» с комментариями Александра Ковальского, руководителя и креативного директора CreativePeople.

С тех пор, как Эллиот Джей Стокс довольно остро призвал уничтожить облик Web 2.0, мы успели стать свидетелями дегламуризации Сети, включая исчезновение «стеклянных» кнопок, скошенных краев, отражений, значков рекламных спецпредложений, вульгарных градиентов кричащих цветов и диагональных фоновых заливок. Трансформация была легко принята всеми, за исключением самых ярых энтузиастов глянца. Однако эстетика и дизайн живут по странным законам, и едва умирает один дизайнерский тренд, на его смену тут же приходит другой.

Симптомы

Так в чем же суть этой новой пандемии? Для начала взглянем на некоторые из наиболее распространенных симптомов, многие из которых вы, по всей видимости, заметили сами. Их легко обнаружить и они, как и многие другие, часто сочетаются между собой. (Именно поэтому зараза распространяется столь стремительно — независимые на первый взгляд проявления осложняют болезнь многократно, соединяясь друг с другом.)

Обратите внимание: приведенный ниже список не является упорядоченным и не выстраивает симптомы в зависимости от их вирулентности или тяжести проявлений — во многом они равнозначны. Также заметьте, что большинство приведенных примеров содержит сразу несколько признаков болезни, что также осложняет классификацию.

Стоит ли упоминать, что эти самые тренды рождаются как раз с легкой руки большого количества таких именитых изданий как http://www.smashingmagazine.com/ или www.awwwards.com

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

Строчная вышивка (стежки)

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

Хотя определение точных причин появления вышивки представляется проблематичным, ученые убеждены, что она принадлежит к более деформирующей группе инфекций, известных как «скевоморфизм».



По часовой стрелке сверху: Журнал
Min Tran’а, работа Мейсона Ярнеля с Dribble, работа Лайэма МакГейба с Dribble.

Зигзагообразные границы

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



По часовой стрелке сверху:
You Know Who, работа Кристофера Паула с Dribble, работа Меган Фишер с Dribble.

Хороший прием (как и стежки), который у нас используется очень скромно, и в основном, в рамках небольших сайтов, либо в интерфейсе мобильных приложений.

Ленты с раздвоенным концом

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

Опасность лент заключена главным образом в их способности существовать независимо от других симптомов (хотя они прекрасно чувствуют себя в компании винтажной типографики), а значит и возможности их выживания в дизайне даже после спада эпидемии и снижении общей симптоматики. Во многом они напоминают классические значки «особых предложений» из эпохи Web 2.0.



По часовой стрелке сверху: студия
Ryan O’Rourke, Cabedge, журнал Джейка Пржеспо

Это безумие, но я лично знаю только одного российского дизайнера, который делает что-то подобное: http://www.madebyvadim.com/, несмотря на малое количество работ, дизайнер получил свою долю славы (сайт уже получил Site of the day на awwwards.com и попал в массу европейских дизайн-подборок), но наши заказчики по-прежнему не готовы к такому стилю.

Текстуры

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

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



По часовой стрелке сверху: журнал
Геррена Ламсона, Zero, Amazee Labs

Голод конечно есть. Многие из веб-дизайнеров никогда не работали с бумажными носителями, не рисовали на бумаге, не эксперементировали с материалами, пропустив этот этап в своем становлении. Но красота фактур, объемность, сложность некоторых материалов завораживают даже тех, кто никога не распечатывал свои работы в типографии. Вебу не хватает тактильных ощущений, отсюда и потребность придать изображению тот самый «дух ручной работы». Хорошая работа в этом стиле есть у Стаса Полякова http://revision.ru/work/53674/ — сайт и плакат одновременно.

Впечатанный (вдавленный) текст

Статья 2009 года в Smashing Magazine назвала вдавленный текст одним из главных трендов сезона и, да, они оказались правы. Этот простой эффект полностью прошел период созревания и в настоящий момент является одним из основных способов наведения лоска на типографику в онлайне. Будучи относительно безболезненным симптомом, вдавленный текст, по всей видимости, начал заражать дизайнеров через цифровые интерфейсы операционных систем и игр еще с конца прошлого века, свидетельствуя о невероятно долгом инкубационном периоде.

Ученые не могут определить, является ли причиной столь долгого развития необходимость накопления критической массы для проявления доминантных симптомов или же инфекция просто требует определенных условий — как, к примеру, тень для текста в CSS3 — для развития заболевания.



По часовой стрелке сверху:
Billy Tamplin, работа Филипа Марриота с Dribble, Remix.

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

Иллюстрации 19 века

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

Хорошо это или плохо, иллюстрации 19 века останутся с нами еще надолго, время от времени усугубляясь, подобно вирусу гриппа.



По часовой стрелке сверху:
Killian Muster, работа Трента Вальтона с Dribble, Simon Collison.

Гравюры, как и любой стиль, требующий от дизайнера не только навыков управления фотошопом, всегда захватывал. Пожалуй, в России всего несколько человек, кто делает такие иллюстрации достойно и они не имеют особого отношения к дизайну. Например, Татьяна Трикоз http://revision.ru/a/tatatrikoz/ молодец и одна из немногих, кто работает в этом стиле постоянно. В свое время очень хотелось реализовать проект с ее иллюстрациями, но как-то не сложилось. Зато получилось сделать http://saplings.cpeople.ru/ и этот пример как раз в эту часть статьи.

Когда в веб придут люди с такими навыками http://revision.ru/work/44063/ изменится и сам стиль работ, но пока класическая школа дизайна мало пересекается с интерактивными проектами.

Приглушенные тона

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



По часовой стрелке сверху: работа
Дейва Руза с Dribble, Cognition, Web Standards Sherpa.

Выровненная по краям или отцентрированная типографика (ВЦТ)

Этот симптом далеко не новинка; фактически он являлся своего рода типографским стандартом без малого 500 лет — до тех пор, пока Чихольд в своей Die Neue Typographie не выявил его и не отправил в карантин по причине старомодности, нечитабельности и неэффективности. Хотя мы и не до конца уверены, думаем, что именно это событие стало причиной того, что ВЦТ столь энергично проявляет себя на волне винтажной симптоматики. Нам известно, что за последние годы читательские привычки людей в целом остались неизменны (большинство европейцев, как и прежде, читают слева направо), а значит, нет никаких аргументов в пользу ВЦТ. Какой бы ни была истинная причина его возникновения, мы знаем, что корень ее в субъективном эмоциональном восприятии, а не рациональном мышлении.



По
часовой стрелке сверху: Grip Limited, Tommy, Visual Republic.

Американский винтаж сейчас в моде. Везде, но не у нас. Шрифтов меньше, примеров удачных решений такого плана еще меньше. Из сайтов на русском ничего не вспоминается, а если хочется подглядеть хорошие решения блокам типографики, лучше взглянуть на журналы «Первое, второе, третье» и «Афиша.Еда».

Gif-плакат вам в качестве добавки: http://krolone.com/wp-content/uploads/2012/01/leha_s.gif

 

 Рукописные логотипы в круге (РЛК)

Круг, как базовая фигура, сам по себе не больший симптом, чем треугольник. Однако, нарисуйте достаточное количество треугольников и вы получите зигзаги. Аналогично — включите круг в свой логотип и получите круглый логотип. А если этот логотип вдобавок выполнен рукописным шрифтом, вы получите — совершенно верно! — рукописный логотип в круге (РЛК). Нельзя сказать, что РЛК смертельно опасен, однако высокая его вирулентность может нанести вред при достаточно большом числе зараженных.



По часовой стрелке сверху:
Trent Walton, Mercy, работа Джеймса Сеймура-Лока с Dribble.

Логотип в круге? Ленточки и шрифты с засечками? Пожалуй, из примеров подходит только FurFurhttp://www.furfurmag.ru/. Lookatme и проекты этого бренда сейчас вообще в моде (подсматривают и копируют), но толково и интересно получается только у них.

Скевоморфные функции

Количество элементов скевоморфизма (декоративный орнамент или особенности дизайна, копирующие собой форму объекта из другой среды) в настоящий момент зашкаливает, особенно в мобильных приложениях, что являет собой ярчайший индикатор пандемии. Зарождаясь, вероятно, в виде небольших штаммов мутировавших злокачественных образований скевоморфизма, вроде вышивки или вдавленного текста, он может разрастаться до немыслимых размеров, занимая собой весь интерфейс, переполненный излишними визуальными отсылками к реальным объектам и материалам. Впрочем, высокая трудоемкость работы с подобной графикой и зависимость от сторонних изображений гарантирует, по мнению некоторых исследователей, что мы еще не скоро увидим в наших браузерах полномасштабный доминирующий скевоморфизм.

Фактически, большинство ученых склонно относить феномен к разряду курьезов и предсказывает, что в будущем многие метафоры физических объектов смогут оказаться полезными (как закладки сейчас), другие же исчезнут. Интересно, что Apple давно принял эту технику и продолжает двигаться в прежнем направлении, в то время как Google всячески сопротивляется искушению повторять физическую реальность в своих интерфейсах. Возможно, последнему удалось разработать вакцину?



По часовой стрелке сверху:
iBooks, работа skorky с Dribble, работа Игоря Шкарина с Dribbble.

Красивые иконки и объем (спасибо http://dribbble.com/) это и правда новый фетишь. Узкая специализация, востребованность на западе, и абсолютное равнодушие у российских заказчиков. Один из примеров, http://kam88.com/

C чего все начиналось?

Обнаружение эпицентра дизайнерской эпидемии (читай: тренда) задача всегда сложная, особенно с учетом мириад симптомов и вирулентной природы Интернета. Выявить первого заболевшего практически невозможно, но, откровенно говоря, этого и не требуется. Точно можем сказать, что в настоящий момент мы, по всей вероятности, видим ответную реакцию на эстетику Web 2.0: тяга к текстурным поверхностям и ретро-стилистике, всему тактильному и естественному стала чем-то вроде противоядия от бездушного блеска прошлого — это было здраво и, вместе с тем, необходимо для продвижения дизайнерской индустрии. Какими бы ни были источники трендов, они часто зарождаются как дизайнерские решения конкретных проблем или же, как противопоставление себя другому тренду.

Предположим, что все внезапно начали использовать исключительно шрифты без засечек, контрастные цвета и белоснежные задники. Теперь представим в подобной среде дизайнера, он идет против течения, использует Clarendon или другой похожий шрифт с засечками, чтобы придать индивидуальности своему сайту (скажем, это онлайн-магазин «Домашнее варенье от Бабушки»), а затем дополняет выбранный шрифт землистой цветовой гаммой и текстурой бурой бумаги. Результат неизбежно будет выделяться на фоне прочих: прекрасный, эмоциональный, непохожий.

Эта эстетика внезапно приходится по вкусу другому дизайнеру, который, совершенно случайно, работает над новым обликом сайта, обслуживающего огромную аудиторию. Тем самым он демонстрирует новый подход целому поколению дизайнеров, которые в свою очередь начинают копировать эту палитру (часто вне зависимости от контекста). Рождается новый тренд. Как ни парадоксально, размах обратнопропорционален силе эпидемии. Чем большее число людей инфицировано, тем менее разнообразными становятся симптомы; рано или поздно пандемия достигает своей критической массы и симптомы начинают работать против самих себя. Бессмысленно придавать индивидуальность образам, когда всё выглядит однообразно.

Опасно ли это?

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

Даже если вы и обнаружили у себя некоторые из этих симптомов, вам не о чем беспокоиться — совсем не сложно подхватить простуду зимой, но и восстановиться после нее легко. С другой стороны, если они проявляются у вас все без исключения, вам следует с большой осторожностью подходить к своему следующему проекту. Делая модные тренды краеугольными камнями своего портфолио вы, несомненно, будете выглядеть весьма современно — однако, это не лучше чем выдавать работы любимого дизайнера, художника или музыканта за свои собственные. Разумеется, симптомы неизвестного происхождения не охраняются авторским правом, однако, вас должны беспокоить не юридические последствия, а творческая самодостаточность своей работы. Опасность заключается не только в том, что ваш труд будет рассматриваться как дань моде и эстетическое безвкусие, которое будет выглядеть устаревшим уже через пару лет, но и в том, что вы потеряете уважение коллег, едва они поймают вас на этом.

Хотя в мире нет ничего оригинального, мы должны понимать различие между вдохновением и подражанием. Как сказал Жан-Люк Годар: «Важно не то, откуда вы берете идеи — но куда вкладываете». А если вы не вкладываете их никуда, какой смысл в заимствовании?

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

Как вы можете исправить ситуацию?

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

Итак, как же следует поступать? Тренды присущи нашему обществу, будь то веяния в политике, культуре, дизайне или даже религии, и фокус большинства постоянно колеблется, также как и ваше персональное мнение (или «вкус») — по меньшей мере, в той или иной степени. Увы, полностью избежать модных течений невозможно, не стоит и пытаться, но это вовсе не означает, что вы бессильны. В действительности, вы можете предпринять целый ряд действий, дабы избежать синдрома лемминга.

Спросите себя — зачем?

Всегда критически относитесь к собственным дизайнерским решениям (и будьте уверены в том, что принимаете их сами), никогда не забывайте задавать себе волшебный вопрос — Зачем я это делаю? Просто потому, что это здорово выглядит или, быть может, это годится для передачи послания, которое я хочу донести? Зачем мне эта ленточка? Что эта зигзагообразная линия добавит к образу моего сайта или отнимет от него? Нужна ли бухгалтерской программе, над которой я работаю, эта текстура, имитирующая натуральную кожу? В тот миг, когда вы перестаете задавать себе вопросы, вы становитесь жертвой эпидемии.

Приложите немного усилий

В своей статье «Умирающее искусство дизайна» Франциско Инчосте утверждает, среди прочего, что вдохновение требует пота, и я не могу с ним не согласиться. Мне повезло учиться в колледже, где запрещалось пользоваться компьютерами в первый год учебы. Это означало необходимость использования нами физических средств самовыражения — конспектирования от руки, использования собственных иллюстраций, выделения ключевых фраз маркером Pantone (помните такие?), использования копировальной бумаги. В результате этого не только выросла наша креативность, но мы усвоили важный урок — качественный дизайн не дается легко, а лучшие результаты достигаются лишь собственными экспериментами.

Попробуйте что-нибудь необычное

Помните, что быть ни на кого не похожим — это почти всегда хорошо. Исторически, большинство великих художников, вне зависимости от своего рода занятий, всегда старались выделиться так, чтобы весь мир мог их заметить. Кто до Дали рисовал расплавленные часы? Кто до Pink Floid строил на сцене огромную стену? Хотя подражать популярным вещам легко и это может принести краткосрочные плоды, успех в долгосрочной перспективе требует уникальных, запоминающихся ходов.

Разнообразьте свое вдохновение

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

Сосредоточьтесь на основах

И, наконец, самое главное — изучите основные принципы дизайна, чтобы четко понимать, что является и что не является стилем. Модульная система верстки, контрастность, четкость, сопоставление образов, качественный копирайт — вот некоторые из ключевых компонентов успешного дизайна, которые, тем не менее, никак не связаны с образом и стилем.

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

Не имеет значения насколько классно выглядит та или иная вещь, всё устаревает.

Модный веб-дизайн
Tagged on:             

Добавить комментарий