Leer om eenvoudige Wireframes te gebruik om jou ontwerpe te begin
'N Web wireframe is 'n eenvoudige visuele gids om jou te wys hoe 'n webblad sal lyk. Dit stel die struktuur van 'n bladsy voor , sonder om enige grafika of teks te gebruik. 'N webwerf wireframe sou die hele webwerf struktuur wys - insluitend watter bladsye skakel na waar.
Web wireframes is 'n goeie manier om jou ontwerpwerk te begin. En terwyl dit moontlik is om komplekse draadraamwerke met groot hoeveelhede detail te skep, kan jou beplanning begin met 'n servet en 'n pen. Die sleutel tot die maak van goeie draadraamwerke is om alle visuele elemente uit te laat. Gebruik bokse en lyne om prente en teks voor te stel.
Dinge om in 'n webblad wireframe in te sluit:
- bokse vir primêre grafiese elemente
- plasing van opskrifte en subkoppe
- 'n eenvoudige uitlegstruktuur
- oproepe tot aksie
- teksblokke
Hoe om 'n eenvoudige Web Wireframe te bou
Skep 'n webblad-draadraam met behulp van enige stukkie papier wat u handig het. Hier is hoe ek dit doen:
- Teken 'n groot reghoek - dit kan óf die hele bladsy of net die sigbare gedeelte verteenwoordig. Ek begin gewoonlik met die sigbare gedeelte, en dan uitbrei dit om elemente in te sluit wat onder die vou sou wees.
- Skets die uitleg - is dit 2-kolomme, 3-kolomme?
- Voeg in 'n boks vir 'n koptekstgrafiek - Teken jou kolomme as jy wil hê dit moet 'n enkele kop bo die kolomme wees, of voeg dit net by waar jy dit wil hê.
- Skryf 'Headline' waar jy jou H1-opskrif wil hê.
- Skryf "Sub-Head" waar jy H2 en laer opskrifte wil hê. Dit help as jy hulle proporsioneel maak - h2 kleiner as h1, h3 kleiner as h2, ens.
- Voeg vakke in vir ander beelde
- Voeg in navigasie. As jy tabelle beplan, teken net bokse en skryf "navigasie" bo-aan. Of stel kolpuntlyste in die kolomme waar jy die navigasie wil hê. Moenie die inhoud skryf nie. Skryf net 'navigasie' of gebruik 'n reël om teks voor te stel.
- Voeg bykomende elemente by die bladsy - identifiseer wat dit is met teks, maar gebruik nie die werklike inhoud teks nie. As jy byvoorbeeld 'n oproep na aksieknoppie regs wil hê, plaas 'n boks daar en noem dit 'call to action'. Moenie skryf nie "Koop nou!" in daardie boks.
Sodra jy jou eenvoudige draadraamwerk geskryf het, en dit moet jou nie meer as 15 minute neem om een te skets nie, wys dit aan iemand anders. Vra hulle of daar iets mis is en vir ander terugvoer. Op grond van wat hulle sê, kan jy 'n ander draadraam skryf of die een wat jy het, behou.
Waarom papierdraadraamwerke is die beste vir die eerste konsepte
Alhoewel dit moontlik is om draadraamwerke te skep deur programme soos Visio te gebruik, moet u vir die eerste dinkskrums aan die papier hou. Papier lyk nie as permanent nie, en baie mense sal aanneem dat jy dit in 5 minute gegooi het en moenie huiwer om jou goeie terugvoer te gee nie. Maar as jy 'n program gebruik om fyn draadraamwerke met perfekte vierkante en kleure te skep, loop jy die risiko om in die program self vasgevang te raak en ure te spandeer wat iets wat nooit gaan gaan leef, perfek maak nie.
Papierdraadrame is maklik om te doen. En as jy nie daarvan hou nie, kruip jy net die papier, gooi dit in herwinning en gryp 'n nuwe lap.