Navrhujete uživatelská rozhraní, ale někdy nevíte, jak si s nějakou částí navrhnout? Vyzkoušejte tento kurz, díky kterému získáte povědomí o různých návrhových vzorech a o tom, proč je užitečné je v návrhu znát a používat.
Pokračovat ve čtení “UI Design Patterns for Successful Software”Archiv pro štítek: Vzory
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/.
Sketch Resources
Pokud hledáte různé zdroje pro práci ve Sketch, např. tlačítka, šablony, knihovny a další, najdete je na jednom místě v rámci webu https://www.sketchappsources.com/.
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.
Everything you need to know about skeleton screens
Zajímavý článek o tom, jak si porad s loading stavem, konkrétně s formou skeletonu – tedy toho, co známe například z Facebooku, Youtube, atp.
Časové zóny
Časové zóny na Wikipedia 
Časové zóny v nastavení macOS 
Výběr časových zón v Google Kalendář 
Časové zóny v MS Outlook 
Časové zóny v Google Kalendář
Kalendáře
Apple Mail 
Webový Microsoft Outlook 
Desktopový Microsoft Outlook 
Google Kalendář
The Mobile Frontier
Kniha The Mobile Frontier poskytuje opravdu komplexního průvodce málo probádaným, a rychle měnícím se oborem, mobilních zařízení a mobile user experience.
Pokračovat ve čtení “The Mobile Frontier”Responsive Design: Patterns & Principles
Jak 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
Když 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.