Adobe XD: Dizajn, prototyp a zdieľanie s riešením Adobe UX / UI
Dnes som nainštaloval program Adobe XD, riešenie UX / UI spoločnosti Adobe pre prototypy webových stránok, webových aplikácií a mobilných aplikácií. Adobe XD umožňuje používateľom prechod zo statických drôtových rámcov na interaktívne prototypy jediným kliknutím. Môžete urobiť zmeny v dizajne a automaticky sa pozrieť na aktualizáciu prototypu - nevyžaduje sa žiadna synchronizácia. A môžete si pozrieť ukážku svojich prototypov spolu s prechodmi na zariadeniach so systémom iOS a Android a potom ich zdieľať so svojím tímom a získať tak rýchlu spätnú väzbu.
Medzi vlastnosti aplikácie Adobe XD patria:
- Interaktívne prototypy - Prepnite z režimu návrhu do režimu prototypu jediným kliknutím a pripojte kresliace plochy, aby ste mohli komunikovať tok a cesty aplikácií pre rôzne obrazovky. Prepojte dizajnové prvky z jedného kresliaceho plátna do druhého, vrátane buniek Repeat Grid. Pridajte interakcie s intuitívnymi vizuálnymi ovládacími prvkami na otestovanie a overenie zážitku.
- Zverejnenie prototypov pre spätnú väzbu - Vytvorte zdieľateľné webové odkazy, aby ste získali spätnú väzbu k svojim dizajnom, alebo ich vložte do Behance alebo na webovú stránku. Recenzenti môžu komentovať priamo vaše prototypy a konkrétne časti vášho dizajnu. Dostanete upozornenie, keď urobia komentár, a oni môžu jednoducho obnoviť svoje prehliadače, aby videli vaše zmeny.
- Rýchle a všestranné kresliace plátna - Či už pracujete s jedným artboardom alebo so stovkou, XD vám poskytne rovnako rýchly výkon. Dizajn pre rôzne obrazovky a zariadenia. Posúvajte a zväčšujte bez oneskorenia. Vyberte si z prednastavených veľkostí alebo definujte svoje vlastné a kopírujte medzi návrhovými plochami bez toho, aby ste stratili umiestnenie svojich dizajnových prvkov.
- Repeat Grid - Vyberte položky vo svojom dizajne, napríklad zoznam kontaktov alebo fotogalériu, a replikujte ich vodorovne alebo zvisle, koľkokrát chcete - všetky vaše štýly a medzery zostanú nedotknuté. Aktualizujte prvok raz a vaše zmeny sa aktualizujú všade.
- Podpora viacerých platforiem - Adobe XD natívne podporuje Windows 10 (Universal Windows Platform) a Mac, s doplnkovými mobilnými aplikáciami pre Android a iOS.
- Panel Diela - Urobte ľahko dostupné farby a štýly znakov na opätovné použitie ich pridaním na panel Aktíva (predtým panel Symboly), ktorý automaticky obsahuje symboly. Upravte ľubovoľnú farbu alebo štýl znakov na paneli a zmeny sa prejavia v celom dokumente.
- Vynovené symboly - Ušetrite čas so symbolmi, opakovane použiteľnými dizajnovými prvkami, ktoré eliminujú potrebu nájsť a upraviť každú inštanciu diela v dokumente. Aktualizujte jeden a budú sa aktualizovať všade, alebo sa rozhodnú prepísať konkrétne inštancie. Symboly môžu byť vektorová grafika, rastrové obrázky alebo textové objekty a môžu sa tiež použiť ako objekty v opakovaných mriežkach.
- Knižnice Creative Cloud - Vďaka integrácii knižníc Creative Cloud môžete pristupovať a používať rastrové obrázky, farby a štýly znakov vytvorené v aplikáciách Photoshop CC, Illustrator CC a ďalších aplikáciách Creative Cloud z vnútra XD a znova ich používať kdekoľvek vo svojich dokumentoch.
- Inšpektor kontextuálneho majetku - Pracujte v neprehľadnom priestore vďaka kontextovému inšpektorovi nehnuteľností, ktorý zobrazuje iba možnosti pre objekty, ktoré ste vybrali. Upravte vlastnosti, ako je farba a hrúbka orámovania, farby výplne, tiene, rozostrenie, nepriehľadnosť a rotácia, a možnosti prístupu pre zarovnanie, rozmery a opakovanú mriežku.
- Inteligentná navigácia na plátne - Ľahko priblížite konkrétnu oblasť svojho vzoru alebo vyberte výber na kresliacej ploche a pomocou skratky ju priblížite. Posúvajte alebo zväčšujte pomocou myši, touchpadu alebo klávesových skratiek. A získajte vynikajúci výkon, aj keď máte stovky kreslicích plátov.
- Kontextové vrstvy - Zostaňte organizovaní a sústredení pri správe zložitých návrhov vďaka kontextovému prístupu k vrstvám. XD zvýrazňuje iba vrstvy spojené s kresliacim plátom, na ktorom pracujete, takže môžete rýchlo a ľahko nájsť to, čo potrebujete.
- Navádzacie nástroje pre rozloženie - Plynulé kreslenie, opätovné použitie a remixovanie dizajnových prvkov pomocou mriežok prichytenia a ďalších intuitívnych nástrojov na rozloženie, ktoré vám pomôžu vytvárať relatívne merania medzi objektmi, maskovať tvary, zoskupovať, uzamknúť, zarovnať a distribuovať dizajnové prvky atď.
- Efekty rozostrenia - Rýchlo rozmazajte konkrétny objekt alebo celé pozadie, aby ste zmenili ústredný bod svojho návrhu a dali mu hĺbku a rozmer.
- Všestranné lineárne prechody - Vytvárajte nádherné lineárne prechody pomocou jednoduchých, ale presných vizuálnych ovládacích prvkov vo výbere farieb. Môžete tiež importovať prechody z aplikácií Photoshop CC a Illustrator CC.
- Moderný nástroj Pero - Ľahko kreslite tvary a cesty pomocou nástroja Pero. Použite vlastné cesty, pridajte alebo odstráňte kotviace body, ľahko manipulujte s čiarami a prepínajte medzi zakrivenými a šikmými cestami - všetko pomocou rovnakého nástroja.
- Boolovská úprava skupiny - Vytvárajte a experimentujte so zložitými tvarmi kombináciou skupín objektov pomocou nedeštruktívnych logických operátorov.
- Štýl typografie - Štýl textu s presným ovládaním zvyšuje užívateľskú skúsenosť. Ľahko upravte typografické prvky, ako je písmo, typ písma, veľkosť, zarovnanie, medzery medzi znakmi a medzery medzi riadkami. Zmeňte vzhľad textu rovnakým spôsobom, ako meníte ďalšie prvky v XD, ako sú krycie schopnosti, výplne, efekty pozadia a rozmazania a okraje.
- Efektívne ovládanie farieb - Vyberte farby zadaním presných hodnôt alebo vzorkovaním z vnútornej alebo vonkajšej strany XD pomocou kvapkadla. Vytvárajte a ukladajte vzorky farieb a pomocou skratiek pre hexadecimálne kódy vo výbere farieb.
- Zdroje používateľského rozhrania - Rýchlo navrhnite a prototypujte pre zariadenia Apple iOS, Google Material Design a Microsoft Windows pomocou vysoko kvalitných komponentov používateľského rozhrania.
- Kopírovanie a vkladanie z iných aplikácií pre dizajn - Preneste umelecké diela do formátu XD z aplikácií Photoshop CC a Illustrator CC.
- Kontextové ukážky iOS a Android - Zobrazte ukážku svojich návrhov a všetkých interakcií na skutočných zariadeniach, na ktoré zacieľujete. Vykonajte zmeny na pracovnej ploche a potom ich na svojich zariadeniach otestujte z hľadiska vernosti a použiteľnosti.
- Tip na hotspot - Automaticky zvýraznite aktívne body vo vašom prototype, aby používatelia videli, ktoré oblasti sú interaktívne a na ktoré je možné kliknúť.
- Správa prototypov - Vytvorte viac adries URL z jedného súboru a zdieľajte rôzne verzie svojho prototypu. Zdieľajte neobmedzený počet prototypov a ľahko k nim pristupujte a odstraňujte ich zo svojho účtu Creative Cloud.
- Zaznamenajte interakcie prototypov ako videá - Pri preklikávaní ukážky nahrajte súbor MP4, ktorý chcete zdieľať so svojím tímom alebo zainteresovanými stranami (iba Mac).
- Exportovať umelecké diela, diela a návrhové plochy - Exportujte obrázky a návrhy vo formátoch PNG a SVG, ktoré môžete nakonfigurovať pre iOS, Android, web alebo podľa vlastných vlastných nastavení. Exportujte celý návrhový plát alebo jednotlivé prvky. A zdieľajte diela a návrhové plochy ich exportom ako jednotlivé súbory PDF alebo ako jeden súbor PDF.
- Viacjazyčná podpora - Medzi podporované jazyky patrí angličtina, francúzština, nemčina, japončina a kórejčina.
- E-mailové upozornenia na komentáre - Dostávajte e-mailové upozornenia, keď zainteresované strany komentujú vaše webové prototypy. E-maily je možné odosielať jednotlivo alebo hromadne v dennom súhrne
Najlepšie na tom všetkom je, že Adobe XD je dodávaný s mojou licenciou na sadu Adobe Creative Suite!
Zverejnenie: Sme pridruženými spoločnosťami spoločnosti Adobe.