Скеоморф в веб-дизайне

загруженное (2)

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

При переводе на «ЯЗЫК» Интернета приведенное выше определение оказывается не совсем удачным. Скеоморфы предполагают, что определенный объект (в нашем случае — Интернет) является производным от какого-то другого элемента, из которого черпает вдохновение. Я собираюсь откорректировать это определение, включив в него любой веб-интерфейс, в случае с которым сделана ссылка на реальные вещи с целью пояснить назначение или функцию. Приведенный далее образец наглядно покажет, что я имею в виду.
Сайт под названием Cascade Brewery Со. является отличным примером использования скеоморфа. Здесь вы найдете систему меню, которая позволяет фильтровать элементы, расположенные ниже. Они представлены в виде измерительных приборов и переключателей с явной ссылкой на вещи, с которыми можно столкнуться в процессе пивоварения или найти на чем-то вроде панели управления. На них приятно смотреть, при этом они сообщают свою функцию и назначение.

Другим примером, содержащим массу скеоморфов, является сайт Fine Goods . Красно-белый навес выполняет не только декоративную, но и информативную функцию. Здесь явная ссылка на навес, который можно увидеть перед физически существующим магазином Fine Goods. Мы также видим, что товары визуально располагаются на «полках».

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

Похожие статьи

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*


*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>