A weboldal drótvázai egyszerű vonalrajzok, amelyek az elemek elhelyezését mutatják meg egy weboldalon. Nagyon sok időt takaríthat meg egy egyszerű drótvázat elrendezésével a tervezési folyamat elején, a későbbi komplex tervezés helyett.
A drótvázak használata remek módja annak, hogy elkezdjék a weboldal projektjét, mivel lehetővé teszi számodra, hogy az ügyfél és ügyfele az elrendezésre koncentráljon, a szín, a típus és egyéb tervezési elemek figyelmen kívül hagyása nélkül. Koncentráljon arra, hogy mi jár az internetes oldalain, és hogy az egyes elemek mennyi helyet foglalnak el, amit az ügyfél igényei határozhatnak meg.
01. 03. sz
Mit kell tartalmaznia a Wireframe webhelyen?
A weboldal minden fontos elemét a weboldal drótvázán kell megjeleníteni. Használjon egyszerű alakzatokat a tényleges grafika helyett, és címkézze azokat. Ezek az elemek a következők:
- Navigáció: a felhasználók gombjai a webhely fő szakaszainak megtekintéséhez.
- Céglogó: Csak egy doboz képviselhetõ.
- Tartalmi területek: Hol jelenik meg a tartalom különböző részei?
- Keresőmezők
- Felhasználói bejelentkezési területek
02. 03. sz
Hogyan hozzunk létre weboldal Wireframe-eket
Számos módja van a weboldal drótvázának létrehozására. Tartalmazzák:
Rajzolás kézzel papírra
Ez a módszer hasznos, ha egy klienssel szemtől szembe kerül. Vázolja ki az elrendezés ötleteit papíron, különös figyelmet fordítva arra, hogy mely elemek kellenek hova.
Adobe Photoshop, Illustrator vagy egyéb szoftver használata
A legtöbb grafikus szoftvercsomag megtalálható minden olyan alapvető eszközzel, amely a drótkötelek létrehozásához szükséges. Egyszerű vonalak, formák és szöveg (az elemek címkézéséhez) mindössze egy bemutatható drótváz létrehozására van szükség.
A feladathoz létrehozott szoftver használata
Míg a Photoshop és az Illustrator megcsinálhatja a trükköt, bizonyos szoftvercsomagokat fejlesztenek ki kifejezetten az ilyen típusú munkákhoz. Az OmniGraffle egy olyan szoftver, amely egyszerűsíti a drótvázak létrehozását azáltal, hogy formanyomtatványokat, sorokat, nyílokat és szöveges eszközöket biztosít egy üres vászonra. A Graffletopia-ban akár saját grafikus készleteket is letölthet (ingyen), amely több elemet, például közös web gombokat kínál, amelyekkel együtt dolgozhat.
03. 03. sz
Az előnyök
A weboldal drótvázakkal előnye, hogy egyszerű vonalrajzot állít be a kívánt elrendezés elérése érdekében. Ahelyett, hogy komplex elemeket mozgatna egy oldal körül, nagyon kevés időt vehet igénybe ahhoz, hogy néhány dobozt új pozícióba húzzon. Sokkal produktívabb az Ön vagy ügyfele, hogy elsősorban az elrendezésre összpontosítson ... nem fogsz megkezdeni olyan megjegyzéseket, mint például: "Nem szeretem a színt ott!", Hanem egy végleges elrendezéssel és struktúrával kezdje amely a design alapját képezi.