Õppige kasutama lihtsaid juhtraami oma disainilahenduste käivitamiseks
Veebiraamatus on lihtne visuaalne juhend, mis näitab teile, milline veebileht välja näeb. See viitab lehe struktuurile , ilma graafikat või teksti kasutamata. Veebisaidi juhtraam näitab kogu saidi struktuuri - sealhulgas millised leheküljed seal sihti.
Veebiraamid on suurepärane võimalus disainitöö alustamiseks. Ja kuigi on võimalik luua hulgaliselt üksikasjalikke keerukaid juhtraveid , võib teie plaan alustada salvrätiku ja pliiatsiga. Hea juhtraami tegemise võti on jätta välja kõik visuaalsed elemendid. Kasutage pilte ja teksti esindavate lahtrite ja ridade kuvamiseks.
Asjad, mida lisada veebisaidi raamistikku:
- esmaste graafiliste elementide karbid
- pealkirjade ja alapeatükkide paigutamine
- lihtne paigutusstruktuur
- tegevuskutsed
- tekstiplokid
Kuidas luua lihtsat veebiraami
Looge veebilehe juhtraam, kasutades mis tahes paberijäätmeid, mis on teile kasulikud. Siin on, kuidas ma seda teevad:
- Joonista suur ristkülik - see võib kujutada kas kogu lehte või lihtsalt nähtavat osa. Ma alustan tavaliselt nähtava osaga ja seejärel laiendage seda, et see hõlmaks elemente, mis oleksid voldiku all.
- Skemaatiline visand - kas see on 2-kolonnid, 3-veerud?
- Lisage päise graafikule kasti - joonista veergude üle, kui soovite, et see oleks veergude kohal ühekordne päis või lisage see lihtsalt, kui soovite.
- Kirjuta "pealkiri", kuhu soovite oma H1 pealkirja olla.
- Kirjutage "Sub-Head", kus soovite, et H2 ja madalam pealkirjad oleksid. See aitab, kui teete need proportsionaalseteks - h2 väiksem kui h1, h3 väiksem kui h2 jne.
- Lisage muude kujutiste lahtrid
- Lisa navigeerimisse. Kui kavatsete vahelehti, siis lihtsalt joonistage kastid ja kirjutage navigatsioon üleval. Või looge nimekirju veergudes, kus soovite navigeerimist. Ärge kirjutage sisu. Lihtsalt kirjutage "navigation" või kasutage teksti esitamiseks rida.
- Lisage lehele lisatelemendid - tuvastage, millised need on tekstiga, kuid ei kasuta tegelikku sisutti. Näiteks kui soovite paremas alanurgas olevat aktiveerimisnuppu, pannke seal kast ja märkige see "kutse tegevusele". Ärge kirjutage "Osta kohe!" selles kastis.
Kui olete oma lihtsa juhtraami kirjutanud, ei tohiks see võtta rohkem kui 15 minutit, et visandada üles, näidata seda kellelegi teisele. Küsige neilt, kas on midagi puudu ja muud tagasisidet. Tuginedes sellele, mida nad ütlevad, võite kirjutada teise juhtraami või hoida seda, mis teil on.
Miks on paberraamiraamid kõige paremad esimeseks mustanditeks
Kuigi esialgse ajurünnakute jaoks on võimalik luua wireframes, kasutades selliseid programme nagu Visio, peaksite paberile jääma. Paber ei tundu olevat püsiv, ja paljud inimesed eeldavad, et te viskasite selle 5 minutiga kokku ja ärge kartke, et anda teile head tagasisidet. Kuid kui kasutate programmi ideaalsete ruutude ja värvidega fiktiivsete tugistruktide loomiseks, tekib oht, et saate end programmis endasse kinni haarata ja kulutada tunde, et täiustaks midagi, mis ei hakka kunagi elama.
Paberkarkassi on lihtne teha. Ja kui sulle see ei meeldi, siis lihtsalt koorib paberi, viska seda ringlussevõtuks ja haarab uue lehe.