Cum să creați aspecte de pagină echilibrate

Autor: Peter Berry
Data Creației: 16 Iulie 2021
Data Actualizării: 13 Mai 2024
Anonim
Design101 with Tini: Create balanced page layouts
Video: Design101 with Tini: Create balanced page layouts

Conţinut

Obiectivul principal al oricărui aspect de pagină pe care îl proiectați, fie că este vorba despre o broșură tipărită sau despre cea mai recentă aplicație web, este comunicarea informațiilor în mod clar și eficient cititorului. Una dintre cele mai bune modalități de a vă asigura că mesajele cheie sunt livrate cititorului este crearea unui aspect echilibrat al paginii.

Proiectarea aspectului paginii implică de obicei o mulțime de plasare, rearanjare și formatare a elementelor. Mulți designeri abordează acest proces în mod organic, simțindu-și drumul către un rezultat final plăcut. Deși acest lucru poate duce la accidente fericite excelente, există riscul ca utilizarea unei metodologii de formă liberă să poată duce la lipsa echilibrului vizual pe pagină.

O compoziție bună a paginii ar trebui să fie atât de plăcută pentru ochi, cât și să comunice în mod clar acele mesaje cheie publicului vizat. Am strâns împreună câteva sfaturi de top pentru a vă ajuta să vă asigurați că proiectele dvs. de aspect al paginii au echilibru (un bun constructor de site-uri web vă va ajuta, de asemenea). Aceste abordări vor funcționa bine pentru a oferi o structură pentru echilibru, indiferent de mediul cu care lucrați.


Pentru mai multe sfaturi specifice site-ului web, consultați ghidul nostru pentru crearea de planuri web perfecte.

01. Folosiți o grilă

Una dintre cele mai simple modalități de a vă asigura că pagina dvs. are un grad de echilibru este utilizarea unui sistem de rețea. Grilele erau o singură rezervă a paginii tipărite, dar multă muncă a fost finalizată online în ultimii ani pentru a ajuta la migrarea conceptului de grilă pe suportul digital.

Utilizând o grilă pentru a informa poziția diferitelor elemente pe o pagină, veți crea o conexiune între diferitele elemente care alcătuiesc pagina dvs. Acest lucru vă poate ajuta să oferiți un sentiment de ordine aspectului dvs., oferind cititorului o referință structurală clară pe care să recurgeți și sporind succesul paginii dvs.

Acest lucru este important, deoarece atunci când toate elementele paginii dvs. au o senzație de conectivitate între ele, efectul general se simte mai confortabil pentru cititor, ajutându-le să le pună în largul lor și facilitând accesul la lucrurile importante: conținutul.


02. Alegeți un singur punct focal

Una dintre cele mai eficiente modalități de a oferi un sentiment de echilibru este de a alege un singur punct focal pentru proiectarea aspectului. Un bun exemplu în acest sens în practică este utilizarea unei imagini mari ca cel mai mare element unic de pe o pagină.

Un vizual puternic poate oferi o modalitate puternică de a conduce cititorul în pagina dvs. (la fel ca și analiza expertă a serviciului ideal de găzduire web) și oferă, de asemenea, un element structural util în jurul căruia să aranjați conținutul rămas în aspectul dvs. Dacă aveți mai multe elemente vizuale, utilizați principiul proximității din Teoria Gestalt pentru a le grupa împreună, alinindu-le în același mod.

De asemenea, merită să rețineți că puteți utiliza un titlu sau trageți o ofertă în același mod; un titlu de afișare bun poate oferi la fel de mult interes vizual ca o imagine, în timp ce continuă să ofere structura care vă va ajuta să asigurați un aspect echilibrat.


03. Folosiți Regula treimilor

Una dintre cele mai bune modalități de a oferi un sentiment de echilibru este să folosești regula preferată de designer a treimilor sau Golden Ratio. Pur și simplu, regula treimilor spune că, dacă împărțiți pagina în treimi atât pe verticală, cât și pe orizontală, punctele la care se intersectează liniile grilei oferă punctele focale naturale ale unei compoziții.

Prin alinierea elementelor cheie la aceste patru puncte, veți obține o compoziție mai plăcută decât dacă, de exemplu, veți centra perfect elementele de pe pagina dvs.

În sine, regula treimilor nu va oferi magic echilibrului aspectului dvs., dar prin extinderea principiului, este ușor să utilizați această tendință către un punct focal natural pentru a ajuta la informarea echilibrului aspectului dvs.

