Notkun kennileiða gerir vefsíðuna auðveld
Hönnun getur haft áhrif. Það kann að hafa stíl. En að hafa þetta er ekki nóg.
Til að vinna vel þarf hönnun að hafa þætti sem leika af styrkleika hvers annars. Sem betur fer hefur hvert efni innihaldið ítarlegar leiðbeiningar.
Skipulag, eða fyrirkomulag innihalds á vefsíðu, er mikilvægt fyrir velgengni hönnunar. Meðal annars skipuleggur skipulag efni til að leiða fólk frá einum þátt í næsta.
Ef það er gert rétt, þá mun fólk vera svo áhugavert að efnið muni ekki taka eftir neinu öðru.
Lestu áfram til að fá frekari upplýsingar og ráð til að búa til skipulag sem virkar í hönnun þinni.
Með dæminu hér fyrir neðan munu flestir taka eftir annaðhvort myndinni eða fyrirsögninni fyrst, þá textann og loks tenglana.
Þeir mega ekki taka eftir því að fyrirsögnin fyrir fyrirsögn, texta og líkani er stillt á þriðjungi og tvo þriðju hluta á blaðsíðu (heiðra þriðja regluna) eða að fyrirsögn og tenglar séu skrifaðar í litum sem eru sýndar úr vörum í líkaninu eða að Bugða öxl hennar leiðir augað í átt að símtölum til aðgerða.
Texti, mynd og fyrirsögn gera upp samsetningu. Ef maður fellur úr stað missir allt stykki.
Fyrirkomulag byggt á gagnkvæmri virðingu
Hvar setjum við hluti? Leyfðu þeim að segja okkur. Eiginleikar grafík, myndir og klumpur af texta verða augljós þegar þeir hittast á síðu. Sumir vinna saman betur en aðrir, og sumir vinna aðeins þegar þær eru ákveðnar. Til dæmis virkar skipulag okkar tæknilega á tvo vegu:
Mynd 1 sýnir útlitið sem notað er í dæminu hér fyrir ofan. Grá blokkir tákna fyrirsögn, mynd og texta.
Mynd 2 sýnir hvernig sömu meginreglur myndu eiga við um inversion hennar: ein stór þáttur í jafnvægi með tveimur smærri þætti. Þessi tiltekna mynd lítur betur út til hægri, þó.
Líkan okkar er að horfa til vinstri. Í mynd 1 er hún að skoða texta. Á mynd 2 lítur hún í burtu frá textanum. Það gæti hafa virkt ef hún var að horfa á myndavélina, en vegna þess að hún er að horfa í burtu, tapar hún einhver áhrif. Ekki mikið, en nóg að skipta máli.
Líkanið sýnir til skiptis áhuga á texta og, þegar hún er snúið, hunsar hana. Fyrirkomulag þættanna staðfestir annaðhvort jákvætt eða neikvætt viðhorf.
Stilling byggð á kennileitum
Stundum er hlutur sem gerir þætti að vinna ákveðinn hátt einnig vísbendingar um pláss og röðun. Við bentum á hvernig augu líkansins bendir til vinstri, en myndin og textinn innihalda önnur sjónmerki.
Leiðbeinandi línur milli kennileiti í leturfræði og myndin flóða í þessari samsetningu:
- Auðlindir líkansins og varirnar og brún nef hennar hittast brún hægri textans dálks.
- Vinstri dálkur textans uppfyllir vinstri brún forskeytisins. Það nær næstum brún háls líkansins en fellur ekki undir að vera í samræmi við hægri dálkinn.
- Andlitið í líkaninu (einkum augun og munnurinn) skilgreinir lóðréttan rýmið fyrirsögnina.
- Neðst á myndinni er botn þriðja af samsetningu (í þriðja lagi).
- Augu líkansins eru þriðjungur frá toppi samsetningarinnar.
- Miðja andlits líkansins og hægri brún headlines mæta á þriðjung og tveir þriðju stig af breidd samsetningu.
Sumir kennileiti hafa meiri kraft en aðrir. Hönnuðir og ljósmyndarar gætu umræðu, til dæmis hvort augu líkansins eru áhrifamikilari en skuggamynd hennar. En útlit byggt á einhverjum kennileitum er betra en skipulag sem hunsar þau.
Að nota möguleika til að búa til samræmingu
Óhönnuðir sem reyna hönd sína á skipulagi skipuleggja stundum þætti eftir því hvernig þær passa inn á síðuna. Rými ætti að virða, en það leiðir ekki alltaf til besta hönnunarinnar.
Mynd 5 lagar þætti á pláss síðu og byggir allt á mörkum striga.
Mynd 6 byggir þó útlit sitt á brennivíddum á myndinni. Niðurstaðan er meira straumlínulagað útlit.
Mynd 5 er óhagkvæm vegna þess að áhorfendur hoppa um á milli brennipunkta: í fyrirsögnina, niður á andlitið, allt að textanum. Einfaldasta línan er bein. Þess vegna er mynd 6 leiðsögn augu áhorfandans auðveldlega frá vinstri til hægri, frá einum þátt í næsta. The crux af seinni skipulag er þröngt hljómsveit hlaupandi eftir fyrirsögn og andlit-texta röðun.
Í þessum myndum eru lesendur dregin að andliti líkansins, fyrirsögnin og textann - venjulega í þeirri röð. Það eru þrjár mismunandi sviðir til að líta á. Aligning þá gefur skipulag áherslu.
Rétt svarið
Allar þrjár skipanir hér að neðan nota sömu fyrirsögn, mynd og textaefni:
Fyrsta skipulagið hefur mest "andardráttur". Annað virðir textinn. Þriðja skipulagið notar neikvætt rými til að ná jafnvægi. Allir þrír nota kennileiti en á mismunandi vegu. Er einn bestur?
Leit að svari getur blindað okkur augljóst: að margar lausnir geta verið jafngildir þegar þættirnir vinna saman. Sjónvarpsmerki eru tækifæri, ekki reglur. Taktu aðra skoðun á fyrstu hönnuninni.
Því meira sem þættirnir samræmast vísbendingum, því meira sem ósamræmi þáttur mun standa út. Hér brýtur hönnuður orðið "kennileiti" frá lóðréttri röðun annars textans og leggur þannig áherslu á leitarorðið.
Það er enginn vafi á því hvaða síða er að kynna. Velgengni er ekki mæld með því að hve stranglega þættir samræmast meginreglum hönnunar en hversu vel er hún skilaboðin.
Skrifað eingöngu fyrir Webdesigner Depot eftir Ben Gremillion. Ben er a sjálfstæður rithöfundur og hönnuður hver leysa samskiptavandamál með betri hönnun.
Hvernig fylgir þú kennileitum á hönnun þinni? Hvað virkar best fyrir þig og hvað virkar það ekki?