Orisek.net archiv blogu Tomáše Hodbodě, 2003–2013

Vliv tvarů na vnímání uživatele

· 2004 Tvorba webu Webdesign

Od dob Aristotela víme, že věci kolem nás se skládají z látky a formy. Forma látku
konkretizuje, dává jí tvar a pomáhá nám tak věci nahlédnout. Pak už je jen na nás a
našich schopnostech, jak celou věc vnímáme. Minule jsme se zabývali dílčí částí formy –
barvou. Nyní se podíváme na neméně důležitý TVAR, který ve spolupráci s barvou umocňuje
působení objektu.

Grafika na internetu je ochuzena o reálný trojrozměrný prostor. Ve skutečném světě můžeme tvary ohmatat, prohlédnout z více stran a mít tak ucelený zážitek. Přesto i na webu můžeme při tvorbě grafiky využít některých obecných principů pro působení tvarů. Pokud dokáže grafik vhodně zkombinovat tvarové proporce a barevnost webu s ohledem na cílovou skupinu, má jeho práce větší šanci na úspěch.

K dispozici máme poměrně velké množství různých tvarů:

  • Geometrické tvary jsou (na rozdíl od negeometrických – organických) názornými a logickými abstrakcemi, které nám v podstatě usnadňují vnímání.
  • Otevřené tvary (např. půlkruh) mají tendenci být v těsnější interakci s okolím a jakoby naznačují neukončenost.
  • Uzavřené tvary jsou vnímány jako více soběstačné, izolované, relativně dokonalé, s ukončeným děním.
  • Aktivní tvary směřují do výše, jsou napodobením pohybu nebo pohyb evokují.
  • Pasivní tvary se rozvíjejí do šíře, vykazují stabilitu a nehybnost.
  • Statické a dynamické tvary mohou vyvolávat dojem síly a energie. Pasivita a statičnost je nejčastěji výrazem lineárního pojetí, zatímco aktivita a dynamika jsou vlastní tvarům vycházejícím z křivek. Dynamismus tvarů se zvyšuje nepravidelností, nevyvážeností a rytmizováním.
  • Tvrdost a měkkost tvarů vychází z charakteru jeho kontur, které mohou být ostré, lomené nebo měkce zakřivené, oblé. K mužským prvkům jsou přiřazovány linie ostré, lomené. Naopak k ženským prvkům patří linie měkké, zaoblené, kulaté, nezraňující. Tvary vyvážené, pravidelné a symetrické působí pasivně a staticky.
  • Naopak tvarová nevyváženost, asymetrie a nepravidelnost jsou zdrojem pohybu a dynamiky.

Při pohledu na většinu webových stránek zjistíme, jaké jsou ty nejčastěji používané tvary.

Čtverec, obdélník, mírně zkosený rovnoběžník a lichoběžník

<img src="http://www.symbio.cz/images/clanky/tvar_01.gif" width="400" height="64" alt="Čtverec, obdélník, mírně zkosený rovnoběžník a lichoběžník />

jsou typickými tvary mužů. Ideálně se hodí k jejich analytickému způsobu myšlení. Vyjadřují pevnost, nehybnost – opěrný bod. Naopak reakce žen na pravoúhelníky je poměrně nízká nebo takřka mizivá. Navozují u nich pocit určité tíhy, drsnosti, nepoddajnosti, chladnosti a netečnosti.

Výhodou je tvarová jednoduchost a flexibilita. Jsou vhodné pro korporátní weby či jako přehledný „stavební kámen“ při tvorbě portálu.

Nevýhodou těchto tvarů je malá viditelnost a poutavost. Rozhlédněte se kolem sebe a zjistíte, že dvě třetiny věcí kolem vás jsou hranaté a pravými úhly se to jenom hemží (místnost, stůl, police, knihy, papíry). Máme-li kolem sebe tolik podobných tvarů, stávají se pro nás méně zajímavé.

Trojúhelník a všechny objekty, které mají více ostrých úhlů

<img src="http://www.symbio.cz/images/clanky/tvar_02.gif" width="400" height="64" alt="Trojúhelník a všechny objekty, které mají více ostrých úhlů />

vyjadřují jasné pozor (vzpomeňte na dopravní značky) a přitahují pozornost. Ačkoliv ani u jednoho pohlaví nejsou v oblibě, lze říci, že muži k nim mají přeci jenom blíže. Láká je neznámé tajemno, které symbolizují, zatímco ženy cítí spíše strach a hrozbu.

Výhodou je velká poutavost a viditelnost. Vhodné pro upozorňovací grafické elementy.

Nevýhodou může být někdy při nevhodném použití přílišná agresivita.

Kruh, ovál a další oblé tvary

<img src="http://www.symbio.cz/images/clanky/tvar_03.gif" width="400" height="64" alt="Kruh, ovál a další oblé tvary />

jsou oblíbenými znaky žen. Symbolizují něhu, lásku, teplo, porozumění a klid. Jsou přesným protikladem všech mnohoúhelníků. Muži mají tendenci vidět v nich cosi příliš jemného, ženského a cizího.

Výhodou je kromě dobré poutavosti a viditelnosti zjemnění strohosti a zvýšení dynamiky stránek, přičemž je zachován přehledný geometrický ráz.

Nevýhodou může být opět nadměrné a nevhodné použití. Zvláště se nedoporučuje míchat několik různých oblých prvků na jedné stránce.

Křivky, křivoplochy a organické tvary

<img src="http://www.symbio.cz/images/clanky/tvar_04.gif" width="400" height="64" alt="Křivky, křivoplochy a organické tvary />

vycházejí jako ideální pro muže i ženy a navíc jsou velmi viditelné a poutavé. Ve skutečnosti se to s nimi má to tak, že tento typ objektů je určitou syntézou předchozích, přičemž veškerý negativní efekt se určitým způsobem vytrácí.

Výhodou je vysoká atraktivita a zdynamičtění mnohdy nudných, byť pěkně uspořádaných, stránek. Téměř jistě tyto tvary upoutají Vaši pozornost.

Nevýhodou těchto útvarů je vysoká variabilita a občas mohou mít i negativní efekt. Záleží na citu a vkusu grafika.

Nyní zhruba víme, jak pomocí barev a tvarů můžeme působit na cílové uživatele tak, aby se při vstupu na naše stránky cítili příjemně a v lepším případě věnovali svůj čas na seznámení s obsahem.

Není jistě na škodu mít při tvorbě jakékoli grafiky na mysli uvedené principy vnímání barev a tvarů. Neznamená to však, že byste nemohli experimentovat a popustit uzdu své fantazii. Jen nezapomínejte na klasické úsloví, že méně je někdy více. Přeji mnoho kreativních a odvážných nápadů.