Задаволены
- 01. Знакавыя выявы
- 02. Сімвалічныя вобразы
- 03. Індэксальныя малюнкі
- Што працуе лепш за ўсё?
- Складзіце гульнявы план
У візуальным апавяданні звычайна вы ўжываеце тры розныя тыпы малюнкаў: знакавыя, сімвалічныя і індэксныя. Не існуе аднаго тыпу відарыса, які найбольш «падыходзіць» для вэб-дызайну, кожны з іх можа быць выкарыстаны, часта адначасова ў адным і тым жа праекце, для дасягнення жаданых вынікаў.
Давайце паглядзім на характарыстыкі кожнага відарыса, а потым вывучым лепшыя сцэнарыі выкарыстання.
01. Знакавыя выявы
Як апісана ў Кіраўніцтве візуальнага казачніка па вэб-дызайне, знакавыя выявы імгненна пазнаюцца і моцна асацыююцца з пэўнай канцэпцыяй. Яны, як правіла, вельмі літаральныя вобразы, таму нават хтосьці не знаёмы з імі можа вывесці агульны сэнс. Яны падобныя на тое, што маюць на ўвазе.
Падумайце пра сімвалы мужчынскіх і жаночых прыбіральняў. Чалавечую постаць альбо ў штанах, альбо ў сукенцы даволі лёгка вытлумачыць, незалежна ад таго, бачылі вы калі-небудзь гэтыя выявы ці не, ці вам калі-небудзь тлумачылі іх значэнне.
Такія рэчы, як стрэлы, інвалідныя каляскі і абразкі, якія з'яўляюцца спрошчанымі формамі фізічных рэчаў, таксама часта трапляюць пад знакавыя вобразы. Наборы абразкоў (напрыклад, бясплатны набор значкоў UXPin) часта з'яўляюцца выдатнай крыніцай для знакавых малюнкаў, бо яны павінны быць відавочнымі і простымі для інтэрпрэтацыі з тэкставымі цэтлікамі ці без іх.
Дыяграмы, дыяграмы і навуковыя ілюстрацыі - усё гэта прыклады знакавых вобразаў. Яны вельмі літаральна прадстаўляюць інфармацыю такім чынам, што яе цяжка інтэрпрэтаваць (што з'яўляецца краевугольным каменем знакавага малюнка).
Падумайце пра значкі, якія вы, верагодна, сустрэнеце ў Інтэрнэце альбо ў дадатку:
- канверты з указаннем электроннай пошты
- сметніца, якая паказвае на выдаленне
- дом для абазначэння хатняй старонкі
- дыск, які паказвае на захаванне
- галачка, якая паказвае на выкананне задання
Незалежна ад папярэдняга знаёмства з гэтымі абразкамі ў пэўнай абстаноўцы, большасць карыстальнікаў зможа зрабіць адукаванае здагадка пра тое, што выклікаецца, націснуўшы на гэтыя абразкі.
Хоць некаторыя выявы абразкоў, магчыма, пачаліся як сімвалічныя (пра сімвалічныя вобразы больш у наступным раздзеле), цяпер іх так шырока прызнаюць, што яны сталі знакавымі.
Як вы можаце бачыць з некалькіх значкоў, даступных у дадатку для прататыпавання UXPin, значок папкі ў значнай ступені паўсюдна прызнаны сімвалам для адкрыцця файла, але сама папка не паказвае гэтага без даўняй культурнай асацыяцыі.
Тое ж датычыцца і часта сустракаемай абразкі "шасцярэнькі" для доступу да налад, а таксама значкоў для загрузкі (якая звычайна ўключае стрэлку, накіраваную ўверх) і загрузкі (уключае стрэлку, накіраваную ўніз), і многіх іншых.
Гэта агульны вынік таго, што вобраз становіцца часткай асноўнай культуры: яго значэнне можа настолькі замацавацца, што яно будзе агульнапрызнаным, нават калі першапачаткова гэта значэнне трэба было засвоіць. Як апісана ў "Лепшай практыцы дызайну вэб-інтэрфейсу", вам не трэба заўсёды адкрываць новую творчую глебу: выкарыстоўвайце шырока прынятыя абразкі, каб стварыць зыходнае разуменне, а потым дадайце крэатыў па меры неабходнасці.
Варта ўлічваць адно: не ўсе абразкі з'яўляюцца знакавымі. Некаторым яшчэ трэба растлумачыць, перш чым яны будуць правільна інтэрпрэтаваны (вядомы як відавочны азначальнік.
Дызайнеры часам выбіраюць выкарыстанне абразкоў, прыстасаваных да дызайну альбо тэмы ўласнага сайта, але для нагляднасці гэтых відаў абразаў можа спатрэбіцца пазнака, бо яны носяць выключна сімвалічны характар. Прынамсі, ярлык павінен з'явіцца, калі над ім наводзіць курсор. У тых выпадках, калі вы хочаце, каб карыстальнікі імгненна распазналі значэнне значка, прытрымлівайцеся выяваў, якія на самой справе з'яўляюцца знакавымі.
02. Сімвалічныя вобразы
Сімвалічныя выявы больш абстрактныя, чым знакавыя, і часта робяць больш для перадачы пачуццяў ці агульных ідэй, чым канкрэтны канкрэтны аб'ект. Сімвалічныя выявы вельмі часта можна ўбачыць у лагатыпах, бо яны ўзмацняюць пачуцці, якія хоча перадаць брэнд.
Напрыклад, лагатып Microsoft Windows - гэта абстрактнае прадстаўленне акна, але не прамая інтэрпрэтацыя. Хтосьці можа інтэрпрэтаваць яго як нешта іншае, асабліва калі ён паходзіць з культуры, дзе іншы стыль акон больш распаўсюджаны.
Як правіла, сімвалічным вобразам трэба выкладаць іх значэнні. Іх не адразу пазнаць, бо яны не літаральныя. Пакуль сэнс не вывучаны, яны могуць быць шырока адкрыты для інтэрпрэтацыі.
Замест гэтага сімвалічныя выявы выкарыстоўваюць семіётыку - візуальную граматыку - каб перадаць сэнс больш, чым знакавыя выявы. Сімвалічныя вобразы - гэта візуальныя метафары, і гэтыя метафары часта трэба засвойваць, каб правільна іх інтэрпрэтаваць.
Зразумела, многія сімвалы прызнаны на культурным узроўні дзякуючы іх агульнаму ўжыванню, звязанаму з пэўнымі рэчамі ці ідэямі.
Адным з прыкладаў могуць служыць дарожныя знакі, такія як знакі прыпынку (якія ў большасці краін васьмібаковыя, але ў Японіі толькі трохбаковыя і больш нагадваюць амерыканскі знак "ураджайнасць", а ў многіх іншых краінах знак - гэта круг з трохвугольнік у ім). І калі вы спытаеце каго-небудзь з адной краіны, што азначаюць дарожныя знакі іншай краіны, ён, верагодна, атрымае значны працэнт з іх няправільна.
Гэта таму, што гэтыя выявы хутчэй сімвалічныя, чым знакавыя. Іх значэнням трэба вучыць, і яны часта грунтуюцца на культурных асацыяцыях, а не на агульначалавечых разуменнях.
Адным з прыкладаў у свеце вэб-дызайну з'яўляецца значок меню гамбургер. Хоць яно і нагадвае меню, але выява занадта абстрактная, каб яе дакладна можна было назваць знакавай. У выніку, адно даследаванне фактычна паказала, што яго інтэрпрэтацыя залежыць ад узросту. На самай справе 80 працэнтаў карыстальнікаў паміж 18 і 44 гадамі разумелі яго значэнне, у той час як толькі 52 працэнты пажылых карыстальнікаў разумелі.
03. Індэксальныя малюнкі
Індэксальныя малюнкі звязваюць значэнні паміж знешнім выглядам малюнка і яго прадстаўленнем. Напрыклад, тэрмометр, які паказвае, што ён ніжэй за нуль, паказвае, што нешта халоднае.
Індэксальныя малюнкі - адны з найбольш часта сустракаемых малюнкаў у рэкламе і дызайне. Мы схільныя ўхіляцца ад таго, каб прадстаўляць рэчы занадта літаральна, часта таму, што аддаем перавагу выклікаць эмоцыі, а не штурхаць літаральную інфармацыю ў горла карыстальніка.
Разгледзім два прыклады:
- Для смутку скарыстайце малюнак чалавека, які плача (літаральна), альбо цёмны, пахмурны дзень, калі ліе дождж, а дзіцячы веласіпед сядзіць нявыкарыстаным і прамоклым у двары (эмацыянальна)?
- Каб выклікаць шчасце, выкарыстоўвайце вобраз каго-небудзь, хто ўсміхаецца (літаральна), альбо мілага шчанюка, які гуляе на пяску (эмацыянальна)?
Абодва тыпы малюнкаў паказваюць на эмоцыю, але апошні прыклад у кожнай з іх хутчэй выклікае ў карыстальніка нешта адчуванне, а не проста думае пра слова для эмоцыі.
Скажам, вы хочаце выклікаць настальгію ў людзей, якія наведваюць ваш сайт. Зрабіць гэта можна некалькімі спосабамі, але пачынаючы з малюнкаў, якія выклікаюць гэта пачуццё, не крычачы «НАСТАЛЬГІЯ» - гэта добрае пачатак. Калі вашай мэтавай аўдыторыі, верагодна, будзе за 30, вы можаце выкарыстоўваць вобразы, якія ўзгадваюць 1980-я, бо гэта быў час, калі ваша аўдыторыя расла.
Вы можаце дасягнуць таго ж эфекту з дапамогай больш абстрактных візуальных элементаў, такіх як каляровыя палітры. Выкарыстанне неонавай каляровай палітры, якая нагадвае канец 80-х і пачатак 90-х, адразу стварае значна большае ўражанне, чым каляровая палітра ружовых ружовых і прыглушаных аква, якія былі больш распаўсюджаны ў 1950-х.
Што працуе лепш за ўсё?
Усе тры выявы маюць сваё месца ў добрым дызайне. Як і ва ўсіх метадах праектавання, усё залежыць ад параметраў вашага праекта. Але гэта не азначае, што няма добрых асноўных правілаў.
Ствараючы асноўную навігацыйную структуру вашага сайта, вы, верагодна, захочаце прытрымлівацца малюнкаў, якія з'яўляюцца знакавымі альбо якія праходзяць мяжу паміж знакавым і сімвалічным. Вы не хочаце, каб вашы наведвальнікі разглядалі пэўную выяву і цікавіліся, што будзе, калі яны націснуць на яе.
Па гэтай прычыне графікі, такія як абразкі, якія выкарыстоўваюцца для навігацыі, павінны быць агульнапазнавальнымі і настолькі блізкімі да знакавых, наколькі вы можаце кіраваць. Існуе мноства варыянтаў абразкоў, незалежна ад таго, хочаце вы стварыць свой уласны альбо выкарыстаць загадзя падрыхтаваны набор. Толькі не забудзьцеся знайсці набор, які лёгка інтэрпрэтаваць для наведвальнікаў, і не бойцеся пазначаць ярлыкі, калі гэта не адразу зразумела.
У значнай ступені знайсці знакавыя выявы, якія вы хочаце выкарыстоўваць на сваім сайце, не складана. Ёсць толькі так шмат рэчаў, якія літаральна ўяўляюць тое, што вы хочаце перадаць. Самае складанае - знайсці вобразы, якія адпавядаюць вашаму дызайну.
Аднак для іншых візуальных элементаў вашага сайта, і асабліва для візуальных элементаў, якія суправаджаюць змест, вы можаце праявіць большую творчую свабоду. Вы можаце выкарыстоўваць больш абстрактныя выявы, якія выяўляюцца праз кантэкст, створаны іншымі выявамі і іншымі тыпамі змесціва на вашым сайце.
Ваша рашэнне выкарыстаць больш сімвалічны малюнак альбо больш абстрактны індэксальны малюнак залежыць як ад агульнага стылю і зместу вашага сайта, так і ад мэтавай аўдыторыі.
Адзін са спосабаў знайсці індэксныя выявы, калі вы не ўпэўненыя ў тым, як менавіта вы хочаце перадаць ідэю, - гэта выкарыстоўваць пошук па ключавых словах на сайтах для абмену фотаздымкамі, такіх як Flickr або сайты фотаздымкаў. у сваім дызайне, а не проста выкарыстоўваць пошук як натхненне).
Напрыклад, калі вы шукаеце "каханне" на Flickr, вы атрымліваеце мноства малюнкаў, якія могуць прадстаўляць каханне: сэрца, кветкі (у прыватнасці, ружы), Эйфелеву вежу, шчаслівыя пары, а таксама трывожную колькасць выяваў спарвання памылак. як некалькі, якія непасрэдна адлюстроўваюць слова "каханне" ў розных сродках масавай інфармацыі. Гэта забяспечвае добрую кропку скачка для пошуку альбо стварэння дакладных малюнкаў, якія вы, магчыма, захочаце выкарыстаць у маім дызайне.
Іншым прыкладам можа быць пошук чагосьці накшталт «страху». Вы атрымліваеце выявы злыдняў у фільмах жахаў, вышыні, гвалту, людзей, якія, здаецца, баяцца, розных жывёл і падобныя выявы. Зразумела, якія тыпы малюнкаў могуць выклікаць страх у свядомасці наведвальніка.
Гэты тып даследавання важны для вызначэння тыпаў малюнкаў, якіх трэба пазбягаць пры візуальным апавяданні. Магчыма, вы не звязваеце пэўную выяву з пэўнай ідэяй, але невялікае даследаванне можа выявіць, што значная частка насельніцтва сапраўды праводзіць карэляцыю.
Складзіце гульнявы план
Звяжыцеся з гэтымі паняццямі і тыпамі малюнкаў, якія вы можаце выкарыстоўваць. Шукайце выявы, заснаваныя таксама на гэтых ключавых словах, і прыступайце да мазгавога штурму, што можа лепш працаваць разам, а таксама рэчы, якія вы абавязкова хочаце пакінуць.
Калі вы хочаце атрымаць больш метадаў візуальнага дызайну, азнаёмцеся з бясплатнай электроннай кнігай "Візуальны даведнік па дызайне інтэрфейсаў". Шмат парад можна атрымаць, прааналізаваўшы 29 прыкладаў такіх кампаній, як Tesla, Fitbit, Microsoft, Squarespace, Foursquare і іншых.
Словы: Джэры Цао
Джэры Цао - стратэг кантэнту ў UXPin - дадатку для стварэння каркасных рамак і прататыпаў - дзе ён распрацоўвае змесціва ў дадатку і Інтэрнэт для платформы каркасных і прататыпіравання.
