Dizainera rokasgrāmata par vizuālajām pieturzīmēm
Pieturzīmes nav tikai punkti un izsaukuma punkti. Izstrādājot dizainu, pieturzīmes var būt jebkas, kas liek lasītājam vai lietotājam apstāties vai pauzēt. Tas var notikt, lasot tekstu vai kā acs pārvietojas no viena elementa uz otru. Šie vizuālo pieturzīmju biti ir visur un ir būtiska jebkuras dizaina koncepcijas sastāvdaļa.
Galvenie vizuālo pieturzīmju elementi ir parastās lasāmās pieturzīmes, kā arī atstarpe, līnijas, noteikumi, ikonas un krāsa.
Izpētiet Envato elementus
Kas ir vizuālā pieturzīme?
Vizuālās pieturzīmes ir divās galvenajās formās - zīmēs, kuru dēļ jūs varat apstāties lasīšanas procesā, vai elementos, kas rada pauzi, skatoties no viena objekta uz otru. Abi pieturzīmju veidi ir vienlīdz svarīgi, un, lai gan kontekstuālās pieturzīmes ir diezgan zināmas un izplatītas, ne visi bieži domā par citām vizuālām norādēm.
Vizuālās pieturzīmes ir svarīgas, jo tās var ļaut cilvēkiem ieskatīties dizainā un novērš nogurumu, lasot vai aplūkojot dizainu. Dabiskās pauzes ir daļa no cilvēka rakstura, un, izstrādājot tās, jūs izveidojat pieturvietas, kas notiek, kad un kur vēlaties. Palīdz pievienot kontekstu un vizuālo plūsmu.
Tas arī padara jūsu dizainu lietotājam / lasītājam vieglāk sagremojamu. Kad viņiem tiek veikts “darbs”, dizaina skatīšana var būt vieglāka un prasa mazāk pūļu vai pārdomu. (Un mēs visi zinām, ka mūsdienu aizņemtajā pasaulē ir labāk atvieglot lietas tiem, kas skatās mūsu dizainus.)
Īsumā vizuālās pieturzīmes ir jebkas, ko dizaineris izmanto, lai atdalītu, grupētu vai uzsvērtu elementus, fotoattēlus vai vārdus dizainā. Tīša vai nē, vizuālas pieturzīmes liks kādam apstāties un aplūkot noteiktu audekla daļu.
Lasāmas (teksta) pieturzīmes
Visizplatītākais pieturzīmju veids ir… labi… faktiskās pieturzīmes. Visas atzīmes, kas parādās tekstā un liek apstāties lasīšanas laikā, tiek uzskatītas par pieturzīmēm.
Kopējie simboli ietver periodu, jautājuma zīmi, izsaukuma zīmi, zvaigznīti, domuzīmi, semikolu, iekavas, iekavas, elipsi, pēdiņas, kolu, defisi, apostrofu un komatu. Marķējumus var izmantot teikumu rakstīšanas vai veidošanas kontekstā, taču tos bieži izmanto arī vizuālos nolūkos.
Dažreiz šīs rakstzīmes tiks izmantotas kā logotipa daļa vai dizaina māksla, lai izteiktu nozīmi vai uzsvaru. Sakarā ar to parasto raksturu un bieži vien labi saprotamām nozīmēm šos simbolus ir viegli izmantot dažādos veidos.
Kosmoss
Telpas izmantošana kā vizuālo pieturzīmju forma nāk arī no teksta un rakstīšanas. Atstarpe tiek izmantota, lai neuzsāktu jaunu rindkopu teksta blokā vai pat jaunas grāmatas nodaļas sākumu. Kosmoss var darboties tādā veidā, kas ir atšķirīgs kā periods, vai arī plūstošākā veidā, piemēram, ar domuzīmi.
Kosmoss tiek izmantots arī, lai izveidotu vizuālus sākumus un apstāšanās, kā arī radītu virzienu jūsu acīm. Starp elementiem izlietotās vietas daudzums var attēlot to, cik tuvu vai tālu viens no otra tie ir attiecībā pret citu saturu. Atstarpe var arī dot iespēju patstāvīgi koncentrēties uz vairākiem elementiem.
Apskatiet attēlu augšpusē no United Strands. Starp kreklu kaudzi un vienkāršo tekstu ir daudz vietas. Vietne dod lietotājam laiku aplūkot katru priekšmetu un sagremot to atsevišķi un pēc tam kā vienību. Kosmoss kalpo kā atgādinājums palēnināties un kā veids, kā savienot elementus uz ekrāna.
Space sniedz atšķirīgu rezultātu iepriekš Nicas un Nopietnajā lapā. Sakarā ar pastāvīgu atstarpi starp četriem līdzīgiem, bet atšķirīgiem vienumiem sarkanajos lokos, jūs, protams, grupējat elementus kā vienu attēlu. Atstarpe starp katru elementu ir diezgan ierobežota un konsekventa no viena posteņa uz otru, padarot tos “sajustus” kā vienu elementu.
Līnijas un noteikumi
Līnijas ir noteikumi, kas rada skaidru nodalījumu starp objektiem. (To pašu efektu var sasniegt arī ar boksa elementiem.) Līnija apzīmē, kur beidzas viena lieta un sākas otra; tas ir līdzīgs periodam katra rindkopas teikuma beigās.
Līnijas bieži izmanto kopā ar atstarpi, taču tas ne vienmēr notiek. Līnijas, kas atrodas tuvu viena otrai vai kurām nav atstarpes, var izraisīt necaurlaidības sajūtu vai dažkārt var sasaistīt priekšmetus visā šajā atdalījumā.
Iepriekš minētajos piemēros līnijas tiek izmantotas divos veidos. Lapā Kvadrāts vairākas līnijas tiek izmantotas, lai izveidotu iedomātu jeb “spoku” pogu. Līnijas nodala noklikšķināmo lapas daļu no pārējās. Lapā Agra Culture Kitchen & Press līnijas tiek izmantotas divos veidos: lai acs nepārvietotos no elementa uz elementu un pievērstu uzmanību konkrētam nozīmīgam saturam, piemēram, logotipam, galvenajam tekstam un mājas lapas aicinājuma uz darbību pogai .
Ikonas un dizaina elementi
Lai arī ikonu un citu elementu (un lietotāja interfeisa rīku izmantošana digitālajiem projektiem) izmantošana ir funkcijas rezultāts, tie arī nodrošina projektēšanas virzienu. Šie rīki lietotājiem norāda, kur izvēlēties dizainu, kā mijiedarboties ar saturu, un palīdz noteikt vispārējās darbības, kuras lietotājs veiks, mijiedarbojoties ar konkrētu vienumu.
Piemēram, drukāšanas projektos Facebook un Twitter logotipi bieži tiek izmantoti, lai lietotājiem pateiktu, ka uzņēmumiem ir lapas, kuras viņiem var patikt vai sekot. Ikonas, nevis garāki vai sarežģītāki URL kļūst par normu. Šīs pašas ikonas bieži tiek izmantotas digitālajos projektos kā noklikšķināmu saiti uz šīm vietnēm vai arī tās lietotājiem ļauj koplietot iespējas šajās sociālo mediju vietnēs.
Ikonas un dizaina elementus var izmantot arī citā veidā. Tie kalpo kā vizuāls dalījums stāstīšanas procesā, un tos var izmantot, lai vilinātu lasītājus ar tekstu vai no viena audekla uz otru. (Padomājiet par tiem gandrīz kā ar komatiem, kas ļauj pārtraukt, bet neapstājas virzīties pa ceļu.) Piemēram, astoņkāji lielās ikonas izmanto kā saites krāsainajās rūtiņās un kā vizuālās navigācijas elementus zemāk esošajos aizzīmju punktos. Openbox izmanto ikonas līdzīgā veidā, mainot trīsstūru dizainus, lai palīdzētu lietotājiem pārvietoties pa vietnes saturu. (+ Vai x, atkarībā no orientācijas, dara to pašu.) Vēl viens piezīmju elements šeit ir punkti zem galvenā teksta, kas darbojas kā likums un navigācijas rīks.
Krāsa
Krāsa var pievienot jautru nojautu, kad jūs meklējat izveidot elementu atdalīšanu dizainā. Un to ir daudz iespēju. Sākot no krāsas pret melnbaltu un beidzot ar asiem kontrastiem un beidzot ar tematiskām krāsu shēmām vai krāsu paneļiem, dažādu nokrāsu izmantošana ir vienkāršs veids, kā interesantā veidā pievērst uzmanību konkrētām dizaina daļām.
Iepriekš minētie piemēri parāda divus krasi atšķirīgus krāsu izmantošanas veidus, lai izveidotu pauzi. Lapā P'unk Ave spilgti sarkana ikona kosmosā peld uz vienas krāsas fona. Tas nodrošina tūlītēju vizuālo efektu un savienojumu. (Uzskatiet to par izsaukuma zīmi.)
Dienvidaustrālijas lapā krāsa tiek izmantota diezgan atšķirīgā veidā. Katrā atšķirīgajā satura sadaļā (un koordinācijas ekrānā parallasa ietvarā) tiek izmantots atšķirīgs krāsu ekrāns. Tas palīdz jums uzzināt, kuru sadaļu jūs lasāt, un kāds cits saturs ir paredzēts. Šie vizuālie “semikoli” dod laiku pabeigt vienu domu, pārejot pie nākamās.
Secinājums
Vizuālās pieturzīmes ir visur. Sākumā tas varētu nebūt tik acīmredzams kā tāda paša nosaukuma mazās rakstzīmes, bet tas ir tikpat svarīgi. Vizuālās pieturzīmes palīdz radīt plūsmu, virzienu un novērš lasītāju (un lietotāju) nogurumu.
Tas palīdz radīt harmoniju un vizuālo harmoniju. Lielāks jautājums nav par to, vai jūs to izmantojat, bet gan par to, vai par to domājat projektēšanas procesā. Vai vizuālās pieturzīmes vienkārši notiek, vai arī tās plānojat? Mēs labprāt uzzinātu vairāk par jūsu dizaina procesu komentāros.
