Léiert Dir einfache Wireframes benotzen fir Är Motiver ze starten
Ee Webdrahtfrëndin ass e einfache visuelle Guide fir ze weisen, wéi eng Websäit kucken. Et schreift d' Struktur vun enger Säit , ouni datt Dir Graphiken oder Text benotzt. Eng Websäit Drahmaart wäiss déi ganz Site Struktur ze gesinn - och wat Säiten verlinkt sinn.
Webraffrogramm sinn e super Wee fir Är Design Aarbecht ze starten. A wann et méiglech ass komplexe Drahmer mat grousser Mengen vum Detail ze kreéieren, kann Är Planung mat enger Servette begleeden a mat engem Stëft. De Schlëssel fir gutt Wireframe ze maachen ass all visuell Elementer ze verloossen. Kachen a Zeilen benotzen fir Fotoen an Text ze representéieren.
Saachen déi op enger Websäit Wireframe setzen:
- Këschte fir primär graphesch Elementer
- Plaze vu Schlësselen an Ënnerkonditiounen
- enger einfacher Layoutstruktur
- Uriff op eng Aktioun
- Textblock
Wéi een einfache Web Wireframe ze bauen
Schreift Dir eng Webseite Wireframe mat all Schrëftstéck, déi Dir Är Handvoll hutt. Hei ass wéi ech et maachen:
- Ee grousst Rechteck ze weisen - dëst kann d'ganz Säit oder just den sichtbaren Deel representéieren. Ech begéinen normalerweis mat dem sichtbaren Deel, a wandert et dann ergräift Elementer déi ënner dem Fold wären.
- Skizzen de Layout - et ass 2 Colonnen, 3 Spalten?
- Fügt an engem Këscht fir eng Header Grafik - Zeien iwwer Är Spalten, wann Dir et wëlls dass et e puer Header ob de Spëtznumm ass oder just addéieren, wou Dir et wëllt.
- Schreibe "Headline" wou Dir wëllt Är H1 Headliner sinn.
- Schreibe "Sub-Head" wou Dir wëllt H2 an eng kleng Schlësselen sinn. Et hëlleft wann Dir se proportional ass - h2 méi kleng wéi h1, h3 méi kleng wéi h2, etc.
- Fügt Këschte fir aner Biller
- An Navigatioun dobäisetzen. Wann Dir Pläng fir Tabs plangt, zéien nëmme Këschten, a schreiwen "Navigatioun" am Top. Oder setzen Bullië Lëschten an de Kolonnen wou Dir d'Navigatioun wëllt. Schreift net den Inhalt. Gitt einfach "Navigatioun" oder benotzt eng Zeil fir Text ze vertrieden.
- Zousätzlech Elementer op der Säit addéieren - wat se mat Text sinn, awer benotzt den eigentleche Text net. Zum Beispill, wann Dir e Knäppche fir Action Knäppchen am ënneschten Recht wëllt, da klickt e Këscht, a labell et "d'Aktivitéit ruffe". Schreift net "Kuckt elo!" an dësem Këscht.
Soubal Dir Äre einfache Wireframe geschriwwe hutt, an et sollt Iech net méi wéi 15 Minutten daueren, fir een ze skizzéieren, ze weisen op en aneren. Frot si ob et näischt fehlt an fir aner Feedback. Baséierend wéi et seet, Dir kënnt en anere Wireframe schreiwen oder Dir déi déi Dir hutt.
Firwat Paper Wireframes beste sinn fir éischt Draft
Obwuel et méiglech sinn Iwwerrüstunge mat Programmer wéi Visio ze kreéieren fir Är initial Brainstorming Sessiounen, da sollt Dir op Pabeier bleiwen. Pabeier schéngt net permanenter ze sinn a vill Leit wäerten Iech huelen an 5 Minuten zesummen hunn, fir datt Dir gutt Feedback huet. Awer wann Dir e Programm benotzt fir Phantasiewieder duerch perfekt Quadrate an Faarwen ze kreéieren, fuerdere mir de Risiko fir am Programm selwer erauszefannen an d'Stonnen d'Zäit ze perfektionéieren, wat net ëmmer erëm geet.
Pabeier Drahder sinn einfach ze maachen. A wann Dir et net gefällt, maacht Dir just de Pabeier op, bräicht et op d'Verwäertung eraus a fiert e neie Blat.