InVision Studio

Pokud využíváte produkty Invision a chcete snadno navrhovat uživatelská rozhraní, prototypy a tak podobně, pak rozhodně vyzkoušejte tento nástroj.

Nástroj najdete na adrese https://www.invisionapp.com/studio.

Představení

Souhrn

• Nástroj je zdarma, potřebujete ale InVision účet
• Pro návrh a prototypy podporuje základní transitions, ale také automatické přechody stejně pojmenovaných objektů
• Nabízí základní nástroje pro návrh UI, jako jsou vrstvy, barvy, styly
  • Zatím nepodporuje knihovnu přepoužitelných stylů, jako například Sketch
• Je možné rozšířit možnosti pomocí pluginů ve formě App Store

Co to umí

• Vkládání různých tvarů pro návrhy, například:
  • Základní tvary jako obdelník, elipsa
  • Kreslední vektorů
  • Vkládání textů, obrázků
• Základní možnosti transformace objektů, jako překlopení či otočení
• Pokročilá práce se symboly (přepoužitelné komponenty)
  • Jednoduché přepisování a úpravy
  • Sdílení napříč projektem
  • Chybí jen lepší správa komponent
• Základní možnosti stylování objektů, například:
  • Nastavení barev, gradientů, obrázků
  • Běžné formátování písma
  • Nastavení vnitřních i vnějších stínů
  • Vytváření knihovny barev jak pro projekt, tak i pro samotnou aplikaci
• Pokročilé prototypování:
  • Propojení obrazovek pomocí prvků, případně vytváření tzv. hotspotů
  • Možnost nastavení časování
  • Podpora různých gest – myš, dotyková gesta nebo klávesnice
  • K dispozici je 10 základních přechodů a automatické přechody na základě názvu objektů
• Sdílení návrhů a prototypů přímo do Invision na jedno kliknutí
  • Jak samotný prototyp, tak i do Freehand pro diskuzi a spolupráci s kolegy
• Rozšiřitelnost pomocí různých pluginů ve formě App Store
  • Zajímavý je například plugin pro přímé sdílení návrhů na Slack
• Možnost stáhnout již hotové prvky a knihovny pro rychlejší návrh, například ikonky, tlačítka, atp.

Ukázky používání