Nejen lidi potkává jejich oblečení, ale také webové stránky. Šaty webu je jeho design. Vysoce kvalitní a atraktivní design zdroje působí na uživatele příznivým dojmem, čímž zajišťuje jejich loajalitu a ochotu věnovat svůj čas dalšímu sledování. Kromě kvality je důležitá originalita a jedinečnost designu. Opotřebovaná témata návštěvníky odpuzují. Vývoj jedinečného designu je ale nákladný. Proto mnoho začínajících webmasterů přemýšlí, jak nakreslit design webu vlastníma rukama.
Je to nutné
- - tužka;
- - papír;
- - editor rastrových grafik GIMP nebo Photoshop;
- - volitelně: editor vektorové grafiky (například CorelDraw);
- - volitelné: prostředí 3D modelování (3DStudio, Blender);
- - moderní prohlížeč;
- - přístup k internetu.
Instrukce
Krok 1
Vytvořte koncept designu webových stránek. Rozhodněte o stylu, barevném schématu, rozložení stránky (velikost záhlaví webu, umístění nabídky, textové bloky, obrázky). Je dobré, když koncepce designu vychází z originálních nápadů. Pokud však chybí, můžete se inspirovat analýzou stávajících řešení. Například procházení katalogů populárních témat CMS. Výsledkem práce může být skica stránky webu, vytvořená tužkou na listu papíru, označující zóny pevné a různé velikosti.
Krok 2
Vytvořte prázdnou šablonu stránky webu v editoru rastrových grafik. Otevřete nový dokument v grafickém editoru. Velikosti dokumentů by měly být mnohem větší než minimální velikost stránky, a to jak horizontálně (i když nemáte v úmyslu vytvořit „plynulý“design), tak i vertikálně. Přidejte novou průhlednou vrstvu. V přidané vrstvě nakreslete obrázek šablony stránky čarami o tloušťce 1 pixel, přičemž respektujte skutečné rozměry prvků. U návrhů stránek s pevnou šířkou určete okraje, které budou vyplněny barvou pozadí.
Krok 3
Stahujte z internetu nebo si navrhněte vlastní designové prvky stránky. Logo a jedinečné designové prvky lze vytvářet v prostředí 3D modelování, vektorovém nebo rastrovém editoru. Velké množství tematických obrázků s vysokým rozlišením je obsaženo ve bezplatných internetových fotobankách. Na internetu jsou také bezplatné sbírky ikon, které můžete volně používat ve svých projektech.
Krok 4
Nakreslete design webu. Přidejte průhledné vrstvy do dokumentu obsahujícího šablonu pro webovou stránku v grafickém editoru. Vyberte a vyplňte oblasti, které odpovídají pozadí stránky. Vyplňte oblasti přechodovou výplní a pravidelnými texturami. Vložte logo, statické obrázky, ikony. Nakreslete hranice bloku. Přidejte nějaký text. Umístěte každý dokončený designový prvek, statický obrázek a logo do samostatné vrstvy. Přesuňte obrázky ve vrstvách, abyste dosáhli požadovaného rozložení.
Krok 5
Uložte funkční „zdroj“designu webu v „nativním“formátu grafického editoru. To vám umožní později se vrátit k jeho úpravám.
