Každý majitel stránek sní o jedinečném designu svého zdroje. Každý ví, že člověk se setká s oblečením. Totéž platí pro web, protože návštěvník nejprve upozorní na design projektu a poté na obsah. Pokud je design příliš jasný nebo naopak nevýrazný, uživatel zdroj brzy opustí. Nepřeplňujte web nepotřebnými prvky, protože webové zdroje s minimalistickým designem často vypadají mnohem zajímavěji. Jak vytvořit design webových stránek?
Celý proces návrhu lze ve skutečnosti rozdělit do tří fází: vytvoření náčrtu, vytvoření rozvržení v grafickém editoru, návrh rozvržení. Náčrt návrhu lze nakreslit v jednoduchém editoru fotografií nebo obyčejnou tužkou na kus papíru. Pokud jde o rozvržení, většina návrhářů používá Photoshop jako nejvýkonnější grafický editor stávajících. Pro návrh rozvržení budete potřebovat znalost značkovacího jazyka hypertextu a CSS. Před vytvořením vlastního návrhu si položte několik jednoduchých otázek: Znám HTML a CSS a také mohu pracovat s grafickým editorem?
Pokud odpovíte záporně, pak proces vytváření návrhu nepřekročí první fázi. Nakreslení náčrtu je snadné, ale ne každý uživatel může vytvořit rozvržení a vytvořit hotový návrh. Proto doporučujeme začít se základy HTML | CSS a také sledovat několik tréninkových videí o Photoshopu, abyste věděli, kde je každý nástroj umístěn, jak aplikovat filtry a mnohem více.
Než začnete skicovat, vytvořte si v hlavě obraz budoucího designu. Vezměte prosím na vědomí, že jakýkoli design se skládá z následujících částí:
- "Záhlaví" webu je horní část jakéhokoli designu, který zpravidla obsahuje logo, název webu a několik tlačítek (kontakty, o autorovi). Čepice může mít různé výšky, ale obvykle tento parametr nepřesahuje 300 pixelů. V horní části stránky jsou často vyhledávací formuláře a reklamní bannery.
- Boční panel - postranní nabídka webu. V postranním panelu jsou umístěny sekundární informace a další prvky: blok s čerstvými články, vyhledávací formulář, různé průzkumy veřejného mínění a kalendáře, odkazy, reklama, prvky navigace na zdroji. V designu stránek lze použít několik postranních panelů, ale existují i návrhy bez postranních sloupců.
- „Suterén“ je spodní část webu. Obvykle obsahuje odkaz na hlavní zdroj a autorská práva ve stylu „(c) 2014 Nejlepší web“. V posledních letech se však koncept „suterénu“ designu změnil s příchodem mobilních zařízení. V „suterénu“ se začaly usazovat prvky, které jsou obvykle umístěny v postranních lištách.
- „Hlavní část“ je blok, v němž je umístěn hlavní obsah. Většina návrhářů umísťuje hlavní část webu do středu, takže je vhodnější přečíst tento materiál.
Takže nyní víte, z čeho se blok skládá. Je čas začít řešit otázku, jak sami vytvořit design webových stránek. Otevřete nejjednodušší editor fotografií (stačí malovat) a vytvořte novou šablonu s rozlišením 1280 × 1024. Je třeba připomenout, že při vytváření webů se metrická měření nepoužívají. Všechny bloky jsou "měřeny" v pixelech.
Například se rozhodnete nakreslit pomocí jednoho postranního panelu. V grafickém editoru označte okraje suterénu, záhlaví webů a postranní panel.
Máte nápad vytvořit několik postranních sloupců a umístit obsah do středu? Skvělé, ale při označování zvažte šířku postranních lišt a prostor pro hlavní obsah. Postranní sloupce by neměly být příliš široké (ne více než 300 pixelů) a pod hlavním obsahem by mělo zůstat nejméně 500 pixelů, jinak bude text pro čtení nevhodný.
Když jsou hlavní značky rozmístěny, je čas doplnit náčrt návrhu prvky. Přidejte autorská práva do suterénu, do bloku s vyhledávacím formulářem, titulem atd. Návrhová skica zaujme zajímavějším pohledem a nebude to sada geometrických tvarů..
Pokud jste se naučili pracovat ve Photoshopu, je čas převést náčrt do rozvržení. Předtím však rozhodněte o barvách webu. Pro zpravodajské weby je vhodnější barva bílé pozadí, barva černého textu a barva modrého odkazu. Pokud je návrh vytvořen pro web ženského nebo turistického motivu, použijte jasnější barvy. Současně byste neměli vymýšlet vánoční stromek z designu, protože hojnost barev narušuje vnímání hlavního obsahu.
Začněte vyplňovat každý blok rozvržení grafikou. Experimentujte s barvami a pozadím, vytvořte si vlastní prvky a tlačítka. Na internetu však existuje obrovské množství různých pozadí, tlačítka pro vytvoření návrhu.
Když je rozvržení konečně připraveno, rozdělte jej na bloky a vytvořte z něj návrh. Zároveň podepište každou vrstvu, aby bylo snazší ji uložit.
S příchodem mobilních zařízení rostla popularita responzivních pryžových vzorů. Každý uživatel může pro své stránky vytvořit téma, ale pouze skutečný návrhář ho může přizpůsobit všem zařízením. Na začátku svého návrhu „kariéra“ zkuste začít jednoduchou šablonou.
Pamatujte na tři jednoduchá pravidla pro „skvělý design“:
- text by měl být dobře čitelný, i když jsou obrázky v prohlížeči zakázány;
- zkuste nepoužívat vyrviglaznye barvy;
- vytvořit pohodlnou navigaci na webu.
Po vytvoření návrhu a jeho přenosu na web nezapomeňte vyzkoušet v různých prohlížečích. Přilákejte přátele a známé na testování, protože kritika ostatních lidí má na člověka pozitivní vliv. Nezapomeňte na základní pravidlo: design webu by se měl líbit nejen vám, ale i jiným uživatelům. Proto vždy naslouchejte názorům návštěvníků vašeho projektu..
