Illustrating the Web: Deconstructing the Trend
Myndirnar taka yfir netið. Hönnuðir eru að búa til vefsíður með allt frá fullri skjámyndum til handritaðra deilda sem notuð eru í verkefnum. Það er stefna sem líklegt er að halda áfram að vaxa vegna þess að myndirnar sýna að hönnun finnst sérsniðin (jafnvel þótt það sé ekki).
Hér er hvernig á að gera sem mest úr þeim í hönnun þinni.
Website illustration 101
Myndir eru fjölhæfur og skemmtileg leið til að búa til sérsniðna vefhönnun. Frá höndum dregnum myndum, þætti, bókstöfum, allt um fullbúið eða skreytt mynd, lítur út og finnst eins konar. Það er ein af ástæðum þess að það er svo vinsælt.
En það eru fullt af öðrum ástæðum hönnuðir eru að stökkva á myndinni þróun:
- Illustrations leyfa notendum að mynda sig á vettvangi sem þú ert að setja af því að það er ekki einblína á raunverulegt annað fólk.
- Það er hluti af whimsy sem aðeins er hægt að ná með teikningu.
- Illustrations geta möskva veruleika og ímyndunarafl fyrir hönnun sem er óvenjulegt.
- Sérsniðin er auðveld þegar þú ert að teikna listþætti.
- Myndir eru oft alveg litríkar og geta hjálpað þér að nýta stóru, björtu litarstefnu.
- Tækið er nothæft, jafnvel þótt þú sért ekki sýnari takk fyrir hönnunarsett eða pakka sem eru fullar af sýnilegum hlutum sem hægt er að nota í gegnum verkefni.
- Myndir geta tekið á móti mörgum mismunandi skapum eða stílum, frá teikningum til vandaðar teikningar á tölvutæku grafík.
Hero-stíl myndir
Vegna þess að hetjahausar eru stórir, þetta er ein af auðveldustu stöðum til að sjá myndatökuþroska. Það er einnig notað fyrir fjölda vefsvæða frá eignasöfnum til smásölu á forsýningarsíðu.
Hvað er gott um myndrænan hetja mynd er að það er nóg pláss fyrir nokkuð flókið verkverk. Lítil smáatriði, skygging og lit og samskipti hafa allt til að anda, sem auðveldar notendum að kanna hverja þætti.
Það eru nokkrar bragðarefur fyrir allt þetta flókna sem sýnir:
- Verkin verða að vera góð. Notendur eru ekki að fara að eyða tíma í að horfa á mynd sem þeir fá ekki eða er bara slæmt óreiðu. Svo taka tíma og sjá um það.
- Þó að myndin sé djúp flókin ætti heildarboðið að vera einfalt. Vita hvað myndin er að segja og vertu viss um að þættirnir stuðli að boðskapnum.
- Vinna með fagmann. Bara vegna þess að þú getur teiknað hjörtu á napkin þýðir ekki að þú sért tilbúinn til að teikna í fullri stærð vefsíðunnar. Þetta ferli tekur tíma og ætlar að virkilega vinna. (Og það getur verið dýrt, svo vertu viss um að þetta sé rétt fagurfræði áður en þú kafa inn.)
Bæta við einföldum hreyfimyndum
Þó að truflanir teikna geti haft mikil áhrif á eigin spýtur, vefurinn er lifandi með hreyfingu þessa dagana. Pörðu mynd með fíngerðum hreyfimyndum eða flettu áhrifum til að hvetja notendur til að smella á.
Lítil lúmskur hreyfingar, svo sem snúningur texti á heimasíðu fyrir Hugo , hjálpar draga auga inn í hönnunina. Lítil fjör geta einnig hjálpað notendum að skilja hvaða aðgerðir til að framkvæma meðan þeir heimsækja síðuna. Þetta getur einkum átt sér stað fyrir myndir sem innihalda mikið af þætti eða hafa almennt "upptekinn" hönnun.
Þessir litlu á óvart geta hvattir gestir á síðuna til að sitja og líta í kringum eins og heilbrigður. Höggmyndar hreyfimyndir eru sérstaklega góð bónus fyrir notendur sem geta þjónað bæði sem skemmtileg þáttur og siglingatól.
Illustrated tákn eða UI atriði
Ef allt út sýnd vefsvæði hönnun er ekki þinn hlutur, íhuga nokkrar myndskreytt tákn eða notendaviðmót þætti. Þetta er einföld leið til að auðvelda þróunina. (Og það eru fullt af táknmyndum og flísarbúnaði þarna úti sem lögun sýndar stíl til að hjálpa þér að byrja.)
Illustrated þættir geta bætt við snerta whimsy á síðu sem gæti annars verið of formleg. Eitthvað að reyna er myndskýringarmynd. Þessi stíll er auðvelt að falla í næstum hvaða hönnun sem er, virkar vel með myndum og hvaða litasamsetningu, og veitir samræmda sjónþema frá síðu til síðu.
Ef þú vilt fara í skref fyrir utan tákn skaltu hugsa um stærri UI-þætti. Iqor , notar sýndar hnappar í stærri stærðum til að leiðbeina notendum og gera síðuna svolítið skemmtilegra. Myndskreytt stíll rennur frá síðu til síðu með stórum þáttum með sömu þremur poppum lit. Niðurstaðan er skemmtileg og í samræmi og aðeins svolítið óvænt frá viðskiptaverndarsviðinu.
Handritað letur
Önnur stór stefna í vefhönnun er sérsniðin leturfræði. Sameina hugtökin í dæmisögunni og letri fyrir handritað merki, aðal textabrot eða leturgerðartexta. Þessi textasjónarmiða getur haft mikil áhrif (sérstaklega þegar hún er stór eða notuð sem aðalhlutverk í hönnuninni).
The bragð hér er meðallagi. Með höndunum sem þú hefur dregið í, muntu halda áfram að henda einum blokk af texta eða textaefni til þessa. Margfeldi notkun sérsniðinna textablokka getur verið yfirgnæfandi fyrir notendur og getur haft áhrif á læsileiki. Það er mikilvægt að ganga úr skugga um að orð séu ennþá skýr og að notendur hafi enga vandræða með að skilja skilaboðin.
Bæði Dagur hinna dauðu og Standa upp við krabbamein , gera frábært starf með höndbréf fyrir einföld skilaboð. Dagur hinna dauðu notar aðrar myndir, auðveldar siðareglur og myndir til að draga notendur í gegnum afganginn af síðunni. Niðurstaðan er skemmtileg og auðvelt að fylgja. Standa upp við krabbamein notar meira af vatnsliti stíl sem er öll dæmi byggð, en byggir á fleiri venjulegu letur fyrir læsileika. Báðir eru góðir möguleikar til að vinna með sérsniðnu letri.
Niðurstaða
Þó að brjótast inn í heiminn í myndinni fyrir vefsíðuskrá, gætir það verið lítið ógnvekjandi í fyrsta lagi, það er eitthvað sem margir hönnuðir geta gert. Frá teikningu með hendi til að hafa tölvutækni eða vinna með búnaði eru valkostirnir frekar endalausar.
Það er eitthvað að hugsa um þegar það kemur að þeim verkefnum sem krefjast þess að gera eitthvað svolítið öðruvísi. Og það er töff nóg að þú gætir fengið beðið um að búa til eitthvað í þessum stíl. Þannig að þetta er góður tími til að nýta sketching færni þína og hugsa um leiðir sem myndskreytt vefsvæði hönnun ramma gæti starfað fyrir þig.