Ikasi Wireframes sinpleak erabiltzea zure diseinuak hasteko
Web-arauaren bidezko gida bisual sinplea da, web orri bat zer itxura izango den erakusteko. Orri baten egitura iradokitzen du, grafikorik edo testurik erabili gabe. Webguneen wireframeek egitura-egitura osoa erakutsiko lukete, non orriek estekatuko duten.
Web alanbreak zure diseinu lanak hasteko modu bikaina dira. Gainera, alanbre- konplexu konplexu batzuk sor ditzakezu xehetasun handiz, zure plangintza napkin bat eta luma batekin hasi daiteke. Alanfilde onak egiteko gakoa ikusizko elementu guztiak uztea da. Erabili koadroak eta lerroak irudiak eta testuak irudikatzeko.
Webguneko wireframe batean sartzeko gauzak:
- lehen mailako elementu grafikoen kutxak
- titularrak eta azpi-buruak jartzea
- diseinu egitura sinplea
- ekintza deiak
- testu-blokeak
Web Wireframe Simple nola eraiki
Sortu web orriaren alanbre-fotograma erabilgarri duzun edozein paper-zatiarekin. Hona hemen nola egiten dudan:
- Laukizuzen handi bat marraztu - orrialde osoa edo zati ikusgarria bakarrik irudikatu dezake. Ikusgai den zatia hasten ohi dut, eta gero zabaltzen da tolestuaren azpian dauden elementuak sartzeko.
- Sketch the layout - 2 zutabe, 3 zutabe?
- Kutxa batean gehitu goiburuko grafiko batera - Zutabeen gainean marraztu zutabeen gaineko goiburu bakarra izan nahi baduzu edo gehitu nahi duzun lekuan.
- Idatzi "Titularra" non zure H1 titularra nahi duzun.
- Idatzi "Sub-Head" non H2 eta beheko izenburuak nahi dituzun. Proportzionalak egiten laguntzen du: h2 h1 baino txikiagoa da, h3 h2 baino txikiagoa da, etab.
- Gehitu beste irudi batzuei
- Gehitu nabigazioan. Fitxak antolatzen ari bazara, marraztu koadroak eta "nabigazioa" idatzi goian. Edo buletdun zerrendak jarri nabigazioan nahi dituzun zutabeetan. Ez idatzi edukia. Idatzi "nabigazioa" edo erabili lerroa testua irudikatzeko.
- Gehitu elementu osagarriak orrian: testua duten testuak identifikatu, baina ez erabili benetako edukiaren testua. Adibidez, beheko eskuineko ekintza botoian dei bat nahi baduzu, jarri kutxa bat eta markatu "ekintza deitzeko". Ez idatzi "Erosi orain!" kaxa horretan.
Behin zure wireframe sinplea idatzita dagoenean, ez duzu 15 minutu baino gehiago behar marrazteko, beste norbaitek erakusteko. Eska iezaiezu ezer falta eta beste iritzi bat izanez gero. Oinarritutako beste alanbre bat idatz dezakezu edo zuk zeuk gorde duzula esaten dute.
Zergatik Paper Wireframes dira Best First zirriborroak
Visio bezalako programak erabiliz wireframes sortzeko aukera dago, zure hasierako brainstorming saioetarako, papera itsatsi behar zenuke. Papera ez da iraunkorra iruditzen, eta jende askok 5 minututan bilduko zaitu, beraz, ez duzu zalantzarik izan zure iritzia emateko. Baina programa bat erabiltzen baduzu fancy wireframes sortzeko plazak eta kolore ezin hobeak lortzeko, programa bera harrapatu eta ordurako joatea ez da inoiz igarotzea.
Papera alanfilek erraz egin dezakete. Eta gustuko ez baduzu, papera moztu besterik ez duzu, bota birziklatuan eta atera orri berri bat.