Pokud hledáte jednoduchý nástroj na návrhu UI a prototypování, pak určitě sáhněte po Adobe XD.
Nástroj najdete na adrese https://www.adobe.com/products/xd.html.
Představení
Shrnutí
- Nástroj je dostupný zdarma (s možností sdílet pouze jeden projekt)
- V plném rozsahu stojí měsíčně $12
- Jednoduchý nástroj na tvorbu UI návrhů, včetně prototypování a spolupráce
- Nabízí rozšiřitelnost pomocí pluginů
- Nabízí jednoduché, ale i pokročilejší interakce. Například s využitím hlasových povelů, klávesnice, atp.
- Umožňuje sdílení knihoven prvků s týmem využívajícím tento nástroj
Co to umí
- Vkládání různých tvarů pro návrhy, například:
- Základní tvary jako obdelník, elipsa, trojúhelník nebo čára
- Kreslední vektorů
- Vkládání textů, obrázků
- Základní možnosti transformace objektů, jako překlopení či otočení
- Základní práce s responzivitou obrazovek
- Možnost automatické úpravy objektů při změně velikosti artboardu
- Možnost změny velikostí upravit, např. pro určité objekty zrušit, atp.
- Pokročilá práce se symboly (přepoužitelné komponenty)
- Jednoduché přepisování a úpravy
- Sdílení napříč projektem, ale i s kolegy
- Snadné sdílení symbolů (komponent), stylů a barev – jak pro své projekty, tak i s kolegy
- Základní možnosti stylování objektů, například:
- Nastavení barev, gradientů
- Běžné formátování písma
- Nastavení vnitřních i vnějších stínů
- Prototypování s využitím dotykovách gest, hlasu, času nebo klávesnice či gamepadu
- K dispozici jsou základní přechody, nebo automatické animování či využití hlasových odpovědí
- Možnost využít překrytí prvkem (jako modální dialog) místo běžné transition
- Prototypy je možné nahrávat (jak s nimi lidé interagují) přímo v aplikaci bez dalšího software
- Chybí možnost vytvořit vlastní transitions, animace, atp.
- Sdílení prototypů
- Možnost sdílet prototypy se stakeholdery pro získání zpětné vazby ve formě komentářů
- Možnost zaslat prototyp vývojářům s možnostmi inspekce – získání barev, rozměrů, atp.
- Možnost sdílet kolegům pro úpravy
- Rozšíření pomocí různých pluginů, intergrací s dalšími nástroji a možnost přidat různé UI Kity.
Práce s objekty a artboardy je stejná jako v jiných nástrojích Pluginy pro rozšíření možností Adobe XD Možnosti a nastavení prototypování v Adobe XD Interakce s prototypem lze přehrávat, ale zároveň i nahrávat do video souboru. Návrhy lze sdílet kolegům s možností inspektoru – tedy podívat se na jednotlivé prvky, velikosti, atp. Návrhy lze sdílet pro možnost diskuze s kolegy o stránkách, ale i jednotlivých prvcích