Post Tagged with: "webdesign"

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
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áč

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
Fonty na webu

Fonty na webu

Aby web vypadal co k čemu, chce si to trochu hrát s fonty.

Základní přehled

webových fontů je zde: http://www.jakpsatweb.cz/priklady/fonty.html

Google web fonts

http://www.google.com/webfonts

Trochu přehlednější zobrazení je zde:

http://somadesign.ca/demos/better-google-fonts/

jsou super a zdarma, bohužel mají většinou problém s cz znaky, seznam českých písem je zde:

http://misc.maly.cz/webfonts.php

Tady jsou ke stáhnutí některé fonty které jsou na web fonts:

http://joemaller.com/1856/download-google-fonts/

Alternativy

Jsou bohužel placené, ale rozhodně disponují více písmy s lepší podporou cz znaků

https://typekit.com/

http://www.fontslive.com/

Dobře se to testuje zde:

http://dabblet.com/

Font Face

Další možností je si vygenerovat písmo přímo pro váš web a mít ho uložené u sebe. Je třeba brát na zřetel hlavně práva (to že je písmo free neznamená že ho můžete použít automaticky na webu přes font face)

Výborná stránka s velkou databází písmen a generátorem všeho potřebného je Fontsquirrel

Pro češtinu: EXPERT > Custom Subsetting > zatrhnout Czech. Pro slovenštinu a další jazyky je postup obdobný.

Fonty k užití zdarma:

Exo Sans – zdarma k užití i na webu - http://ndiscovered.com/index.php/exo-font-family

14.3.2012 1 comment Read More
Rimons twitter widget by Rimon Habib