Visuaalsete kirjavahemärkide kujundaja juhend
Kirjavahemärgid on midagi enamat kui lihtsalt perioodid ja hüüumärgid. Kujunduse mõttes võivad kirjavahemärgid olla kõik, mis lugeja või kasutaja peatub või peatab. See võib juhtuda teksti lugemise ajal või kui silm liigub ühest elemendist teise. Need visuaalsete kirjavahemärkide bitid on kõikjal ja on mis tahes kujunduskontseptsiooni olulised osad.
Visuaalsete kirjavahemärkide põhielementideks on nii tavalised loetavad kirjavahemärgid kui ka tühik, jooned, reeglid, ikoonid ja värv.
Uurige Envato elemente
Mis on visuaalne kirjavahemärk?
Visuaalsed kirjavahemärgid esinevad kahel põhivormil - märkidel, mis põhjustavad lugemisprotsessis peatumise, või elementidel, mis tekitavad ühelt objektilt teisele vaatamise ajal pausi. Mõlemad kirjavahemärgid on võrdselt olulised ja kuigi kontekstuaalsed kirjavahemärgid on üsna teada ja levinud, ei mõtle kõik sageli muude visuaalsete näpunäidete peale.
Visuaalsed kirjavahemärgid on olulised, kuna need suudavad inimesi disainilahendusega tegelema panna ja väldivad kujunduse lugemisel või vaatamisel väsimust. Looduslikud pausid on osa inimloomusest ja neid kujundades loote peatused, mis toimuvad millal ja kus soovite. See aitab lisada konteksti ja visuaalset voogu.
See muudab teie kujunduse ka kasutaja / lugeja jaoks hõlpsamaks seedimiseks. Kui nende jaoks on töö tehtud, võib kujunduse vaatamine olla lihtsam ja nõuda vähem pingutusi või mõtlemist. (Ja me kõik teame, et tänapäeva tihedas maailmas on meie disainilahenduste vaatajate jaoks asja lihtsamaks muutmine parem.)
Lühidalt - visuaalsed kirjavahemärgid on kõik, mida disainer kasutab kujunduses elementide, fotode või sõnade eraldamiseks, grupeerimiseks või rõhutamiseks. Tahtlik või mitte, visuaalsed kirjavahemärgid panevad keegi peatuma ja vaatama lõuendi teatud osa.
Loetavad (tekst) kirjavahemärgid
Kõige sagedamini tuntud kirjavahemärgid on… noh… tegelikud kirjavahemärgid. Kõiki tekstis ilmuvaid märke, mille tõttu lugemine peatub, peetakse kirjavahemärkideks.
Tavaliste sümbolite hulka kuuluvad periood, küsimärk, hüüumärk, tärn, kriips, semikoolon, sulgudes, sulgudes, ellipsis, jutumärkides, koolon, sidekriips, apostroof ja koma. Märke saab kasutada lausete kirjutamiseks või moodustamiseks, kuid sageli kasutatakse neid ka visuaalsetel eesmärkidel.
Mõnikord kasutatakse neid tähemärke logo osana või kujunduse kunstis tähenduse või rõhu edasiandmiseks. Neid sümboleid on nende ühise olemuse ja sageli hästi mõistetavate tähenduste tõttu lihtne kasutada mitmel viisil.
Kosmos
Ruumi kasutamine visuaalsete kirjavahemärkide vormina tuleb ka tekstist ja kirjutamisest. Tühikuklahvi kasutatakse selleks, et tekstiosas ei hakataks uut lõiku ega isegi raamatut uut peatükki. Ruum võib toimida nii, nagu see on perioodil, või voolavamalt, näiteks kriips.
Ruumi kasutatakse ka visuaalsete startide ja peatuste loomiseks ning silmade liikumissuuna loomiseks. Elementide vahel kasutatav ruumi suurus võib näidata, kui lähedased või kaugel nad on teise sisu suhtes. Samuti võib ruum luua ruumi, kus saate iseseisvalt keskenduda mitmele elemendile.
Vaadake ülalolevat pilti United Strandsist. Särkide virna ja lihtsa teksti vahel on palju ruumi. Tühik annab kasutajale aega iga üksust vaadata ja seda iseseisvalt ning seejärel ühikuna seedida. Tühik on meeldetuletus aeglustumisest ja viis ekraanil olevate elementide ühendamiseks.
Space toob ülaltoodud toredal ja tõsisel lehel teistsuguse tulemuse. Punastes ringides olevate nelja sarnase, kuid erineva üksuse vahelise järjepidevuse tõttu rühmitate elemendid loomulikult ühe pildina. Tühik iga elemendi vahel on üsna kitsas ja järjepidev, muutes need “üheks elemendiks”.
Jooned ja reeglid
Jooned on reeglid, mis loovad objektide vahel selge eraldatuse. (Sama efekti saate saavutada ka poksielementidega.) Joon tähistab seda, kus üks asi lõpeb ja teine algab; see sarnaneb perioodiga lõigu iga lause lõpus.
Jooni kasutatakse sageli koos ruumiga, kuid see pole alati nii. Lähedased või vahed puuduvad jooned võivad põhjustada tihedustunnet või võivad mõnikord ühendada üksusi üle selle eraldusjoone.
Ülaltoodud näidetes kasutatakse jooni kahel viisil. Lehel Ruut kasutatakse kujuteldava või „kummitusliku” nupu moodustamiseks mitu rida. Liinid eraldavad lehe klõpsatava osa ülejäänud osast. Agra Culture Kitchen & Pressi lehel kasutatakse ridu kahel viisil: eesmärgiga hoida silm liikumisel elemendilt elemendile ja juhtida tähelepanu konkreetsele olulisele sisule, nagu näiteks logo, põhitekst ja kodulehel tegutseva tegevuse nupp .
Ikoonid ja kujunduselemendid
Ikoonide ja muude elementide (ning digitaalprojektide jaoks kasutatavate kasutajaliidese tööriistade) kasutamine on funktsiooni tulemus, kuid samas pakuvad nad ka disainisuunda. Need tööriistad räägivad kasutajatele, kuhu kujunduses minna, kuidas sisuga suhelda ja aitavad kujundada üldisi toiminguid, mida kasutaja konkreetse üksusega suheldes võtab.
Näiteks trükiprojektides kasutatakse sageli Facebooki ja Twitteri logosid, et öelda kasutajatele, et ettevõtetel on lehed, mis neile võivad meeldida või mida nad saavad jälgida. Pikemate või keerulisemate URL-ide asemel muutuvad normiks ikoonid. Neid samu ikoone kasutatakse digitaalsetes projektides sageli klõpsatava lingina nendele saitidele või need suunavad kasutajad jagama valikuid nendel sotsiaalmeedia saitidel.
Ikoonidel ja kujunduselementidel võib olla ka muid kasutusvõimalusi. Need toimivad jutuvestmise protsessis visuaalsete jagajatena ja neid saab kasutada lugejate meelitamiseks teksti kaudu või lõuendil ühelt teisele. (Mõelge neile peaaegu nagu komadega, mis võimaldavad teil pausi teha, kuid ei lõpeta liikumist.) Kaheksajalad kasutavad näiteks värvilistes kastides linkidena ja visuaalse navigatsioonielemendina allpool asuvates täppidena suuri ikoone. Openbox kasutab sarnaselt ikoone, erineva kolmnurga kujundusega, et aidata kasutajatel liikuda saidi sisus. (+ Või x, sõltuvalt orientatsioonist, teeb sama.) Teine märkuse element siin on põhiteksti all olevad punktid, mis toimivad reeglina ja navigeerimisriistana.
Värv
Värv võib lisada lõbusat elegantsi, kui otsite disainis elementide eraldamist. Ja selle saavutamiseks on palju võimalusi. Alates värvitoonidest kuni mustvalgeteni kuni teravate kontrastideni kuni temaatiliste värvide skeemide või värvipaneelideni on varieeruvate toonide kasutamine lihtne viis huvitavatel viisidel tähelepanu saamiseks disainilahenduse konkreetsetele osadele.
Ülaltoodud näited näitavad kahte järsult erinevat viisi värvi kasutamiseks pausi loomiseks. P'unk Ave lehel on ühevärvilisel taustal kosmoses ujumas erkpunane ikoon. See loob kohese visuaalse mõju ja ühenduse. (Pidage seda omamoodi hüüumärgiks.)
Lõuna-Austraalia leht kasutab värvi üsna erineval viisil. Igas erinevas sisusektsioonis (ja parallaksi raamistikus koordineeriv ekraan) on erinev värviline ekraan. See aitab teil teada saada, millist jaotist te loete ja mis muud sisu on tulemas. Need visuaalsed semikoolonid annavad teile aega ühe mõtte lõpuleviimiseks, samal ajal järgmise juurde liikudes.
Järeldus
Visuaalsed kirjavahemärgid on kõikjal. See ei pruugi alguses olla nii ilmne kui samanimelised väikesed tähemärgid tekstis, kuid see on sama oluline. Visuaalsed kirjavahemärgid aitavad luua voolu, suuna ja väldivad lugejate (ja kasutajate) väsimust.
See aitab luua harmooniat ja visuaalset harmooniat. Suurem küsimus pole selles, kas te seda kasutate, vaid selles, kui mõtlete sellele projekteerimisprotsessis kaasa. Kas visuaalseid kirjavahemärke lihtsalt juhtub või plaanite need välja? Meile meeldiks kommentaarides teie disainiprotsessist rohkem teada saada.
