Opi käyttämään yksinkertaisia Wireframe-malleja aloittaaksesi malleja
Web-lanka on yksinkertainen visuaalinen opas, joka näyttää sinulle, miltä verkkosivu näyttää. Se ehdottaa sivun rakennetta ilman grafiikkaa tai tekstiä. Sivuston rautalanka näyttää koko sivustorakenteen - mukaan lukien millä sivuilla linkit mihin.
Web-lanka-alueet ovat loistava tapa aloittaa suunnittelutyö. Ja vaikka on mahdollista luoda monimutkaisia langankorkeuksia, joissa on valtavia yksityiskohtia, suunnittelusi voi alkaa ompeleella ja kynällä. Avain hyvien johdinkorkeuksien tekemiseen on jättää pois kaikki visuaaliset elementit. Käytä ruutuja ja rivejä kuvan ja tekstin esittämiseen.
Web-sivun rautalangaan sisällytettävät asiat:
- ensisijaisten graafisten elementtien ruutuihin
- pääotsikoiden ja alaryhmien sijoittaminen
- yksinkertainen layout rakenne
- vaatii toimia
- tekstilohkot
Miten rakentaa yksinkertainen Web Wireframe
Luo verkkosivun rautalankää käyttäen mitä tahansa paperinpalaa, jolla on kätesi. Näin teen:
- Piirrä suuri suorakulmio - tämä voi edustaa joko koko sivua tai vain näkyvää osaa. Aloitan tavallisesti näkyvällä osalla ja laajennan sen sisältämään elementtejä, jotka olisivat taitteen alapuolella.
- Piirrä ulkoasu - onko 2-sarakkeita, 3-sarakkeita?
- Lisää ylätunnisteen graafiseen ruutuun - piirrä sarakkeet, jos haluat sen olevan yksittäinen otsikko sarakkeiden yläpuolelle tai lisää se siihen, missä haluat.
- Kirjoita "Headline", jossa haluat H1-otsikon olevan.
- Kirjoita "alipää", jossa haluat H2: n ja alaotsikoiden olevan. Se auttaa, jos teet ne suhteelliseksi - h2 pienempi kuin h1, h3 pienempi kuin h2 jne.
- Lisää muiden kuvien ruutuihin
- Lisää navigointiin. Jos suunnittelet välilehtiä, kirjoita vain laatikot ja kirjoita yläreunaan "navigointi". Tai laita luetteloituja luetteloita sarakkeisiin, joihin haluat navigoinnin. Älä kirjoita sisältöä. Kirjoita vain "navigointi" tai käytä viivaa tekstin editoimiseksi.
- Lisää sivulle lisäosia - tunnistaa, mitä ne ovat tekstin kanssa, mutta älä käytä todellista sisältöä. Jos haluat esimerkiksi toimia oikealla alakulmassa, laita laatikko siihen ja merkitse se "toimintapyyntö". Älä kirjoita "Osta nyt!" siinä laatikossa.
Kun olet saanut yksinkertaisen rautalankaasi kirjoitettuasi, ja sen ei pitäisi kestää yli 15 minuuttia aikaa piirtää yhteen, näytä se jollekin toiselle. Kysy heiltä, onko mitään puuttuva ja muita palautetta. Perustuen siihen, mitä he sanovat, voit kirjoittaa toisen raidan tai pitää sen, jolla on.
Miksi paperiradat ovat parasta ensimmäisille luonnoksille
Vaikka Visio-ohjelmien avulla voit luoda viirakehyksiä alkuperäisten ideoiden ajaksi, pidä kiinni paperista. Paperi ei näytä olevan pysyvä, ja monet ihmiset olettavat, että heitit sen yhteen 5 minuutissa, joten älä epäröi antaa sinulle hyvää palautetta. Mutta kun käytät ohjelmaa luoda hienoja lankoja ja täydellisiä neliöitä ja värejä, vaarannat päästäkseen itse ohjelmaan ja viettää tuntikausia täydentämällä jotain, joka ei koskaan tule elämään.
Paperirunkoja on helppo tehdä. Ja jos et pidä siitä, vain murskat paperin, heität sen kierrätykseen ja tartu uuteen arkkiin.