Pirmā režģa dizains: kā izveidot vertikālu ritmu un harmoniju
Kad dzirdat režģi, kas vispirms nāk prātā? Lielākajai daļai dizaineru tā bieži ir horizontāla koncepcija ar kolonnām audeklā. Īpaši tas attiecas uz tīmekļa un digitālā dizaina projektiem.
Bet kā ar vertikālajiem režģiem? Tikpat svarīgi ir izveidot plūsmu arī augšup un lejup pa lapu. Un ir vairāki veidi, kā to izdarīt ar režģa sistēmām.
Izpētiet Envato elementus
Kāpēc izmantot vertikālu režģi?
Ja jūs jau nedomājat par vertikāliem režģiem projektēšanas projektos, jums varētu rasties jautājums, kāpēc tas ir svarīgi. Vertikāls režģis palīdz sasniegt vertikālu ritmu un harmoniju lapā.
Režģis palīdzēs iestatīt un izveidot noteikumus gan drukātam, gan digitālam dizainam. Šī struktūra ļauj jums vieglāk noformēt dizainu un sniedz vadlīnijas teksta un citu audeklā esošo tekstu atstatumam, elementu izvietojumam un lielumam. Vertikāls režģis arī izveido ritmisku modeli un plūsmu vietnei, lietotājiem ritinot. (Tas var būt īpaši svarīgi mazākās ierīcēs.)
Kopējais efekts ir dizains, kas, ieskicējot to, stiepļu rāmja stilam ir pievilcīgs izskats. Elementi ir labi izvietoti, pārejas ir viegli pamanāmas un saprotamas, un katra dizaina daļa ir mērķtiecīga un plāna sastāvdaļa.
Paskatieties uz iepriekš redzamo karkasu. Jūs varat novilkt līnijas visā skicē tā, lai katrs elements atrastos vienā plaknē. Šī vizuālā plūsma ir tieši tas, ko vēlaties sasniegt.
Režģi tekstam
Vertikāls režģis ir īpaši svarīgs, runājot par tekstu. To var izmantot vairākos veidos, lai izveidotu plūsmu kopijā. Tas viss ietilpst jūsu sākotnējā režģī.
Sākotnējais režģis ir iedomāts vienlīdz platu horizontālu līniju kopums - domājiet, ka valdītais papīrs, kuru izmantojāt klases skolā, ir pielīdzināts tekstam. Burtu apakšdaļa (bāzes līnija) balstās uz šīm rindām tā, lai starp teksta rindiņām būtu vienāds atstatums un lai teksta kolonnas arī sakristu viena ar otru.
Šeit ir pāris lietojumprogrammas:
- Izveidojiet divas kolonnas un saglabājiet savu tipu bāzes pozīcijā.
- Izmantojiet matemātiku, lai saskaņotu visu veidu, neatkarīgi no lieluma, ar bāzes skalu.
Bet kā jūs to darāt? Tas sākas ar nelielu “tipogrāfijas matemātiku”. (Koncepcija ir gandrīz tāda pati drukātajiem vai digitālajiem projektiem.)
- Izvēlieties pamatteksta fontu un izmēru.
- Iestatiet režģlīnijas vai atstarpes daudzumu starp teksta rindām.
- Izmantojiet to pašu proporciju citām atstarpēm dizainā.
- Elementiem var izmantot arī bāzes līnijas režģa daudzkārtņus. Tātad, ja ķermeņa teksts ir 16 punkti, lielāka teksta lielums var būt divreiz lielāks par līnijas augstumu.
Šī sākotnējā režģa matemātika dara arī kaut ko citu. Tas palīdz jums izveidot tipogrāfijas hierarhiju, jo katrs jaunais teksta līmenis ir sakrauts proporcionāli citiem teksta līmeņiem.
Ekrānu vai paneļu režģi
Vertikāli režģi ir viens no būtiskajiem instrumentiem lapu izstrādē, piemēram, vietnes ar parallaksi ritināšanas funkcijām. Katrai lapai jābūt vienāda izmēra un ar vienādu izjūtu, lai katra jaunā lapa justos kā viena un tā paša stāsta nepārtraukta daļa un estētiska.
Lielākā daļa dizaineru to dara ar krāsu vai animācijas pieskārienu, lai ar katru ritinājumu ekrāni būtu “piestiprināmi” vietā. Kad elementi ir izlīdzināti perfektā vertikālā orientācijā, katrs ekrāns ir skatāms uzreiz un nav ieslēgts, puse no ekrāna. Šis vertikālais režģis rada pareizu harmoniju un veicina pareizu lasāmību un vēlamāku lietotāja pieredzi.
Šī dizaina stila ietvars ir atkarīgs no labas vertikālās plūsmas. Elementi jānovieto līdzīgi kā lietotājs ritina. Veidam vajadzētu būt līdzīgam kolonnu formātam, un burtu un elementu lielumam un atstatumam jābūt vienādam katrā ekrānā.
Šīs mazās norādes ir pavediens, kas liek lietotājam koncentrēties un rada vizuālu izpratni un plūsmu no vienas informācijas paketes uz nākamo.
Režģu kartes
Kartes stila dizains ir viens no populārākajiem un tendenču elementiem gadā, un tie darbojas, pateicoties vertikālajam režģim. Vertikālais režģis palīdz jums izveidot karti, kurai ir skaidra izjūta, pareizs atstatums un ērta vieta vairākiem elementiem vienā traukā.
Padomājiet par visām vietām, kur vertikālu režģi izmantot ar karti:
- Atstarpe starp kartēm dizainā. (Viena karte uz ekrāna mobilajās ierīcēs).
- Kartes iekšējās robežas starp elementiem, piemēram, attēliem, tekstu vai pogām.
- Katra elementa lielums.
- Teksta hierarhija un lielums.
Režģi e-komercijai
Vertikāli (un horizontāli) režģi ir populāra e-komercijas vietņu opcija atšķirīgas organizatoriskās plūsmas dēļ. Priekšmetus var izvietot blakus, lai lietotāji pirms pirkuma veikšanas varētu salīdzināt un izdarīt izvēli.
Cieši apskatiet, un jūs, iespējams, pamanīsit, ka arī pārējā vietnes ietvarā tiks ievērots tas pats vertikālais ritms. Smalks režģa lietojums ir ērts un ļaus pircējiem justies ērti, uzticēties dizainam, pateicoties jaukajai organizācijai, un, cerams, veikt pirkumu.
Režģi vispārējai organizācijai
Tikai tāpēc, ka jūs izmantojat režģi, jums noformējumam nav jābūt mūra vai režģa balstītam izskatam. Izmantojiet režģi vairākās daļās un daļās, lai izveidotu interesantas elementu kombinācijas, kas harmoniski sakrīt.
Un jūtieties brīvi katru reizi pa reizei salauzt režģi. Dažreiz jūs nonāksit situācijā, kad tīkla režģis vienkārši neizskatās pareizi, it īpaši, ja ir jāieraksta trūkstošie pacelšanās vai nolaišanās. Ir labi to mazliet izdomāt. Atcerieties, pat ja jūs izmantojat režģi un tas izskatās smieklīgi, tas izjauks harmoniju un plūsmu. Pēc vajadzības veiciet šos vizuālos labojumus un pielāgojumus.
Secinājums
Kāpēc vertikālais ritms un režģis ir tik svarīgi? Runājot par tekstu, tas palīdz lietotājam nenogurt lasot. Citiem elementiem tas rada izteiktu harmonijas un plūsmas sajūtu.
Cilvēkiem patīk organizācija pēc būtības un viņi vēlas, lai to dizains būtu viegli saprotams vienā mirklī. Laba režģa sistēma var jums to sasniegt ar vieglumu. Kad režģis ir izveidots, elementu izvietojumus, izmērus un formas ir vieglāk iedomāties, jo jūs tos varat ievietot jau ieskicētajā rāmī.
Attēla avots: baldiri.
