Jak si jednoduše udělat jednoduchý design

19. prosince 2015 v 10:39 | MAKY.OREL |  Návody
Průvodce pro ty, co chtějí mít styl a nechtějí se otravovat s grafickými programy

Neumíte zacházet z žádným z těch ujetě nazvaných programů, ve kterém vaši kolegové vyrábí vzhledy svých blogů? Nějaký photoshop je pro vás španělská vesnice? Mít pěkný, ne-li naprosto nádherný design ale můžete mít i bez toho pouze se základními znalostmi pár maličkostí a ještě si můžete vybrat z mnoha variant. Jediné, co potřebujete, je administrace blog.cz, základní zběhlost v jejích vnitřnostech a pak už je to jen na vaší fantazii!

Jak stárnu, snažím se zjednodušovat si život, jak to jen jde. Hledám si cesty jak maximálně ulehčit jindy relativně náročné činnosti jako výrobu blogových designů, layoutů chcete-li. On takový design se dá vyrobit hned, ale pokud doteď ovládáte jen Malování, dá vám i jednocuhost dost zabrat. V nouzi šáhnete po nějaké šabloně z výběru blog.cz a je vystaráno. Ale i taková nevzhledná šablona se dá pouze za pomoci administrace blogu, pár obrázků, skromné znalosti typografie a estetického cítění spolu s malou pomocí online editorů předělat na skvost. Jeden se diví, že to ještě na vedení nikoho nenapadlo... Nebudete se muset (skoro) nic učit, nebude to složité - zkrátka nechte se vést!




Jak to funguje?

Z ulož.to si STÁHNETE BALÍČEK, kde najdete jednak návody na nastavení všech designů, ale také pdf s tipy, jak si vytvořit přesně taková záhlaví, jaká používám. Níže si už předem můžete vybrat z několika stylů designů vytvořených speciálně pro blog.cz a to tak, aby dobře seděly, nebyly těžké na výrobu, ale hlavně byly funkční pro všechny typy blogerů. Pro tvorbu těchto vzhledů jsem se inspirovala na webových stránkách, základních šablonách pro známé zahraniční servery a zkrátka všude možně. Můžete je upravit podle sebe pro vlastní blog, jednoduše přidáním vlastních obrázků, nastavením oblíbených barev - zkrátka uzpůsobte si můj návrh svým potřebám!

Každý vzhled je navíc nahraný na blogu, kde si můžete design prohlédnout na živo. Pokud vám nebudou návody v balíčku stačit, budete si chtít něco překontrolovat, můžete se na tyto ilustrační blogy i přihlásit a podívat se přímo do nastavení. Přihlašovací údaje na všechny blogy jsou stejné - jméno blogu je zároveň heslo (blog je vorluvnavod01 - heslo bude: vorluvnavod01). Na samotném ukázkovém blogu nic neupravujte! Pouze pokud je v galerii více variant obrázků záhlaví můžete je nastavit, abyste si je mohli prohlédnout, ale vždy tam poté vraťte obrázek, který tam byl! Když si to zprasíte, nikomu už tyhle blogy nepomůžou!

Zároveň bych ráda upozornila, že jde opravdu velice jednoduché designy - na blogu si nemůžeme dovolit tvořit některé kreace jako na webu, ale pořád máme docela dobrý prostor pro naši tvorbu. To, co vám dávám, je určené především pro ty, kteří nezvládají, nebo nemůžou tvořit v pokročilých programech, ale chtějí mít pěkný blog. Vracím se prostě do blogových plenek a vylepšuji stávající základní šablony.


Co budu potřebovat?

Musíte se trochu vyznat v tom, jak funguje administrace blogu, ale ne příliš - budete jen opisovat. Dále je tu pro vás připravený návod, jak se naučit pracovat s velice jednoduchým online editorem, který vám pomůže vytvořit další prvky na váš blog, nebo jen zkrášlit obrázky, které budete chtít dát do záhlaví - TEN JE ZDE. Jak vytvořit přímo ta záhlaví, která používám na svým ukázkových šablonách, je obsah návodu, který je s prvním provázaný a přiložený v balíčku. Na všechno budeme používat web Picmonkey - je to jednoduchý nástroj a je zdarma! A jak říkám, všechno o něm vám bude vysvětleno...