O abordare obișnuită este plasarea celor mai importante elemente ale paginii dvs. în treimea superioară (sau inferioară) a paginii, cu punctul focal principal aliniat pentru a se potrivi cu una dintre intersecții. Aveți o mulțime de active de stocat pentru site-ul dvs.? Consultați aceste opțiuni de stocare în cloud.

04. Folosiți spațiul alb

Este obișnuit ca designerii începători să utilizeze fiecare spațiu de pe o pagină, completând conținut până când fiecare lacună a fost completată. Cei mai experimentați știu că, uneori, cea mai bună parte a designului implică lăsarea elementelor în afară, mai degrabă decât încălțarea lor.

În suportul tipărit, cel mai obișnuit mod de a utiliza spațiul alb este prin mărirea marginilor paginii și a jgheaburilor. Pe web, pur și simplu oferind o mulțime de spațiu de respirație în jurul elementelor vă poate ajuta să vă faceți ca aspectul de aspect să se simtă compus și echilibrat.

Utilizarea spațiului negativ funcționează cel mai bine atunci când aveți o structură clară care ancorează conținutul împreună (cum ar fi cel furnizat de o grilă), deoarece riscul spațiului alb poate fi un sentiment de deconectare între elementele paginii dacă este introdus în mod întâmplător.

05. Repetați elementele de proiectare

Repetiția poate oferi, de asemenea, un sentiment puternic de design și echilibru conectat unei compoziții. Ideea este că, identificând și reutilizând un motiv sau un tratament de design pe tot aspectul, puteți oferi o referință pentru cititor, astfel încât zone disparate să se simtă conectate și să facă parte din aceeași compoziție generală.

Puteți utiliza, de asemenea, această tehnică pentru a oferi un punct focal în proiectarea dvs., păstrând în același timp un echilibru general, prin ruperea intenționată a modelului de asemănare introdus prin repetare.

06. Utilizați ierarhia

Una dintre abordările cheie pentru realizarea aspectului paginii nirvana este un sentiment clar de structură și ierarhie. Am atins deja structura, dar este important să transmitem și importanța relativă a diferitelor piese de conținut de pe pagina dvs. Un titlu, de exemplu, ar trebui să fie aproape întotdeauna mai important din punct de vedere vizual decât conținutul textului corpului.

Uitați-vă la diferitele elemente care alcătuiesc designul aspectului dvs. și decideți care element este cel mai important. Utilizați acest element pentru a furniza un cârlig structural pentru elementele rămase de pe pagină, păstrându-l cel mai important.

07. Folosiți scara, contrastul și armonia

În cele din urmă, utilizarea scalei poate fi o metodă foarte eficientă pentru a obține un echilibru vizual bun în aspectul dvs. Făcând unele elemente mai mari decât altele, va apărea un sentiment de ordine și ierarhie. Acest lucru ajută la crearea unui aspect confortabil, deoarece vizualizatorul va privi automat mai întâi elementele mai mari din aspect, trecând la elementele mai mici pe măsură ce citesc.

Acest principiu funcționează, de asemenea, cu un contrast crescut, astfel încât prin izolarea unui element de pe pagină prin contrast, ochii se vor concentra mai întâi pe acel punct. Aceasta oferă o cale de acces la pagină și oferă din nou un punct structural util din care să vă dezvoltați aspectul.

Atât scala, cât și contrastul funcționează cel mai bine atunci când se aplică unui element, făcându-l să iasă în evidență de celelalte părți ale aspectului. Folosiți principiile armoniei pentru a-i face pe ceilalți să se simtă conectați și să accentueze punctul focal.

Alegerea Editorilor
Cum să găsiți duplicate în Excel - Tutorial ușor Excel
Citit

Cum să găsiți duplicate în Excel - Tutorial ușor Excel

Care unt formula Excel și diferența dintre formulă și funcție în Excel? Formula ete utilizată pentru a calcula valoarea celulei și Funcțiile unt formule predefinite care unt deja prezente în...
4 moduri simple de a converti PowerPoint în diapozitive Google
Citit

4 moduri simple de a converti PowerPoint în diapozitive Google

„Cu câteva zile în urmă, șeful meu îmi trimite un raport care ete în PowerPoint, dar problema ete că vor ă fac o prezentare în Google lide, așa că vreau ă convertec PPT î...
Cum se adaugă parolă cu ușurință în fișierul Excel
Citit

Cum se adaugă parolă cu ușurință în fișierul Excel

Dacă utilizați computerul au Mac-ul în copuri de lucru, exită șane mari ă aveți fișiere Microoft Excel și Excel pe care nu le-ați permite altcuiva ă le dechidă au ă le citeacă. Excel ete un intru...