Post Tagged with: "design"

Inspirace

Inspirace

Behance

Galerie kreativní tvorby.

http://www.behance.net

Typ.io

Stránka která předvádí v praxi vhodné kombinace webového písma

http://www.typ.io/latest

17.9.2013 0 comments Read More
Jak na paprsky ve photoshopu?

Jak na paprsky ve photoshopu?

Hezký a jednoduchý tutoriál jak si do libosti paprskovat ve photoshopu.

19.7.2012 0 comments Read More
Open web icons – obrázkové písmo

Open web icons – obrázkové písmo

Zajímavé řešení jak nahradit ikonky na webu pomocí písma. Bohužel u osekanych prohlížečů jako je např. Opera mobile se vám nezobrazí nic. Otázkou je na kolik je tohle řešení přínos oproti použití obrázků.

Příklad použití a info zde: pfefferle.github.com/openwebicons/

26.5.2012 0 comments Read More
Responsivní navigace

Responsivní navigace

V článku uvedeném níže je několik příkladů jak řešit navigaci v responsivním designu společně s pár postřehy.

http://bradfrostweb.com/blog/web/responsive-nav-patterns/

11.4.2012 0 comments Read More
Maslovova pyramida webdesignu

Maslovova pyramida webdesignu

Maslovova pyramida webdesignu by Jan Řezáč

Nenuťte uživatele přemýšlet – Steve Krug

Nenuťte uživatele přemýšlet – Steve Krug

Výborné čtení, doporučuji, uvedu si zde pár svých postřehů:

Krugovy zákony použitelnosti

  • Nenuťte mě přemýšlet
  • Nezáleží na tom, kolikrát musím klepnout, pokud jde vždy o bezmyšlenkovitou a jednoznačnou volbu
  • Zbavte se poloviny slov na každé stránce, A potom se zbavte poloviny toho, co zbylo

Pravdy o chování uživatelů

  • Stránky nečteme, ale prohlížíme
  • Neprovádíme optimální výběry, ale děláme kompromisy
  • Nebádáme nad tím, jak věci fungují, jednoduše to „nějak uděláme“.

Přehledná a intuitivní stránka by měla mít

  • Jasnou vizuální hierarchii na stránce
  • Rozdělení stránky na jasně definované oblasti
  • Jasně by mělo být vidět, na co lze klepnout
  • Vynechte zbytečná slova – škrtnout půlku a z nich zase půlku
  • Ovládání musí být okamžitě jasné nebo alespoň samovysvětlující

Z každé stránky musím na první pohled poznat

  • Co je to za web (firmu) – zřetelné logo
  • Jaký má web účel
  • Jaký má stránka název tato konkrétní stránka
  • V jakém místě webu se nacházíme (dobrá navigace)
  • Kam a jak můžeme ze stránky pokračovat
  • Kde se dá vyhledávat
  • Které části stránky jsou důležité
  • Že stránka žije
24.3.2012 1 comment Read More
Klíč k dobrému designu

Klíč k dobrému designu

„Dobrý design pro mě znamená co nejméně designu.
Jednoduché je lepší než komplikované.
Tiché je lepší než hlasité.
Nevtíravé je lepší než vzrušující.
Malé je lepší než velké.
Lehké je lepší než těžké.
Čisté je lepší než barevné.
Harmonie je lepší než odlišnost.
Dobře vyvážený je lepší než přepjatý.
Pokračování je lepší než změna.
Vzácné je lepší než hojné.
Neutrální je lepší než útočné.
Samozřejmé je lepší než to, co je zapotřebí hledat.
Málo prvků je lepší než mnoho.
Systém je lepší než jednotlivé prvky.“

Dieter Rams


AMBROSE, Gavin a Paul HARRIS. LayoutVelký pprůvodce grafickou úpravou. Vydání první. Brno: Comuter Press, a.s., 2009. ISBN 798-80-251-2165-8.
24.3.2012 0 comments Read More
Rimons twitter widget by Rimon Habib