Každý vlastník stránok sníva o jedinečnom dizajne svojho zdroja. Každý vie, že človek sa stretáva s oblečením. To isté platí pre web, pretože návštevník najskôr upozorňuje na dizajn projektu a potom na obsah. Ak je dizajn príliš svetlý alebo naopak nevýrazný, používateľ čoskoro opustí zdroj. Nepreplňujte web zbytočnými prvkami, pretože webové zdroje s minimalistickým dizajnom často vyzerajú oveľa zaujímavejšie. Ako vytvoriť dizajn webovej stránky?
Celý proces návrhu je v skutočnosti možné rozdeliť do troch fáz: vytvorenie náčrtu, vytvorenie rozloženia v grafickom editore, návrh rozloženia. Náčrt návrhu môže byť nakreslený v jednoduchom editore fotografií alebo obyčajnou ceruzkou na kus papiera. Pokiaľ ide o rozloženie, väčšinou návrhári používajú Photoshop ako najvýkonnejší grafický editor existujúcich. Pre návrh rozloženia budete potrebovať znalosť značkovacieho jazyka hypertextu a CSS. Pred vytvorením vlastného dizajnu si položte niekoľko jednoduchých otázok: poznám HTML a CSS a tiež môžem pracovať s grafickým editorom?
Ak odpoviete záporne, proces vytvorenia dizajnu nepresiahne prvú fázu. Nakreslenie náčrtu je ľahké, ale nie každý používateľ môže vytvoriť rozloženie a vytvoriť hotový dizajn. Ako výsledok sa odporúča, aby ste sa najskôr naučili základy HTML | CSS, ako aj pozerali niekoľko tréningových videí o Photoshope, aby ste vedeli, kde sa nachádza každý nástroj, ako používať filtre a oveľa viac..
Predtým, ako začnete skicovať, si vo svojej hlave vytvorte obraz budúceho dizajnu. Upozorňujeme, že akýkoľvek dizajn pozostáva z nasledujúcich častí:
- „Hlavička“ stránky je hornou časťou každého dizajnu, ktorý spravidla obsahuje logo, názov stránky a niekoľko tlačidiel (kontakty, o autorovi). Čiapka môže mať rôzne výšky, ale zvyčajne tento parameter nepresahuje 300 pixelov. V hornej časti stránky sa často nachádzajú vyhľadávacie formuláre a reklamné bannery.
- Bočný panel - bočná ponuka stránky. Vedľajšie informácie a ďalšie prvky sú umiestnené v bočnom paneli: blok s čerstvými článkami, vyhľadávací formulár, rôzne prieskumy verejnej mienky a kalendáre, odkazy, reklama, prvky navigácie v zdroji. Niekoľko postranných panelov sa môže použiť v dizajne miesta, ale existujú aj návrhy bez postranných stĺpcov.
- „Suterén“ je spodná časť stránky. Zvyčajne obsahuje odkaz na hlavné zdroje a autorské práva v štýle „(c) 2014 Najlepšie stránky“. V posledných rokoch sa však koncept „suterénu“ dizajnu zmenil s príchodom mobilných zariadení. V "suteréne" prvky začali usadiť, ktoré sú zvyčajne umiestnené v bočných paneloch.
- „Hlavná časť“ je blok, v ktorom je umiestnený hlavný obsah. Väčšina návrhárov umiestňuje hlavnú časť lokality do stredu, aby bolo pohodlnejšie prečítať tento materiál.
Takže teraz viete, z čoho blokuje web. Je čas začať riešiť otázku, ako sami vytvoriť webovú stránku. Otvorte najjednoduchší editor fotografií (stačí maľovať) a vytvorte novú šablónu s rozlíšením 1280 × 1024. Je potrebné pripomenúť, že pri vytváraní stránok sa metrické merania nepoužívajú. Všetky bloky sú "merané" v pixloch.
Napríklad sa rozhodnete kresliť pomocou jedného bočného panela. V grafickom editore označte hranice suterénu, nadpisy stránok a bočný panel.
Máte nápad vytvoriť niekoľko postranných stĺpcov a umiestniť obsah do stredu? Skvelé, ale pri označovaní zvážte šírku bočných panelov a priestor pre hlavný obsah. Bočné stĺpce by nemali byť príliš široké (nie viac ako 300 pixelov) a pod hlavným obsahom by malo zostať najmenej 500 pixelov, inak bude text nevhodný na čítanie..
Keď sú rozmiestnené hlavné značky, je čas doplniť náčrt návrhu prvkami. Pridajte autorské práva do suterénu, do bloku s vyhľadávacím formulárom, nadpisom atď. Dizajnová skica zaujme zaujímavejším vzhľadom a nebude súborom geometrických tvarov..
Ak ste sa naučili pracovať vo Photoshope, je čas previesť skicu do rozloženia. Predtým však rozhodnite o farbách webu. Pre spravodajské weby je vhodnejšia farba bieleho pozadia, farba čierneho textu a farba modrého odkazu. Ak je dizajn vytvorený pre stránku ženskej alebo turistickej témy, použite jasnejšie farby. Zároveň by ste nemali robiť vianočný stromček z dizajnu, pretože množstvo farieb narúša vnímanie hlavného obsahu..
Začnite vyplňovať každý blok rozloženia grafikou. Experimentujte s farbami a pozadím, vytvorte si vlastné prvky a tlačidlá. Na internete však existuje veľké množstvo rôznych prostredí, tlačidiel na vytvorenie dizajnu.
Keď je rozloženie konečne pripravené, nakrájajte ho na bloky a vytvorte z neho návrh. Zároveň každú vrstvu podpíšte, aby sa ľahšie ukladala.
S príchodom mobilných zariadení vzrástla popularita responzívnych gumových vzorov. Každý používateľ môže pre svoju stránku vytvoriť motív, ale skutočný dizajnér ju môže prispôsobiť všetkým zariadeniam. Na začiatku svojho návrhu „kariéra“ skúste začať s jednoduchou šablónou.
Nezabudnite na tri jednoduché pravidlá pre „skvelý dizajn“:
- text by mal byť dobre čitateľný, aj keď sú obrázky v prehliadači zakázané;
- skúste nepoužívať vyrviglaznye farby;
- vytvoriť pohodlnú navigáciu na webe.
Po vytvorení návrhu a jeho prenose na stránku ho určite vyskúšajte v rôznych prehliadačoch. Prilákajte priateľov a známych na testovanie, pretože kritika iných ľudí má na osobu pozitívny vplyv. Pamätajte na základné pravidlo: dizajn stránok by sa vám nemal páčiť iba vám, ale aj iným používateľom. Preto vždy počúvajte názory návštevníkov vášho projektu..
