Skapa ett fungerande wireframe för att utforma en produkt eller hemsida som kan vara dynamiskt redigeras till önskade specifikationer . Använda programvara - baserade verktyg , eller enkla verktyg såsom penna och papper , kan användarna skapa wireframes som kan sparas i individuella iterativ utkast . De kan sedan refereras och samman när den slutliga uppsättningen ändringar har bestämts . Denna handledning kommer att gå igenom en wireframe för en webbdesign . Instruktioner
1
Skapa webbplatskarta för din webbplats innan du försöker skapa några wireframe mönster . Designa ett hierarkiskt diagram som visar vilka sidor som är länkade från hemsidan , där delsidor bly , och där databasservrar och programvara från tredje part anslutningar kommer att göras . Använd webbplatskarta för att driva skapandet av hemsidan och enskilda undersidor , vilka alla ger olika användarupplevelser och tjänar olika behov för användaren .
2
Starta en grafik redigeringsprogram eller dra ut ett papper och penna och börja att skissera den allmänna utformningen av hemsidan. Tänk på syftet med webbplatsen , dess mål och dess användarbas . Fokuserar inte på enskilda grafiska element och estetiska . Fokus på den generiska placeringen av innehåll områden på hemsidan i fråga om form , storlek och placering .
3
Överför wireframes till en digital bildredigeringsprogram . Skapa små grafiska element i wireframe att indikera webbplatsen element , såsom de viktigaste navigeringsfältet sidhuvudet , några områden reklam , och områden där rika Internet-applikationer kommer att utplaceras .
4
Kör wireframes av olika grupper av människor som skulle kunna vara potentiella användare av din webbplats för att avgöra om designen utvecklas i rätt riktning och om det tjänar deras behov . Ändra och upprepa designen som behövs .