Archive for category: Design/grafika

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
Skečovací papíry pro responsivní web

Skečovací papíry pro responsivní web

Pro všechny milovníky specializovaných skečovacích papírů tu mám jedny takové pro návrh reaponsivniho designu.

http://jeremypalford.com/arch-journal/responsive-web-design-sketch-sheets

Pro milovníky hezkých bloků se dají podobné sehnat už i u nás na www.workbook.cz

28.4.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
Rozšíření pro Fireworks pro export responsivního prototypu

Rozšíření pro Fireworks pro export responsivního prototypu

Zajímavá vychytávka díky které se dá testovat návrh responsivního webu.

Bližší info zde:

http://mattstow.com/export-responsive-prototype.html

A tady video jak to vypadá v praxi:

11.4.2012 0 comments Read More
Klasifikační analýza, anebo co udělat jako první

Klasifikační analýza, anebo co udělat jako první

Design webu není jen o pocitu a o tom jak si jeho majitel myslí že by měl být uspořádaný. Pokud chce zvýšit šanci, že mu na web někdo z vyhledávače dorazí, je dobré si před samotnou tvorbou struktury webu udělat klasifikační analýzu. Dobře je to popsané zde v článku od Marka Prokopa.

10.4.2012 0 comments Read More
Maslovova pyramida webdesignu

Maslovova pyramida webdesignu

Maslovova pyramida webdesignu by Jan Řezáč

Čitelnost ve webdesignu

Čitelnost ve webdesignu

Shrnutí pár tipů ze zajímavé přednášky od Jana Řezáče

  • Lidé čtou rychlostí cca 18 slov za 4,4s
  • Detaily jsou neviditelné
  • První dojem získají během 50 ms, vidí jen rozmazané plochy
  • Lidé preferují větší písmo (14 a větší)
  • Bílé písmo na černém pozadí čtou o 32% pomaleji
  • Délka řádku se nejlépe čte když je 75 znaků (+- 25 znaků)
  • Nepoužívat verzálky, hůře se „skenuje“
  • Řádkový proklad je ideální 1.3 – 1.6
  • Lépe se čte text zarovnaný doleva než do bloku
  • Ve vzdušných designech se lépe orientuje
  • Lidé mají rádi bílé místo okolo textu (i když bez něj to rychleji čtou))
  • Nezvětšovat mezery mezi písmeny
  • 85% lidí ignoruje fotky z fotobank
  • Pozor na bannerovou slepotu
  • Dlouhé bloky textu nestínovat
30.3.2012 0 comments Read More
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
Rimons twitter widget by Rimon Habib