Nielen ľudí stretne oblečenie, ale aj webové stránky. Šaty stránky sú jej dizajnom. Kvalitný a atraktívny dizajn zdroja vytvára na používateľov priaznivý dojem, čím zaisťuje ich lojalitu a ochotu venovať svoj čas ďalšiemu prezeraniu. Okrem kvality je dôležitá originalita a jedinečnosť dizajnu. Opotrebované témy návštevníkov odpudzujú. Vývoj jedinečného dizajnu je však drahý. Preto sa veľa začínajúcich správcov webu pýta, ako nakresliť návrh webových stránok vlastnými rukami.
Je to nevyhnutné
- - ceruzka;
- - papier;
- - editor rastrových grafík GIMP alebo Photoshop;
- - voliteľné: editor vektorovej grafiky (napríklad CorelDraw);
- - voliteľné: prostredie 3D modelovania (3DStudio, Blender);
- - moderný prehliadač;
- - prístup na internet.
Inštrukcie
Krok 1
Vytvorte koncepciu dizajnu webových stránok. Rozhodnite o štýle, farebnej schéme, rozložení stránky (veľkosť hlavičky webu, umiestnenie ponuky, textové bloky, obrázky). Je dobré, ak koncepcia návrhu vychádza z originálnych nápadov. Ak však chýbajú, môžete sa inšpirovať analýzou existujúcich riešení. Napríklad prezeranie katalógov populárnych tém CMS. Výsledkom práce môže byť náčrt stránky webu, vyrobený ceruzkou na hárku papiera, vyznačujúci zóny pevnej a rôznej veľkosti.
Krok 2
Vytvorte prázdnu šablónu stránky v rastrovom grafickom editore. Otvorte nový dokument v grafickom editore. Veľkosti dokumentu by mali byť oveľa väčšie ako minimálna veľkosť stránky horizontálne (aj keď nemáte v úmysle vytvoriť „plynulý“dizajn) a vertikálne. Pridajte novú priehľadnú vrstvu. V pridanej vrstve nakreslite obrázok šablóny stránky pomocou čiar s hrúbkou 1 pixel, rešpektujúc skutočné rozmery prvkov. Pre návrhy stránok s pevnou šírkou určte okraje, ktoré budú vyplnené farbou pozadia.
Krok 3
Stiahnite si z internetu alebo si navrhnite vlastné prvky návrhu stránky. Logo a jedinečné dizajnové prvky je možné vytvárať v prostredí 3D modelovania, vektorovom alebo rastrovom editore. Veľké množstvo tematických obrázkov s vysokým rozlíšením obsahuje bezplatné internetové fotobanky. Na internete sú tiež bezplatné zbierky ikon, ktoré môžete voľne používať vo svojich projektoch.
Krok 4
Nakreslite návrh webových stránok. Pridajte priehľadné vrstvy do dokumentu obsahujúceho šablónu pre webovú stránku v grafickom editore. Vyberte a vyplňte oblasti, ktoré zodpovedajú pozadiu stránky. Vyplňte oblasti prechodovou výplňou a pravidelnými textúrami. Vložte logo, statické obrázky, ikony. Nakreslite hranice blokov. Pridajte nejaký text. Každý hotový dizajnový prvok, statický obrázok a logo umiestnite na samostatnú vrstvu. Presúvajte obrázky po vrstvách, aby ste dosiahli požadované rozloženie.
Krok 5
Uložte funkčný „zdroj“dizajnu stránky v „natívnom“formáte grafického editora. Toto vám umožní neskôr sa vrátiť k jeho úpravám.
