25. dubna 2011 v 21:29 | Loreena.Rose(Webmaster)
|
I. Část - Pár tipů pro začátek
Kdysi jsem tady zveřejňovala návod jak na design blogu v grafickém programu Photo Filtre Sudio. To bylo spíše pro začátečníky a uživatele toho programu, především proto, že práce s PFS byla poměrně jednoduchá.
Proto mě napadlo rozšířit okruh o Adobe Photoshop, spousta lidí ho používá a ne všichni hned od začátku ví, jak na něj. Sama vím, že když jsem ho poprvé otevřela, tak jsem byla nakonec ráda, že jsem našla ten červený křížek vpravo nahoře! :D Pokusím se ukázat, jak se dá vytvořit design v tomto programu. Ještě upozorňuji, že jsem naprostý amatér a možností jak design vytvořit je nespočetně mnoho, já představím jen jednu z nich. Pro lepší orientaci a zároveň abych vás nezahltila množstvím informací, rozdělím tento návod na pár částí. Dneska začnu s pár radami o tom, co a jak si promyslet a rozvrhnout předtím, než se pustíte do samotné tvorby designu.
Tak tedy začněme:
►ROZMĚRY
Než začnete tvořit design, měli byste znát rozměry/rozlišení svého displeje. Nepředpokládám, že máme všichni stejný, ale proto je důležité aby design správně seděl alespoň vám.
Poměrně důležitá je i vaše představa, jak by měl design působit jako celek - jestli upřednostňujete velké záhlaví nebo naopak potlačené ve formě záhlaví nad menu vedle stránky..Stejně tak i menu, bude vlevo? Vpravo? Pod záhlavím? Nebo vůbec? To je to, co byste měli alespoň přibližně vědět, aby potom nedošlo k tomu, že chcete menu, ale už se vám tam nevejde, nebo se ke zbytku designu prostě nehodí - co pak? Nevím kdo by svoji práci chtěl znovu celou předělávat.
Další věcí je poměr velikosti designu k samotné velikosti displeje. Uvedu příklad sama na sobě: Mám displej o velikosti 14,1 palců a rozlišení 1366x768. Chci, aby záhlaví designu na blogu zabíralo přibližně polovinu displeje a zbytek aby zaplňovala část zveřejněného článku. Když vím toto, nemůžu pak na záhlaví použít obrázek, který bude vysoký 800pixelů - logicky by ani ten obrázek na designu nebyl vidět celý! Tudíž ho musím zmenšit, nebo použít jen jeho část, protože aby to vypadalo tak jak chci, musel by být obrázek vysoký cca 350-400pixelů.
To samé by mělo platit i pro šířku menu, stránky a okrajů. Prostě přizpůsobte design velikosti displeje.
►BARVA
Popřemýšlíme nad barvou designu - barvy by měly k sobě dobře ladit. Doporučuji používat např. jen odstíny jedné barvy, popřípadě dvou, které se navzájem moc neruší a příliš si nekontrastují - černá-šedobílá-bílá nebo fialová-světle fialová-bílá nebo hnědá-červená-oranžová.
Není dobré jednotlivé odstíny volit příliš rozdílné v sytosti - to znamená, že když chci design do modra, tak neudělám tmavě modrou stránku a čistě bílé pozadí. Je lepší vytvořit tmavou stránku a pozadí o pár odstínů světlejší nebo naopak - vypadá to pak lépe a příjemně se na to kouká.
Oproti tomu je potřeba zvolit si i nějakou kontrastní barvu, která design ve výsledku oživí, samozřejmě jí nesmí být moc. Myslím tím například přidání prvků bílé do černo-šedého designu ve formě ohraničení ikonky, ohraničení menu, oddělení záhlaví od stránky nebo okrajů - to už záleží na vaší fantazii.
Jestliže kombinujete více různých odstínů např. červená, hnědá, oranžová, nepoužívejte tyto barvy moc syté a ve stejné míře.
Zkuste se vyvarovat barev, které jsou k sobě dominantní - červená+modrá nebo barvy, které k sobě očividně neladí - zelená+červená.
Jednoduše nesnažte se tam nacpat všechny barvy které se vám zrovna líbí. Výsledek se potom mine účinkem.
Hádám, že pro tuto chvíli by to mělo být to nejdůležitější, co byste si měli uvědomit, než začnete nějaký design dělat. Netvrdím, že přesně takhle to musíte dělat, je to jen pár rad pro ty z vás, kteří o to stojíte a nemáte problém přijmout cizí radu, případně kritiku. Znovu opakuji, nejsem profesionál, pouze amatér, co se o to snaží.
Jestliže někomu, třeba jedinému člověku těchto pár tipů pomůže ke zlepšení, budu to brát za velký úspěch. Nebráním se komentářům, dotazům, připomínkám.
©Loreena.Rose
hezký a zajímavý blog :)