Tak směle do toho - garantuju, že pokud využijete tenhle šikovný návod, mezi blogery vyniknete. Protože stejně jako na jemnost si tu na jednoduchost moc lidí netroufá ;)


Dostupné typy layoutů?

A tady je už kompletní přehled všech designů, které se mi podařilo vytvořit. Můžete si je nastavit a daný styl pak barevně obměnit. Jediné, co je stastické, je rozložení jednotlivých částí. S obrázky a barvami, šířkou stránky apod. už můžete hýbat dle libosti. Každý je trochu jinak obtížný, ale všechno je vysvětlené v balíčku, takže bez obav.


01/ Záhlaví v menu, stylově oddělené přepážkou od stránky, menu ideálně vytvořit ve volitelném menu boxu, kam pak můžete vepsat úplně cokoli, vytvořit rozcestníky atd. Jako ústřední motiv můžete použít vlastní profilovou fotku, nebo jakýkoli oblíbený motiv. Budete potřebovat pouze vytvořit pozadí stránky (úzká přepážka v barvě stránky), jinak vše tvoříte v administraci blogu.



02/ Opět budete muset vytvořit, nebo použít již připravenou bílou přepážku jako pozadí stránky, jinak se vše tvoří v administraci. Rozdíl je menu přímo tvořené v administraci, což mnohým z vás usnadní práci. Návrh využívá více barevných kombinací, které je nejlepší odvozovat od ústředního motivu v malém záhlaví v menu. Ideální je využít paletky z DesignSeeds jako pomoc.



03/ Spousta lidí závidí slavným blogerům tyto jednoduché vzhledy často tvořené na webech nebo bloggeru. Na blogu se dají udělat stejně snadno, pouze záhlaví je nutné vytvořit v nějakém jednoduchém grafickém programu. Nám postačí Picmonkey, kde si snadno vytvoříte libovolně barevný a popsaný motiv do záhlaví. Zbytek už je hračka a výsledek je obdivuhodný.




04/ Ve stylu blogo-webu si můžete vytvořit následující kousek, který můžete převést i do mnohem pestřejšího vybarvení. Budete jen potřebovat vhodně oříznout vybraný motiv a o zbytek se postará administrace blogu. Menu vypadá o něco lépe vytvořené ve volitelném menu boxu, ale i klasické přednastavené se dá použít. Neobvyklost je v postavení nadpisu a záhlaví, jde jen o malý trik, ale dělá hodně.



05/ Moderní pestrý blog s libovolným motivem si můžete za pomocí Picmonkey vytvořit relativně snadno. Pokud si rádi hrajete s obrázky, bude to pro vás navíc i zábava. Menu se vytvoří snadno v administraci a pouze se jednoduše upraví nadpisy... Z opravdu malá budete mít hodně a Picmonkey navíc nabízí mnoho png obrázků, kterými si můžete záhlaví do aleluja zdobit.



06/ Vhodnou obměnou je pak využití menu v záhlaví. Jak si udělat rozcestník přímo pod záhlavím, to není žádná věda. Zúží to stránku a spolu se zarovnáním textu do bloku vytvoří na oko velice hezký, dobře čitelný a uhlazený blog. Motiv si můžete opět vytvořit podle gusta a nastavení není nic těžkého.



07/ Blog jako výrazný opticky vystouplý blok je na poměry dosti neobvyklé řešení, přitom velice klasické a funkční. Ideální je výrazný nápis a nenápadný motiv do záhlaví v kombinaci s vhodnou škálou ladících barev, ideálně více odstínů jedné barvy, pokud nezvládáte kombinování. Pokud správně zvolíte písmo do záhlaví, nemůžete už nic zkazit a vytvoříte si jednoduše spravovatelnou slušivou škatulku.



08/ Velice lehký design s menším motivem a skromným menu je vhodný pro všechny minimalisty. Stačí vám jednoduchý motiv, oblíbená barva ladící s fotkou a je hotovo. Motiv v případě nutnosti jen oříznete v Malování a o všechno ostatní se postará šikovná práce s administrací blogu. Pokud jste především pisálci a nemáte potřebu zahlcovat si blog obrazovým materiálem, bude to pro vás přímo ideální kousek.



09/ Až firemní look si můžete snadno vytvořit kombinací pěkné fotky a prací především s okraji v administraci blogu. Není nic jednoduššího, než si prostě udělat tlustší ohraničení stránky, a najednou to všechno vypadá úplně jinak! Menu si snadno vytvoříte v administraci a bude natolik prostorné, že do něj nacpete všechny potřebné položky. Trochu nafouknutý, ale velice uhlazený a stále minimalistický design, který podtrhne vhodná kombinace výrazné barvy a tónů šedé.



10/ Roztomilý barevný blog se zdobnějším menu si můžete snadno vytvořit za pomoci této šablonky. Stránka je prostorná, ideální pro všelijaké blogery, kteří rádi kutí a tvoří. Vejdou se vám sem fotky, všechny rozličné rubriky, nemusíte šetřit na barvách a do záhlaví jde vložit libovolný motiv. Pro vaše návštěvníky bude blog navíc skvěle přehledný.



11/ Neobvyklý, trochu pracnější kousek je velké záhlaví umístěné v menu. Dovede být velice vkusné, žádá to jen nalezení vhodného obrázku a jeho drobnou úpravu v Picmonkey a vytvoření pozadí pro menu (opět jen malá barevná lišta). Zbytek doplní administrace blogu. Motiv v menu může být libovolně vysoký, takže menu samotné zůstává stále použitelné pro jakékoli položky od rubrik, po nějaký souvislejší text.



12/ Pokud jste si zamilovali jednu ze základních free šablon na tumblru, určitě vás potěší, že vytvořit si ji na blogu není dvakrát věda. Sice trochu náročnější, ale spolu s Picmonkey hravě zvládnete i velice působivé záhlaví na celou šířku plochy s libovolným motivem. O zbytek se postará administrace blogu a vytvoříte si tak nezvyklý efektní celek ideální hlavně pro deníčkáře a pisálky.



13/ Pokud máte problém s tím, že se nikdy nemůžete pořádně rozhodnout, jak bude váš blog vypadat, můžete si vytvořit variabilní design! Za pomoci průhledných obrázků si sestavíte jednoduchý motiv, pod kterým budete moci měnit barvu pozadí podle vaší nálady. Stačí vám k tomu zásoba obrázků v Picmonkey a trocha kreativity. Časově je to nenáročné, vzhledově lehké a elegantní. Vzhled stránky a menu si už můžete přizpůsobit podle gusta.



14/ Pokud jste spíše příznivci velkých nápadných motivů, ale nevíte, jak je vhodně dostat na váš blog, je tu zatím poslední varianta. Celoplošné pozadí s libovoným obrázkem! Potřebujete jen dostatečně velkou fotku a poloprůhledná pozadí, která najdete vložená v balíčku. Vyberete vhodnou barvu ve vhodné sytosti a přeložíte v administraci blogu přes fotku tak, aby vytvořila pozadí pro text. Rázem si můžete vytvořit úchvatný design během pár minut!




A na závěr? Opáčko...

CELÝ BALÍČEK S NÁVODY STÁHNI ZDE!

 

5 lidí ohodnotilo tento článek.

Komentáře

1 listopadka51 listopadka51 | Web | 19. prosince 2015 v 11:07 | Reagovat

Krásný, ale na mě pořád ještě dost složitý....

2 Charlie Charlie | Web | 31. prosince 2015 v 17:32 | Reagovat

Jestli mohu, půjčím si 11.

3 Neille~ Neille~ | 11. ledna 2016 v 12:11 | Reagovat

Neskutečně díky! Hrozně dlouho jsem se otravovala s desingem a Tvůj návod mi úžasně pomohl. =D

4 pihovatavopice pihovatavopice | Web | 14. ledna 2016 v 7:21 | Reagovat

Díky, vyzkoušela jsem č. 11

5 C. C. | Web | 6. července 2016 v 16:56 | Reagovat

Děkuji moc!!!
Skvělé :-) Rozhodně vyzkouším :-)

6 Emma Emma | Web | 16. července 2016 v 13:36 | Reagovat

moc moc moc děkuji! Vyzkoušela jsem 10 :)

7 betuš betuš | E-mail | 12. září 2016 v 20:32 | Reagovat

ahoj ďakujem veľmi pekne za tipy ako si urobiť jednoduchý dizajn :) :-)

Nový komentář

Přihlásit se
  Ještě nemáte vlastní web? Můžete si jej zdarma založit na Blog.cz.
 

Aktuální články

Reklama