Nem csak az emberek találkoznak a ruhájukkal, hanem a weboldalak is. Az oldal ruhája a kialakítása. Az erőforrás magas színvonalú és vonzó kialakítása kedvező benyomást tesz a felhasználókra, biztosítva ezzel lojalitásukat és hajlandóságukat arra, hogy idejüket a további megtekintésre fordítsák. A minőség mellett fontos a tervezés eredetisége és egyedisége. A jól megszokott témák taszítják a látogatókat. De az egyedi design kidolgozása drága. Ezért sok kezdő webmester kíváncsi arra, hogyan lehet saját kezűleg megrajzolni a weboldal tervezését.
Szükséges
- - ceruza;
- - papír;
- - raszteres grafikus szerkesztő GIMP vagy Photoshop;
- - opcionális: vektorgrafikus szerkesztő (például CorelDraw);
- - választható: 3D modellezési környezet (3DStudio, Blender);
- - modern böngésző;
- - hozzáférés az internethez.
Utasítás
1. lépés
Készítsen weboldal-tervezési koncepciót. Döntse el a stílust, a színvilágot, az oldalelrendezést (a webhely fejlécének mérete, a menü helye, a szövegblokkok, a képek). Jó, ha a tervezési koncepció eredeti ötleteken alapul. De ha hiányoznak, inspirációt meríthet a meglévő megoldások elemzéséből. Például a népszerű CMS-témák katalógusainak böngészése. A munka eredménye lehet a helyszín oldalának vázlata, amelyet ceruzával készítenek egy papírlapra, megjelölve a rögzített és változó méretű zónákat.
2. lépés
Hozzon létre egy üres webhelysablont egy raszteres grafikus szerkesztőben. Nyisson meg egy új dokumentumot egy grafikus szerkesztőben. A dokumentumméreteknek jóval nagyobbaknak kell lenniük, mint a minimális oldalméret, mind vízszintesen (még akkor is, ha nem szándékoznak "gördülékeny" képet készíteni), mind függőlegesen. Adjon hozzá egy új átlátszó réteget. A hozzáadott rétegben rajzolja meg az oldal sablonjának képét 1 pixel vastag vonalakkal, tiszteletben tartva az elemek tényleges méreteit. Rögzített szélességű oldalterveknél jelölje ki a margókat, amelyek kitöltődnek a háttérszínnel.
3. lépés
Töltse le az internetről, vagy tervezze meg saját oldalának tervezési elemeit. A logó és az egyedi design elemek létrehozhatók a 3D modellezési környezetben, vektoros vagy raszteres szerkesztőben. Nagyszámú nagy felbontású tematikus kép található az ingyenes internetes fotóbankokban. Az interneten ingyenes ikongyűjtemények is találhatók, amelyeket szabadon felhasználhat projektjeiben.
4. lépés
Rajzoljon egy weblaptervet. Adjon hozzá átlátszó rétegeket egy dokumentumhoz, amely egy weblap sablonját tartalmazza egy grafikus szerkesztőben. Jelölje ki és töltse ki azokat a területeket, amelyek megfelelnek az oldal hátterének. Töltse ki a területeket gradiens kitöltéssel és periodikus textúrákkal. Helyezzen be logót, statikus képeket, ikonokat. Húzza meg a blokkhatárokat. Adjon hozzá szöveget. Helyezzen minden kész dizájnelemet, statikus képet és logót külön rétegre. A kívánt elrendezés elérése érdekében rétegesen mozgassa a képeket.
5. lépés
Mentse a webhelyterv működő "forrását" a grafikus szerkesztő "natív" formátumában. Ez lehetővé teszi, hogy később visszatérjen a szerkesztéshez.
