Jak na design blogu

11. června 2012 v 1:30 | r" |  Rady a tipy
Co si budeme nalhávat design je poměrně důležitý, mnohdy rozhoduje o tom zda-li na blogu či stránce návštěvník zůstane nebo ji po náhledu vypne.
Mám pro Vás vysvětlení proč můj blog vypadá tak jak vypadá a snad i tipy a důvody proč tomu tak je.
Tak tedy začneme:


Grafika
- Ano přiznám se, že jedinými programy, které jsem použil při tvorbě designu je Microsoft Word a Malování, já totiž razím heslo: "někdy je méně více", doba kreslených a blikajících blogu je snad pryč, veškeré ty blyštící GIFy, (nejlépe mít jako pozadí nastavené svítící/blikající hvězdičky a vesmír …) strašně to tahájí oči a pomalu se to nedá číst… je to sice na první pohled "žůůůžů" mít takové ty pohybující animované prvky ale je to dosti rušivý element - kupodivu objevuje se na více méně fan stránkách o mladých herečkách/zpěvačkách - asi i autorky těchto blogu musí dojít k tomu samy. (Ale nebojte, mé první stránky byly taky plné marquee/tj. html značka pro plovoucí text/takže jsem si tím taky prošel)

"Čistota" blogu
- je důležité aby web/blog nebyl jako omalovánka, vypadá to jako blog od 10ti leté holky,(ale některé jsou tááááááááááák strašně naivně krásně barevné, až to má něco do sebe) nicméně co jsem tím chtěl říci:
Mrkněte na facebook? V čem je jeho úspěch? V jednotném a čistém vzhledu, každý uživatel ví kde je jeho "menu" a všichni uživatelé to mají stejné, ještě lepší příklad je wikipedie před wiki bylo spoustu webů a blogu zabývající se určitým tématem - válka, víra, fyzika (no těch moc nebylo...) ale každá stránka měla svoji logiku a svoji mapu, orientaci až, wikipedie dokázala sjednotit design a tím pádem i posunout tento projekt tam kde je nyní - tím nechci říct, že blog by měl jít tou samou cestou, naopak sem rád, že je tu možnost odlišit se ale s těmi barvičkami se nemá přehánět.

Design rendy.blog.cz
Když se podíváte na můj blog: kde razím teorii volného a plynulého přechodu (to znaméná, co nejméně hraničních čar a změn pozadí v jednotlivých polích(logo,menu, samotný text) tím, že vše se odděleno jen "náznakem" - menu pouze levým okrajem při nadpisu (položkami menu) a Logo jen souvislou linii textů. Vše tak tvoří jednotný celek oddělený jen symbolicky, ale aby blog nevypadal "nezasazeně" celý jsem ho orámoval tenkou linkou. Co říkáte povedlo se?
/původně jsem na blogu neměl logo, ale blog působil až přiliš stroze a neosobně... tak jsme vymyslel to co jsme vymyslel. // odstavec design rendy.blog.cz byl doplněn 19.6.2012

Proč design "nudle"
Obrázky, obrázky a obrázky- věřím, že mnohdy jeden obrázek vydá za 1000 slov, nicméně pokud je možnost, kompromitujte co do menších velikosti, dělá to strašný bugr- je třeba si neuvědomujete ale není to tak dávno kdy bylo běžné rozlišení monitoru 800 x 600 px a velké obrázky pak dělali paseku, a tím se dostávám k šířce stránky a moji nudli, někdo říká, že ta doba je již dávno pryč, ja tvrdím omyl, právě dnes kdy prakticky každý má mobilní internet je důležité pamatovat na optimální šířku (i když mých 420px na pro textovou část a 130px pro menu je dosti na hraně, tentokrát z druhé strany) pro jen několika palcové displaye mobilních telefonů.

Na druhou stranu "sloupky" se vždy lépe čtou než nekončící řádek. /třeba příklad z denní praxe a tou je denní tisk kde se taky píše ve sloupcích a ne, že by byly noviny úzké ale, protože se to dobře čte/

Třetí nespornou výhodou designu nudle je možnost mít ukotveného "kecálka" přímo přes web.prohlížeč a mít přehled o změnách statusu atd…

Jo a jeden tip na závěr: vylepšete si svů blog
 


Komentáře

1 avant-garde avant-garde | Web | 11. června 2012 v 1:44 | Reagovat

at zije minimalismus!! :D

2 rendy rendy | 11. června 2012 v 2:11 | Reagovat

[1]:Je pravda, že tímto blogem asi soutěž, za nejlepší design nevyhraji, ale chtěl sem ukázat, že i bez, grafiky lze mít vcelku pěkný blog. děkuji za komentář - co je malé to je hezké a když ne tak toho aspoň není moc. :-)

