Firele de site web sunt simple desene de linie care arată plasarea elementelor pe o pagină Web. Puteți să vă salvați foarte mult timp modificând aspectul unui cadru simplu la începutul procesului de proiectare în loc de un design complex mai târziu.
Folosind wireframes este o modalitate foarte bună de a începe un proiect de site web, deoarece vă permite clientului dumneavoastră să se concentreze asupra aspectului fără distragerea de culoare, tip și alte elemente de design. Concentrați-vă asupra a ceea ce se întâmplă în paginile dvs. web și asupra procentului de spațiu pe care fiecare element îl ocupă, care poate fi determinat de nevoile clientului dvs.
01 din 03
Ce să includă într-un site web Wireframe
Toate elementele importante ale unei pagini web ar trebui să fie reprezentate în site-ul dvs. wireframe. Utilizați forme simple în locul graficelor reale și etichetați-le. Aceste elemente includ:
- Navigare: Butoane pentru ca utilizatorii să viziteze secțiunile principale ale site-ului dvs.
- Sigla companiei: poate fi reprezentată doar de o cutie.
- Domenii de conținut: Unde vor apărea diferitele dvs. secțiuni de conținut?
- Căsuțele de căutare
- Domenii de conectare utilizator
02 din 03
Cum să creați site-uri de tip Wireframe
Există o varietate de moduri de a crea o rețea wireframe. Ei includ:
Desenarea manuală pe hârtie
Această metodă vine la îndemână atunci când se confruntă cu un client. Schițați-vă ideile de aspect pe hârtie, cu accent pe ce elemente ar trebui să meargă acolo.
Utilizând Adobe Photoshop, Illustrator sau alt software
Cele mai multe pachete de programe grafice sunt echipate cu toate instrumentele de bază necesare pentru a crea cadre wireframes. Liniile simple, formele și textul (pentru a vă eticheta elementele) sunt tot ce aveți nevoie pentru a crea o rețea wireframe prezentabilă.
Utilizarea software-ului creat pentru acest tip de activitate
În timp ce Photoshop și Illustrator pot face truc, unele pachete software sunt dezvoltate special pentru acest tip de lucru. OmniGraffle este o bucată de software care simplifică crearea de cadre prin furnizarea de instrumente de formă, linie, săgeată și text pentru a fi utilizate pe o pânză necompletată. Puteți chiar să descărcați seturi grafice personalizate (gratis) la Graffletopia, care vă oferă mai multe elemente, cum ar fi butoanele de web comune, cu care să lucrați.
03 din 03
Beneficiile
Cu firele de site web, aveți avantajul de a schimba un desen liniar simplu pentru a obține aspectul dorit. În loc să mutați elemente complexe în jurul unei pagini, poate dura foarte puțin timp pentru a trage câteva cutii în poziții noi. De asemenea, este mult mai productiv pentru dvs. sau pentru clientul dvs. să vă concentrați mai întâi asupra aspectului ... nu veți începe cu comentarii cum ar fi "Nu-mi place culoarea acolo!" În schimb, veți începe cu o structură și o structură finalizată pe care să vă bazeze designul.