Grafika (Design)

Libor Beněk

Design dělá stránky

• Podle vzhledu stránek si vytvoříme prvotní úsudek

Je to o vkusu

• Design je velmi intuitivní záležitost.
• záleží na věku
• životním stylu
• náladě

Cílem je vytvořit příjemné prostředí

• Příjemné prostředí má mnoho podob (elegantní, šokující, neutrální, ...)
• Informační weby nesmí vzhledem obtěžovat
• Inovativní, neotřelý design zaujme

Domluva se zákazníkem

• Nejde to vyřešit po emailu.
• Je potřeba si sednout a diskutovat.
• Zakazník neví co chce.

Musí se probrat..(ohledně grafiky)

• Co od webu očekává?
• Struktura
• Věkové zaměření
• Styl
• Cena

nakonec je to o kompromisu

Jak začít kreslit

• Potřebujete grafický editor (Photoshop, Corel, GIMP,..)
• Jak se s ním naučit?
• Na internetuje spousta tutoriálů, které nám ukáží jak udělat nějakou věc. Tím se nejlíp naučí ovládat program.
• Např.: www.pixel2life.com/ www.good-tutorials.com/ www.tutorials.cz/
• Neházet hned flintu do žita.
• Když už to opravdu nejde, tak menší inspirace. http://cssmania.com/ http://www.cssnature.org/

Moderní trendy

• Knihtisk

Tento trend se prosadil díky tomu, že nebyl předtím skoro používán. Nejčastěj se využívána na prezentaci produktů a stránkách on-line služeb.


• http://www.alexbuga.com/v8/ | http://www.powerset.com/ |

Moderní trendy

• Bohaté uživatelské rozhraní

Napodobení desktop aplikací. Použítí Flash, Ajax.


• http://www.quicksnapper.com/ | http://konigi.com/interface/mobileme-calendar-date-selector

Moderní trendy

• PNG průhlednost

Ač to IE6 nepodporuje, získal si velkou oblibu mezi grafiky. Inspirce z tištěných medíí (časopisů).


• http://rustinjessen.com/ | http://dc2009.drupalcon.org/ | http://www.restroom.nl/

Moderní trendy

• Velká písma

Většinou písma o velkosti 36 a více. Obecně velká pozornost věnovaná typolografii.


• http://www.francescomugnai.com/ | http://theautumnfilm.com/red-white-sale/us.html | http://www.onefastbuffalo.com/

Moderní trendy

• Vzhled časopisu

Uspořádání stránky, použitá typografie, ilustrace a zarovnání textu připomíná tištěná media. Vhodné pro blogy, portfolia.


• http://www.objectifiedfilm.com/ | http://www.good.is/ | http://www.nonesuch.com/journal

Konec

Děkuji za pozornost.

Zdroje

• http://www.smashingmagazine.com/2009/01/14/web-design-trends-for-2009/