Hoe om webwerf-draadraamwerke te skep

Webwerf draadraamwerke is eenvoudige lyntekeninge wat die plasing van elemente op 'n webblad aandui. U kan baie tyd bespaar deur die uitleg van 'n eenvoudige draadraam aan die begin van die ontwerpproses in plaas van 'n komplekse ontwerp later te wysig.

Die gebruik van wireframes is 'n goeie manier om 'n webwerfprojek te begin, aangesien dit jou en jou kliënt toelaat om op die uitleg te fokus sonder die afleiding van kleur, tipe en ander ontwerpelemente. Konsentreer op wat gaan waar op jou webblaaie en die persentasie ruimte wat elke element neem, wat bepaal kan word deur jou kliënt se behoeftes.

01 van 03

Wat om in 'n webblad-draadraamwerk in te sluit

Eenvoudige wireframe voorbeeld.

Al die belangrike elemente van 'n webblad moet in jou webblad-draadraamwerk verteenwoordig word. Gebruik eenvoudige vorms in plaas van werklike grafika en benoem hulle. Hierdie elemente sluit in:

02 van 03

Hoe om webwerf-draadraamwerke te skep

OmniGraffle Screenshot.

Daar is 'n verskeidenheid maniere om 'n webblad draadraamwerk te skep. Dit sluit in:

Teken dit met die hand op papier

Hierdie metode is handig wanneer dit van aangesig tot aangesig met 'n kliënt is. Skets jou uitleg idees op papier uit, met die klem op watter elemente waarheen moet gaan.

Gebruik Adobe Photoshop, Illustrator of ander sagteware

Die meeste grafiese sagteware pakkette is toegerus met al die basiese gereedskap wat nodig is om draadraamwerke te skep. Eenvoudige lyne, vorms en teks (om jou elemente te etiket) is al wat jy nodig het om 'n aanbiedbare draadraamwerk te skep.

Gebruik van sagteware wat vir hierdie tipe taak geskep is

Terwyl Photoshop en Illustrator die truuk kan doen, is sekere sagtewarepakkette spesifiek ontwikkel vir hierdie tipe werk. OmniGraffle is 'n stuk sagteware wat die skep van draadraamwerke vereenvoudig deur vorm-, lyn-, pyl- en teksgereedskap te verskaf op 'n leë doek. U kan selfs aangepaste grafiese stelle aflaai (gratis) by Graffletopia, wat u meer elemente, soos algemene webknoppies, gee om mee te werk.

03 van 03

Die voordele

Met die webwerf wireframes het u die voordeel om 'n eenvoudige lyntekening te maak om die verlangde uitleg te bereik. Eerder as om komplekse elemente om 'n bladsy te beweeg, kan dit baie min tyd neem om 'n paar bokse in nuwe posisies te sleep. Dit is ook baie meer produktief vir jou of jou kliënt om eers op die uitleg te fokus ... jy sal nie begin met kommentaar soos "Ek hou nie van daardie kleur daar nie!" In plaas daarvan sal jy begin met 'n gefinaliseerde uitleg en struktuur op wat om jou ontwerp te baseer.