Empty states

Pokud hledáte inspiraci, jak ve svém produktu řešit prázdné stavy (empty states nebo blank slates), podívejte se na různá řešení na adrese http://emptystat.es/.

Codepen.io Design Patterns

Pokud hledáte inspiraci pro své UI prvky, na Codepen.io se můžete podívat na spoustu zajímavých implementací různých prvků – od tlačítek, dropdownů až po gridy, formuláře a další.

Přehled jednotlivých prvků můžete najít na adrese https://codepen.io/patterns.

Super na této knihovně je, že zde najdete i samotnou implementaci, kterou klidně můžete využít.

Časové zóny

Responsive Design: Patterns & Principles

Responsive Design: Patterns & PrinciplesJak se responzivní design neustále vyvíjí, máme naléhavou potřebu přemýšlet o designu nad rámec mobilů, tabletů a počítačů. Pokud je správně připravíme, návrhové vzory (tzv. design patterns) – malé a přepoužitelné moduly – pomohou našemu responzivnímu designu „oslovit“ více zařízení (a lidí) než kdykoliv před tím.

Ethan Marcotte, autor knihy Responsive Web Design, v knize ukazuje a popisuje, jak toho dosáhnout, jak se zaměřit na responsivní navigace, velikosti a přizpůsobení obrázků, reklam, atp. A popisuje mnoho principů pro návrh flexibilnějších a na zařízení nezávislých rozvržení.

Mobile Design Pattern Gallery

Mobile Design Pattern GalleryKdyž máte pod tlakem vytvořit dobře navrženou, snadno ovladatelnou mobilní aplikaci, není čas znovu vynalézat kolo. Tato stručná kniha poskytuje velice užitečnou sbírku 70 návrhových vzorů pro mobilní aplikace (včetně anti-patternů), které jsou ilustrované na více jak 400 screenshotech z aktuálních aplikací pro iOS, Android, BlackBerry, WebOS, Windows Mobile a Symbian.

Ať už navrhujete jednouduchou aplikaci pro iPhone nebo aplikaci pro různé platformy, tyto návrhové vzory poskytují řešení běžných designových problémů.

Knížka obsahuje tyto kategorie návrhových vzorů:

  • Navigace,
  • Formuláře,
  • Tabulky a seznamy,
  • Vyhledávání,
  • Nástroje,
  • Grafy,
  • Pozvánky,
  • Nápovědu.