Текстуры в дизайне интерфейсов: актуальны ли?

Опубликовано: Среда, Февраль 5, 2014 Комментарии (0)

Плоский дизайн, скевоморфизм или просто веселые текстуры?

Несмотря на вирусное распространение flat дизайна в web индустрии (да и в целом в UI), на мой взгляд, паттерны остаются актуальными на данный момент. Возможно, в странном пока еще для обычного восприятия интерфейсе очков дополненной реальности текстуры будут совсем лишними. Но в web дизайне для ПК, планшетов и даже для телефонов, порой, как и в обычной жизни текстуры задают настроение, тон и чувства человека по отношению к объекту (сайту).

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

Вот, к примеру, есть хорошее длинное рассуждение про “плоскость” дизайна интерфейсов: “Плоский дизайн или скевоморфизм?”.

Скевоморфизм — физический орнамент или элемент дизайна, который скопирован с формы другого объекта, но изготовлен из других материалов или иными методами.

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

Плоский дизайн в UI

Плоский дизайн – это удобно: не нужно тратить время на подбор текстур, фоновых изображений, градиентов для кнопок и теней для блоков. Но тратится ли меньше времени на хороший плоский дизайн? Вряд ли! Ведь все равно основное в UI дизайне – это создать удобный красивый интерфейс. А создать красивый чистый интерфейс в лучших традициях плоского дизайна – задача не из легких. А если ваш заказчик, к примеру, еще и хочет “яркий запоминающийся дизайн”, – еще сложнее. Правда, в web дизайне всегда есть уловки для таких заказчиков: раньше это были большие фоновые изображения в шапку (как правило отфотографированное странным образом производство или купленные на фотостоке картинки), теперь это посадочные страницы, построенные по очень явному стандартному шаблону.

Посадочная страница, страница приземления, или landing page — это web страница, которая максимально упрощает для пользователя путь к желаемой  для владельца сайта цели.

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

Вывод 1: любой хороший дизайн – это кропотливая вдумчивая работа.

Скевоморфизм

Как я уже сказала выше, никого уже не удивишь скевоморфизмом. Но стоит ли тогда отказываться от него? Возможно, не стоит лепить взятые из реальной жизни элементы повсюду. Как я уже подумала в выводе номер 1, и как скорее всего думают многие UI-дизайнеры, при разработке любого интерфейса нужно вдумываться в проделанное. Хороший пример  скевоморфизма, который будет актуален еще долго – это интерфейс приложения PokerStars:

PokerStars.net-Turn-options-display-in-red

Стол, затемненное сукно создают некоторую атмосферу казино. Разве это банально или безвкусно? Вряд ли. Скорее уже классика.

Вывод 2: любая тень, закругленные углы, текстура и другие проявления скевоморфизма могут быть очень хороши, если со вкусом и к месту применены.

Текстуры или плоскость?

Есть отличная статья-рассуждение про flat дизайн и значение клетки в дизайне. Она отчасти шуточная, отчасти убедительная и серьезная. Главной идеей в статье является то, что дизайн сам по себе – штука волнообразная (как и мода). И что если flat дизайн надоест большинству? Сделать его еще более плоским не получится! Тогда на смену придет что-то новое. А новое – это все же хорошо забытое старое. И вот, автор статьи нашёл много аргументов в пользу клеточных орнаментов. Приведу тут парочку.

Аргумент в пользу клекти № 1

Один из основных принципов плоского дизайна интерфейсов является подавление окружения для выделения основного содержания страницы. У клетки полно возможностей сделать это. Вот, к примеру, взгляните на комнату:

plaid-room

Аргумент в пользу клекти № 2

Минимализм плоского дизайна – смелое решение. Он как бы делает заявление. Говорит “Привет! Это мой контент. Работай со мной.”  Ничто не делает заявление так ярко, как клетка. Клетка заметна и вас никто ни с чем не спутает (ну если только пол-интернета не сделает себе клеточные фоны):

Belted_plaid_07SV_401

Аргумент в пользу клекти № 3

Клетка существует вне времени. Еще с давних пор она была в моде:

Irrelander

Там есть еще пару аргументов, но, думаю, этого достаточно. Когда-то прочитав эту статью, я даже вдохновилась, набралась храбрости и всё же использовала  клетку в дизайне:

ecostavka_layout_index

 

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

Комбинируй это

В общем, самое благоразумное и эпатажное – это не задумываться о том, что же сейчас актуально, а делать своё. Да, не нужно, например, забывать о типографических принципах или о цветовых исследованиях. Но кто сказал, что в одном дизайне не могут быть комбинированы стили? Эклектика имеет определенный шарм. По крайней мере я так думаю на данный момент и смело рисую новые дизайны для магазина VAULT INC, уже увидев отклик на предыдущую версию:

1382454839_673928383

Было очень приятно увидеть подобное. И никаких landing page в нынешнем представлении. Хотя жизнь такая волнообразная штука, возможно, через полгодика я подумаю “Что за фигню я делала?!”.

Поделитесь с друзьями:

Читайте также:

Комментируйте: