Vítejte v novém. Konečně se mi podařilo dokončit nový design. Strávil jsem dost času jeho tvorbou,snad bude fungovat vše jak má a budete se tu cítit dobře. Při příležitosti změny designu, se změnilo více věcí. Když už, tak už Jinak můj postup vytváření nového designu můžete vidět v malém seriálu: Jak jsem si na designera hrál ( 4 díly )

Změny blogu

• Změnilo se „logo“ . Z nadpisu na nadpis s oranžovým akcentem . No nedá se mluvit přímo o logu, ale už je to mnohem lepší než původní nadpis.
• Pokud jste si všimli, hned pod logem je nový prvek – „o autorovi“ .
• Další změny se dočkala hlavní strana s přehledem článků.  Věřím, že se stala hezčí a hlavně přehlednější. Datumy, komentáře a kategorie jsem umístil nalevo od úryvku článku.
• Komentáře se také trochu změnily. Menší „ostříhání“  podstoupily doprovodné texty k přidání komentáře apod..

Starý design mi vůbec nebude chybět

Jen dát dohromady několik prvků, postavit z nich stránku, napsat k tomu styl a můžu odstartovat . To je můj plán práce ve veliké zkratce.

Seriál:

• Díl 1. – Na začátku
• Díl 2. – Kreslím
• Díl 3. – Jáchyme, hoď to do stroje!
• Díl 4. – Kompletovat, CSS a jedem!

Díl 4.

Kompletovat, CSS a jedem!

Podklady už mám, grafiku také a představa v mé hlavě je perfektní.

1) Zkompletovat

Zkompletovat? Protože jsem zjistil, že nemám žádný pořádný návrh. Všechno jsem udělal útržkovitě, takže jediná celistvá představa je v mé hlavě. Ve Photoshopu jsem všechno po kouscích rozřezal a vyskládal to teprve až do šablony. Nikdy to tak nedělejte, budete v tom mít nepořádek jako já

2) Napsat CSS

( Vysvětlení ve zkratce: CSS je styl – formátuje text a vlastne celou stránku )

Ha, všechno dobré, ale když se váš web zobrazí v každém prohlížeči jinak, je všechno špatně! Takže jsem věnoval dost času mému CSS stylu, aby všechno šlapalo jak má Sic jsem ho pěkně zprasil, přesto funguje. Jestli nefunguje, poznáte to .

3) Hotovo?

Zdaleka ne. Myslel jsem, že ano, ale ještě bylo třeba trošku poupravit šablonu. Naštěstí i to jsem po dlouhém dumání vyřešil. Úprav se dočkal sidebar, hlavička a vlastně všechno kromě 404, ale i té se dočkáte . Samozřejmě jsem teď na sebepatřičně hrdý

4) Tak teď už!

FTP, Nahrávání… 100%. Dobře, zkusíme to. Klik, klik. Hmmmm, pěkné. Klik, klik. Problém! Některé články se nezobrazovali jak bych chtěl a ještě milion malých problémů, o jejichž existenci jsem se dozvěděl teprve teď. Pustil jsem se do oprav všech problémů :/. Určitě jsem nevychytal všechno, přesto už se dá v novém designu pohybovat.

5) Sláááva, jedeme

Takže bych měl spustit testovací provoz Zkuste to, napište jestli se vám tu líbí víc, nebo míň a když najdete nějaký problém, využijte komentářů nebo emailu vaseks[zavinac]blogvericiho.cz

Nový design bude poprvé k vidění 6.března 2009

A tím tenhle malý seriál končí . I když možná bude ještě pátý díl věnovaný nečekaným problémům

….Do práce, Vašku!

Seriál:

• Díl 1. – Na začátku
• Díl 2. – Kreslím
• Díl 3. – Jáchyme, hoď to do stroje!
• Díl 4. – Kompletovat, CSS a jedem!

Díl 3.

Jáchyme, hoď to do stroje!

Jsem nedočkavý a nechci řešit už dál na papíře. Všechno co jsem potřeboval vyřešit, jsem vyřešil. Usedám k počítači, po levé ruce mám skicu, po pravé myš. Můžeme začít

Na papíře není jedna důležitá maličkost:

• Chci do designu začlenit tahy štetcem. (design na mě působí lépe, když vidím práci lidskou rukou)

Návod, jak krok za krokem převést představu z papíru do pc Vám bohužel neposkytnu. Od toho jsou fóra. Stačí se naučit s nějakým programem, ve kterém můžete řezat grafiku a trocha šikovnosti.

Já jsem použil Photoshop, vzhledem k tomu, že budu návrh brzy řezat na kousky . Během pár minut zběsilého klikání a mačkání klávesových zkratek se předemnou zjevil předobraz mého blogu. Jedna bílá a jedna tmavá plocha, plus několik dalších malých šedých ploch. Toť předobraz.

Dál, dál..

Střídavě jsem koukal na monitor, na skicu. Pokračuji. Nahodil jsem si nadpis, zhruba ve velikosti zachycené na skice. Potom nadpis příspěvku, datum, menu… bum, bum, bum. Vypadá to docela dobře

Barvy a pozadí

V prvním díle – černá, bílá a nějaká akcidenční barva, kterou se stala oranžová. Právě do pozadí mě napadlo začlenit ony zmiňované tahy štetcem. Vzal jsem tedy štětec, čtvrtku a už to jelo . Několik tahů, potom foťák, „cvak“ a zase zpět k pc. úprava ve Photoshopu si vzala nějakou tu chvilku, výsledek však stojí za to.

• Pokračování Díl 4. – Kompletovat, CSS a jedem!

Hlavní body už mám, co dál? Ujasníme si ještě nějaké další podrobnosti a hlavně, musím vytvořit hrubé návrhy.

….Do práce, Vašku!

Seriál:

• Díl 1. – Na začátku
• Díl 2. – Kreslím
• Díl 3. – Jáchyme, hoď to do stroje!
• Díl 4. – Kompletovat, CSS a jedem!

Díl 2.

Kreslením skic nejdál dojdeš..

Než jsem začal kreslit:

1) Rozvržení

Pokusím se z vlastních odpovědí na 3 hlavní body vyvodit rozvržení stránky

1 > V mém případě články o víře a mém životě.

2 > Spíše zamyšlení se nad tématem, texty nevelkého rozsahu. Design by neměl rušit při přemýšlení nad textem.

3 > Měla by působit seriózně, mohla by být něčím zajímavá. Trošku fádní, aby nerušila obsah.

První bod mi nepomůže, bohužel. Druhý bod už ano. „Texty nevelkého rozsahu“. V praxi tedy mohu počítat s možností většího fontu ( písma ), dále také mohu doplňovat text obrázkem, protože místa bude dost. Třetí bod: „Něčím zajímavá ale fádní“. Fádní? Představil jsem si nudnou stránku o dvou sloupcích, zajímavě zpracovanou ( ve třetím dílu popíšu dopady těch mých 3 bodů )

2) Skicování

O čem to mluvím? Samozřejmě, že většina lidí, kteří si chtějí udělat nějaký design, sednou k počítači a začnou něco dělat. Mají hrubou představu, jak má jejich dílo vypadat, ale tím, že onu představu nepřenesou na papír, tak ji ztratí nebo se naprosto změní. Samozřejmě že, já takový nebudu, vezmu do ruky tužku a jdu kreslit

Jde o to, rozvrhnout si už na papíře, jak bude  zhruba vypadat stránka. Detaily ( barva loga) řešíme až později, popř. v detailnějších skicách. Nakreslil jsem si zhruba 10 A4 různých návrhů, jak by stránka mohla vypadat. Z nich jsem vybral nakonec ten, který se mi zdál nejlepší a to jak po stránce přehlednosti, tak i dobré navigace.

Několik obrázků pro příklad

Jak vidíte, mám tam akorát rozvržení stránky v ploše, sloupců, zhruba nahozené příspěvky, obrázky, nadpis.. nic víc žádná věda.

( nový design blogu, tešte se )

• Pokračování Díl 3. – Jáchyme, hoď to do stroje!

Seriál:

• Díl 1. – Na začátku
• Díl 2. – Kreslím
• Díl 3. – Jáchyme, hoď to do stroje!
• Díl 4. – Kompletovat, CSS a jedem!

Díl 1.

Na začátku nebylo nic..

Ne, že by nebylo nic. Měl jsem design starého blogu a nějaké free šablony.  Jenže, co s tím? Chci už něco nového, takže bohužel…. Do práce, Vašku!

Pro začátek jsem si udělal 3 hlavní body:

1) Obsah

Nejdříve bylo třeba rozmyslet si, o čem blog přesně je a o čem bude. Obsah totiž rozhoduje o celém designu blogu.

• V mém případě články o víře a mém životě.

2) Povaha obsahu

Jedná se o zábavný obsah nebo odborné zdlouhavé čtení? Tomu musíme přizpůsobit velikost textu, proklad, barvy, kontrast.. Při delších textech by stránka neměla působit rušivě a odvádět nás od čtení. Naopak, pokud jsou texty kratší, můžeme si dovolit určité rozptýlení čtenáře…

• Spíše zamyšlení se nad tématem, texty nevelkého rozsahu. Design by neměl rušit při přemýšlení nad textem.

3) Jak bude působit

Ujasněme si, jak chceme, aby stránka působila na návštěvníka. Může vypadat seriózně, amatérsky nebo obyčejně. Správnou volbou, dostaneme obsah na vyšší úroveň. Budeme-li psát o kráse barev a naše stránky budou téměř černobílé, těžko někoho přesvědčíme.

• Měla by působit seriózně, mohla by být něčím zajímavá. Trošku fádní ( ), aby nerušila obsah.

• Pokračování – Díl 2. – Kreslím

Stalo se, Bohu díky! Novým skladištěm mých článků se stává www.blogvericiho.cz. Veškeré příspěvky a komentáře jsem přesunul z bývalého blogu www.vaseks.wordpress.com sem, do nového. Samozřejmě na starém díle už pracovat nebudu, tudíž se nedočkáte ani žádných nových článků. Postupem času ho plánuji nadobro zrušit a pokračovat zde.

Co se týče plánů..

• Ještě pár týdnů bude trvat, než se web dostane do povědomí vyhledávačů a bude mít slušnější návštěvnost, takže prozatím nebude mnoho nových článků.
• Plánuji vytvořit lepší a přijatelnější design. Tím opravdu myslím design, ne jen nějaký pokus . Bohužel netuším, kdy se k tomu najde čas.

• Kvalitnější články. Ne všechny na téma víry. Někdy najdete příspěvek o tom, co mě zaujalo, jindy o tom, co jsem si koupil . Zkrátka trošku volnější pojetí obsahu

• Zrušit starý blog ( www.vaseks.wordpress.com ) a nadobro se přestěhovat sem, do nového

Popřejte mi prosím hodně štěstí! Budu se snažit s Božím požehnáním dostat tenhle blog o stupínek výš!

_vasekS