w3.Photoshop.szm.sk
adobe photoshop tutoriály
Design a štýl
Web sa presťahoval
Obsah celého webu photoshop.szm.sk, vrátene blogu sťahujem na novú doménu – photoshopbook.net. Nová adresa blogu je: photoshopbook.net/weblog.
Na novej adrese webu nájdete:
Prosím všetkých, čo na tento web odkazujú, aby svoje odkazy pozmenili. Taktiež si môžte zmeniť odkaz v RSS čítačkách, adresy pre RSS sú:
- Návod a tutoriály: http://www.photoshopbook.net/photoshopbook-rss.xml
- Weblog: http://www.photoshopbook.net/weblog/rss/?limit=5
Ďakujem za pochopenie a tešte sa na kopec nových článkov.
Vložené: 09/06/07
Nepodceňujte design – Použiteľnosť – Štýl – designerov podpis – Prvky grafického deisgnu – Príklady
V tejto kapitole rozoberám niekoľko postrehov a odporúčaní pre tvorbu grafiky alebo designu. Pri pohľade na typografické a grafické hriechy na internete, či v tlačovinách odporúčam nasledujúce riadky všetkým.
Nepodceňujte design
Design je dôležitý, pretože kvalitný design predáva. Všeobecne, výrobky s kvalitným designom sa predávajú lepšie. To platí aj pri médiách. Je pravda, že človek hľadá informáciu, ale je nutné si uvedomiť, že v príjemnom prostredí (webu, alebo časopisu) sa informácia získa ľahšie a zákazník, či návštevník je spokojnejší. Teda pri ponúkaní informácií záleží na forme.
Použiteľnosť
Praktickosť a účelnosť
Je potrebné dbať, aby bol design praktický. Nutnosťou každého designu je aby slúžil, nemiatol, či nezavadzal. Design musí spĺňať svoj účel, alebo aj viacero praktických účelov. Neobmedzujte ľudí svojím designom, ktorý bráni štandardnému použitiu. Myslite na zvyklosti a potreby ľudí, ktorým svoj design prispôsobujte, nenúťte prispôsobiť ľudí designu, ale naopak.
Zachovajte prehľadnosť
Návštevník a čitateľ musí rýchlo nájsť informáciu, ktorú hľadá. Vždy musí vedieť, kde sa práve nachádza a kam, ako môže ďalej pokračovať. Ovládanie webu, či rozmiestnenie obsahu knihy musí byť intuitívne (obsah na začiatku, register na konci, čísla strán v rohu dole a pod.).
Štýl – designerov podpis
Design musí mať určitý štýl, poznačený autorom, teda designerom. Štýl pomáha zapamätať si črty výrobku, čím sa zlepšuje jeho propagácia a povedomie značky. Štýl by mal byť vlastný, pre autora typický a originálny. Zároveň by mal autor dbať, aby sa stále neopakoval po sebe. Do svojich prác by mal vnášať nové prvky a starať sa o originalitu riešení.
Seba–plagiátorizmus je štýl
–Alfred Hitchcock
V jednoduchosti je krása
Nepoužívajte zložité efekty, veľa farieb a chaotické tvary. Používateľ je zbytočne zmätený a dezorientovaný. Jednoduché línie a holý text spolu vytvárajúci vkusný celok, ktorý je pre oko čitateľa príjemnejší ako zložité, do posledného pixelu prepracované webové stránky, v ktorých sa nevie zorientovať ani ich autor. Návštevník nepotrebuje sofistikovaný design, z ktorého ho rozbolí hlava, stačí mu príjemné prostredie, kam sa bude rád vracať.
Vyhýbajte sa zbytočným obrázkom a grafike. Nepoužívajte neúčelnú grafiku. Na webe zbytočne zvyšuje prenos dát, v časopise zaberá miesto, ktoré možno využiť lepšie. Ak ten obrázok nieje nutný, nepoužite ho.
Prvky grafického deisgnu
Priestor
Vedieť správne využívať daný priestor je takmer umenie. Nesnažte sa nasilu naplniť stránku obsahom, alebo designom. Voľné biele plochy vytvárajúce dojem priestorovosti obsahu napomáhajú k sústredeniu a celé prostredie spríjemňujú. Netreba sa báť prázdneho priestoru, ale treba ho rozumne využívať. No na druhej strane nieje dobré ak sa priestorom zbytočne plytvá, treba si ho ustrážiť.
Farby
Nepoužívajte veľa farieb. Vyberte si jednu, dve farby, ktoré vhodne kombinujte s bielim pozadím. Kombinácie by sa mali k sebe hodiť a nenarúšať obsah. Nepoužívajte ostré kontrasty a krikľavé farby. Vhodné a príjemné sú pastelové a mierne našedivelé odtiene. Snažte sa vytvoriť farbami dojem sviežosti. Dávajte si pozor aby ste si príliš neobľúbili jednu farbu a nepoužívali ju všade. Prečo sú všetky weby modré?
Efekty
Nepoužívajte zložité a lacné efekty rastrových programov. Nieje to nutné. Koľko krát som už videl motion blur efekt aplikovaný na text? Nespočetne mnoho. Je to nudné a neoriginálne.
Nechajte text textom
Dbajte na čitateľnosť textu. Nezmenšujte jeho veľkosť aj keď je to teraz nanešťastie v móde. Kto to bude potom čítať? Nechávajte dostatočné medzery medzi riadkami a používajte štandardné písma. Nenahradzujte nadpisy obrázkami a nedávajte biely text na čierne pozadie. Veľmi to unavuje oči. Nevytvárajte zbytočné prekážky svojim zákazníkom resp. návštevníkom, či čitateľom.
Animácia? Určite nie!
Nepoužívajte na svojich webových stránkach žiadne animácie, hlavne ak sú súčasťou designu. Zavadzajú, zbytočne zvyšujú dátový prenos a hlavne rozptyľujú, vyrušujú čitateľa. To sa fakt nedá čítať, keď tam bliká nejaké pozadie, alebo stále vyskakuje reklama. Nie každý dokáže presedieť niekoľko hodín pri počítači a z animácií začne ľudí rýchlo bolieť hlava (to je pravda, takých ľudí je príliš veľa nato aby sme to mohli zanedbať). Návštevník spravidla odchádza.
Príklady
Zopár pozitívnych príkladov na dobre zvládnutý design.
Web: Dlouhý Web – takmer dokonalý web vo všetkých smeroch (použiteľnosť, prístupnosť, prehľadnosť, príjemné prostredie a kvalitný obsah)
Kniha: Eric Meyer o CSS ovládněte kaskádové styly! – graficky žiadny zázrak ale typograficky je to veľmi pekná a prehľadná kniha (a to ani nehovorím o jej obsahu)
Magazín: Dimensioni nuove – taliansky časopis, u nás ho asi nezoženiete (škoda). Výborná práca s prázdnym priestorom.
