Aflați cum să utilizați fire simple pentru a începe designurile
O rețea wireframe Web este un ghid vizual simplu pentru a vă arăta cum ar arăta o pagină Web . Acesta sugerează structura unei pagini , fără a utiliza nici o grafică sau text. O rețea de site-uri web ar arăta întreaga structură a site-ului - inclusiv ce pagini leagă unde.
Rețelele de tip wireframe web reprezintă o modalitate excelentă de a vă începe munca de proiectare. Și în timp ce este posibil să creați cadre complexe cu cantități uriașe de detaliu, planificarea dvs. poate începe cu un șervețel și un stilou. Cheia pentru a face cadre de tip wireframes este aceea de a elimina toate elementele vizuale. Utilizați cutii și linii pentru a reprezenta imagini și text.
Lucruri care trebuie incluse într-o rețea wireframe:
- cutii pentru elemente grafice primare
- plasarea de titluri și subcapitole
- o structură de structură simplă
- apeluri la acțiune
- blocuri de text
Cum se construiește o rețea simplă Web Wireframe
Creați o cartelă de pagină Web folosind orice resturi de hârtie pe care le aveți la îndemână. Iată cum o fac:
- Desenați un dreptunghi mare - acesta poate reprezenta întreaga pagină sau doar porțiunea vizibilă. În mod obișnuit, încep cu porțiunea vizibilă și apoi o extind pentru a include elemente care ar fi mai mici decât foldul.
- Schițați aspectul - sunt 2 coloane, 3 coloane?
- Adăugați o casetă pentru un grafic antet - Desenați coloanele dacă doriți ca acesta să fie un antet de deasupra coloanelor sau doar să îl adăugați acolo unde doriți.
- Scrieți "Headline" unde doriți ca titlul dvs. H1 să fie.
- Scrie "Sub-Head" în cazul în care doriți H2 și titluri mai mici să fie. Vă ajută dacă le faceți proporționale - h2 mai mic decât h1, h3 mai mic decât h2, etc.
- Adăugați casete pentru alte imagini
- Adăugați în navigație. Dacă planificați filele, desenați doar casetele și scrieți "navigație" în partea de sus. Sau puneți liste cu marcatori în coloanele în care doriți să navigați. Nu scrieți conținutul. Doar scrie "navigare" sau utilizați o linie pentru a reprezenta textul.
- Adăugați elemente suplimentare în pagină - identificați-le cu text, dar nu utilizați textul conținutului real. De exemplu, dacă doriți un buton de chemare la acțiune în partea dreaptă jos, plasați o casetă acolo și marcați-l "apel la acțiune". Nu scrie "Cumpără acum!" în acea cutie.
Odată ce ați scris scrisoarea dvs. simplă și nu ar trebui să vă ducă mai mult de 15 minute pentru a schița una, arătați-o altcuiva. Întrebați-i dacă lipsește ceva și pentru alte reacții. Pe baza a ceea ce spun ei, puteți scrie o altă schemă de rețea sau să o păstrați pe cea pe care o aveți.
De ce firele de hârtie sunt cele mai bune pentru primele proiecte
Deși este posibil să creați cadre de tip wireframes utilizând programe precum Visio, pentru sesiunile inițiale de brainstorming, trebuie să vă lipiți de hârtie. Hârtia nu pare atât de permanentă și mulți oameni vor presupune că ați aruncat-o împreună în 5 minute și nu ezitați să vă oferiți un feedback bun. Dar când folosiți un program pentru a crea cadre fanteziste cu patrate și culori perfecte, riscați să vă prindeți în programul în sine și petreceți ore întregi pentru a perfecționa ceva ce nu va merge vreodată.
Carcasele de hârtie sunt ușor de realizat. Și dacă nu vă place, ciocniți hârtia, aruncați-o în reciclare și luați o foaie nouă.