Cele mai bune 9 exemple de prezentare a site-ului web și când să le utilizați

Publicat: 2020-12-04

Rolul aspectelor site-urilor web în impactul asupra calității designului este clar pentru fiecare designer profesionist. Modelul și structura unui site web sunt primele lucruri la care ne gândim în primele etape ale procesului nostru de proiectare. După identificarea obiectivelor site-ului nostru și a elementelor pe care acesta ar trebui să le includă, proiectarea aspectului paginii începe efectiv prima etapă a punerii ideilor pe hârtie.

Abia după ce decideți anatomia site-ului dvs. web și cum să vă mapați conținutul în consecință, puteți construi apoi fire-lo-fi și puteți explora ce funcționează cel mai bine pentru ceea ce doriți să realizați.

Este o pagină de pornire foarte vizuală care va funcționa cel mai bine pentru strategia dvs. de conținut, sub forma unui aspect media pe ecran complet? Sau are mai mult sens să distribuiți ierarhia informațiilor într-un format mai uniform, utilizând un aspect pe ecran divizat pentru a afișa mai multe secțiuni de conținut cu semnificație reciprocă?

Este exact ceea ce urmează să explorăm, uitându-ne la cele nouă exemple ale noastre de modele de aspect ale site-ului web utilizate cel mai frecvent de designerii profesioniști.

Evaluarea acestor exemple ne va ajuta să înțelegem rolul pe care fiecare tip de aspect îl servește în construirea conținutului site-ului web care să actualizeze obiectivele noastre de proiectare. În cele din urmă, să știm când și cum să valorificăm aspectul potrivit pentru site-urile noastre - ne va echipa și ne va împuternici să construim strategii de proiectare mai robuste și să creăm site-uri web care sunt și mai frumoase.

Utilizați o grilă de site web pentru a vă construi aspectul paginii

Cuprins

  • Ce este un aspect de site web?
  • Ce trebuie să includă fiecare aspect al site-ului web
  • Cele 9 cele mai eficiente machete de site-uri web
  • 1. Aspect cu o singură coloană: iPad-ul celebru în întreaga lume
  • 2. Aspect cu două coloane: Earmark
  • 3. Aspectul a trei cutii: KatchMe
  • 4. Aspect pe ecran divizat: Bose
  • 5. Aspect asimetric: Subburt
  • 6. Bara laterală fixă: restaurantul Arbor
  • 7. Aspect media pe ecran complet: Opera și balet național olandez
  • 8. Aspectul grilei: Malika Favre
  • 9. Aspect cutii: TSX Broadway
  • Gata, Set, Build

Ce este un aspect de site web?

Un aspect al site-ului este un cadru care definește structura unui site web. Aspectul plasează elementele cheie ale site-ului frontal și central și oferă utilizatorilor o cale clară pentru navigare. Aspectul site-ului web este un element critic care determină dacă site-ul va reuși sau nu.

Obiectivele unui aspect de site web sunt de a îmbunătăți implicarea utilizatorilor, de a face paginile web atrăgătoare din punct de vedere vizual și de a organiza conținutul site-ului astfel încât să se potrivească într-o succesiune clară.

Ce trebuie să includă fiecare aspect al site-ului web

Deși cu siguranță vedem frumusețea în câte machete există de ales în designul web profesional, există și componente esențiale pe care trebuie să le includă fiecare tip de machetare, chiar dacă sunt incluse într-un mod neconvențional. După cum știm din legea lui Jakob, unul dintre cele mai fundamentale principii în designul web, este că aspectele interfeței și fluxurile de navigație ar trebui să poarte unicitate atrăgătoare, dar echilibrate cu familiaritate logică și intuitivă pentru utilizatori.

În esență, ceea ce nu trebuie să uităm niciodată atunci când ne planificăm aspectul paginii este să includem:

  • Antetul site-ului web , care ar trebui să surprindă întotdeauna cele mai simpliste elemente de navigare care transmit structura de bază a site-ului dvs. web și cum să găsiți ceea ce căutați
  • Corpul paginii, adică secțiunea de bază a paginii dvs. web, cum ar fi conținutul dvs. vizual, mesageria principală și așa mai departe.
  • Meniul de navigare, indiferent dacă este sub formă de bară laterală, meniu hamburger, sub-antet, mega meniu, declanșat de derulare, un meniu lipicios sau fix și poate altele.
  • Subsolul site-ului, oricât de scurt sau de înalt, subsolurile conțin, în general, linkuri de canale sociale, notificări privind drepturile de autor și legături cu politica de confidențialitate, precum și alte elemente opționale, cum ar fi un duplicat al conținutului din meniul antetului, apel la acțiuni, cum ar fi „abonare”, „Contactați-ne” sau chiar un formular de trimitere.

Și acum, pentru inspirația de design web pe care o așteptam, câteva dintre exemplele noastre preferate ale celor mai frecvent utilizate planuri de site-uri web.

Vedeți cum să vă optimizați aspectul site-ului web cu Elementor