Learje ienfâldige Wireframes te brûken om jo ûntwerpen te begjinnen
In websframe is in ienfâldige fisuele adres om jo sjen te litten wat in webside soart liket. It suggerearret de struktuer fan in side , sûnder grafyske of tekst te brûken. In webside fan webside soe de folsleine webstee sjen litte - ynklusyf hokker siden keppelje nei wêr't.
Web wireframes binne in geweldige manier om jo ûntwerpwurk te begjinnen. En wylst it mooglik is om komplekse draadkrêften te meitsjen mei in protte detaildetails, kin jo plannen begjinne mei in servet en in pear. De kaai foar it meitsjen fan goeie draadblêden is om alle fisuele eleminten út te lûken. Brûk kisten en rigels om foto's en tekst wer te jaan.
Dingen om opnimme yn in webside fan webside:
- Kisten foar primêre grafyske eleminten
- placing of headlines and sub-heads
- in ienfâldige layoutstruktuer
- ropt oan aksje
- tekstblokken
Hoe kinne jo in ienfâldige websframe bouwe
Meitsje in webside fan webside mei help fan papier dy't jo handich hawwe. Hjir is hoe't ik it dwaan:
- Draw in large rectangle - this can either represent the entire page or just the visible portion. Ik begjinne meast mei it sichtbere diel, en dan útwreidzje it om eleminten te ûndertekenjen dy't ûnder it fel wêze.
- Skjinne de layout - is it 2-kolommen, 3-kolommen?
- Foegje yn in fekje foar in koptekst - Druk op 'e kolommen as jo wolle dat ien inkele koptekst boppe de kolommen is, of jo it just foegje wêr't jo wolle.
- Skriuw "Headline" wêr jo wolle dat jo haadletter H1 wêze sil.
- Skriuw "Sub-Head" dêr't jo H2 en legere headlines wolle. It helpt as jo har proportional meitsje - h2 lytser as h1, h3 lytser dan h2, ensf.
- Yn tafoegings taheakje foar oare ôfbyldings
- Yn in navigaasje taheakje. As jo ljeppers planje, ferpleatse gewoane fekjes, en skriuwe "navigaasje" oer de top. Of sette balkenlisten yn 'e kolommen wêr't jo de navigaasje hawwe wolle. Skriuw net de ynhâld. Skeakelje "navigaasje" of brûke in line om tekst te fertsjinjen.
- Foegje ekstra eleminten oan 'e side taheakke - identifisearret wat se mei tekst binne, mar brûk net de ynhâld fan' e ynhâld. As jo bygelyks in oprop oan aksje knop yn 'e legere rjochtskeap sette, set dan in fakje en markearje it "oan aksje oanroppe". Net skriuwe "Kaar no!" yn dat fak.
Ienris jo hawwe jo ienfâldige draadkrêft skreaun, en it moat jo net mear as 15 minuten nimme om ien op te sketsjen, sjen litte nei in oar oars. Freegje har as der wat fûn is en foar oare feedback. Op grûn fan wat se sizze, kinne jo in oare draadkrêft skriuwe of dejinge dy't jo hawwe.
Wêrom papier-draadblêden binne bêste foar earste tekeningen
Wylst it mooglik is om draadframes te meitsjen mei programma's lykas Visio, foar jo earste brainstorming sesjes, moatte jo op papier bliuwe. Papier liket net as permanint te wêzen, en in soad minsken sille jo besykje dat jo yn 5 minuten meiinoar soargje en dus net te wifkjen jaan om jo goede feedback te jaan. Mar as jo in programma brûke om fytsere draadblêden te meitsjen mei perfekt kwadraten en kleuren, dan rinst it risiko dat se yn it programma sels fêststeld wurde en oeren fertsjinje wat perfekt is dat net ea libje sil.
Papierdraadbereamers binne maklik te dwaan. En as jo dit net wolle, grapje jo it papier krekt op, jitte it yn 'e recycling en graach in nije blêd.