Dráta webových stránok sú jednoduché líniové výkresy, ktoré zobrazujú umiestňovanie prvkov na webovej stránke. Môžete ušetriť veľa času úpravou rozloženia jednoduchého drôtu na začiatku procesu návrhu namiesto komplexného návrhu neskôr.
Použitie drátových rámov je skvelý spôsob, ako začať s projektom webových stránok, pretože vám a vášmu klientovi môžete zamerať sa na rozloženie bez rozptýlenia farieb, typu a ďalších dizajnových prvkov. Zamerajte sa na to, čo sa deje na vašich webových stránkach a na percentuálny podiel priestoru, ktorý každý prvok zaberá, čo môže byť určené potrebami vášho klienta.
01 z 03
Čo zahrnúť do webového skeletu
Všetky dôležité prvky webovej stránky by mali byť zastúpené vo vašom webovom portfóliu. Použite jednoduché tvary namiesto skutočnej grafiky a označte ich. Tieto prvky zahŕňajú:
- Navigácia: Tlačidlá, ktoré umožňujú používateľom navštíviť hlavné časti vašej lokality.
- Logo spoločnosti: Môže byť reprezentované iba kartou.
- Oblasti obsahu: Kde sa budú zobrazovať vaše rôzne časti obsahu?
- Vyhľadávacie polia
- Prihlasovacie oblasti používateľa
02 z 03
Ako vytvoriť webový drát
Existuje mnoho spôsobov, ako vytvoriť webový kábel. Zahŕňajú:
Ručné kreslenie na papieri
Táto metóda je užitočná pri konfrontácii s klientom. Navrhujte nápady na usporiadanie na papieri so zameraním na to, ktoré prvky by mali ísť tam.
Používanie aplikácie Adobe Photoshop, Illustrator alebo iného softvéru
Väčšina grafických softvérových balíkov je vybavená všetkými základnými nástrojmi potrebnými na vytvorenie drôtených rámov. Jednoduché riadky, tvary a text (na označenie vašich prvkov) sú všetko, čo potrebujete na vytvorenie prezentovateľného drôteného rámu.
Používanie softvéru vytvoreného pre tento typ úlohy
Kým triky Photoshop a Illustrator dokážu urobiť trik, niektoré softvérové balíky sú vyvinuté špeciálne pre tento typ práce. OmniGraffle je softvér, ktorý zjednodušuje vytváranie drôtených rámov tým, že poskytuje tvar, riadok, šípku a textové nástroje na použitie na prázdnom plátne. Môžete dokonca sťahovať vlastné grafické súbory (zadarmo) v Graffletopia, ktoré vám dávajú viac prvkov, ako sú bežné tlačidlá webových stránok, s ktorými môžete pracovať.
03 z 03
Výhody
S drátovými webovými stránkami webových stránok máte výhodu ladenia jednoduchého kreslenia čiary na dosiahnutie požadovaného rozloženia. Namiesto toho, aby sa pohybovali zložité prvky okolo stránky, môže trvať veľmi málo času na presun niekoľkých krabičiek na nové pozície. Je tiež oveľa produktívnejšie, aby ste sa vy alebo váš klient najprv zamerať na usporiadanie ... nebudete začať s komentármi ako "Nepáči sa mi tu farbu!" Namiesto toho začnete s finalizovaným rozložením a štruktúrou na na ktoré sa váš dizajn zakladá.