3 miroslavka.z miroslavka.z | Web | 19. června 2012 v 21:56 | Reagovat

Mně se tento design náhodou dost líbí. Jen mě napoprvé zmátla hlavička. Můj mozek musel nejdříve přemýšlet, co je to tam za chaos a kde vlastně začíná článek (osobně bych hlavičku jen oddělila tenkou čárou). Ale jinak rozličný text jako dekorace je prima a klasika "černé na bílém" se dobře čte.

4 miroslavka.z miroslavka.z | Web | 19. června 2012 v 22:04 | Reagovat

Ale hrubě nesouhlasím s tvrzením, že facebook je příkladem dobrého vzhledu a uspořádání. Nikdy pořádně nevím kam kliknout, abych našla to, co hledám (a to nejsem blondýna). Facebook je plitké fuj.

5 rendy rendy | Web | 19. června 2012 v 22:17 | Reagovat

[3]: Děkuji, já původně měl design bez loga, ale zdálo se mi to až příliš strohé, tak jsem tam chtěl dát něco, vlastního... a nic jiného mě nenapadlo, než takové řešení... oddělení loga tenkou čarou se bohužel zase neslučuje s mým designovým cítěním kdy jednotlivé "bloky" jsou od sebe odděleny jen náznakem /menu nadpisy, a hlavička je oddělená linii textu. Vše je děláno tak aby jednotlivé bloky tvořili jeden
celek a navazovali na sebe. :-)

[4]: Design facebooku je vyřešený dobře, uspořádaní už méně - bohužel FB nemám takže jsem hodnotil jen ten Design, nevím jak dobře či špatně se ovláda a kam se kliká.

6 miroslavka.z miroslavka.z | Web | 20. června 2012 v 10:07 | Reagovat

[5]: A nebo mozna na te hlavicce lehce sedy podklad jako je to v menu? A aby se neztratilo sede pismo, udelat je bile (tedy cerne a bile na sedem podklade?) Omlouvam se, ale nemuzu si pomoct, ta moje hlava porad neco vymysli, ignorujte to. Samozrejme je to vase volba, vas zamer a vase reseni. Kazdopadne pro me inspirace. :-)

7 Sheila Sheila | 21. června 2012 v 17:14 | Reagovat

Já se snažím naučit designy blogu, ale nejde mi to.
Není to tím, že bych neměla fantazii, dokonce jsem se naučila dělat s programy ve kterých chápu jak vytvořit obrázky.
Mým problémem je, že nevím jak svoje nápady zrealizovat na blog.cz.
Prostě nevím co kam mám napsat.
                                Sheila

8 BBarusQa BBarusQa | Web | 10. června 2013 v 20:34 | Reagovat

Ahoj,
pokusím se udělat něco, byla bych ráda kdybys mi pomohla mohli bychom si psát přes Email, nebo Facebook, stačí napsat! ;)
Grafice se věnuji, ale konkrétně tomuto né.. ;)

9 BBarusQa BBarusQa | Web | 10. června 2013 v 20:36 | Reagovat

PS: Jaké jsou velikosti?

10 rendy rendy | 15. července 2013 v 21:41 | Reagovat

[7]:[8]:[9]: ? Bohužel, nechápu ani jeden komentář.

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