Adobe XD: Nástroj na návrh používateľského rozhrania UX a UX, ktorý môžete používať hneď teraz

Reklama

Spoločnosť Adobe často nespája spoločnosť s „bezplatnými“ súbormi na stiahnutie, ale presne s tým spoločnosť urobila Adobe XD. Ide o aplikáciu na rýchle prototypovanie rozhraní pre mobilné zariadenia a webové stránky, ktorá umožňuje návrhárom rýchlo prísť s návrhmi pre konkrétne platformy.

Najlepšie na Adobe XD je, aké ľahké je použitie. Aj keď máte málo skúseností s navrhovaním čohokoľvek, existuje len veľmi postupná krivka učenia, ktorá vás drží späť.

Dokonca aj používateľské rozhranie je svižne ostré, bez všetkých nástrojov a panelov, ktoré oddeľujú toľko ľudí aplikácie ako Photoshop, Illustrator a Lightroom 15 bezplatných alternatív k Adobe Lightroom, Illustrator a PhotoshopChcete bezplatne získať Adobe Photoshop, Lightroom alebo Illustrator? Tu sú niektoré z najlepších alternatív kreatívneho cloudu. Čítaj viac . V tomto článku vás predstavíme spoločnosti Adobe XD a vysvetlíme, čo s tým môžete a čo nemôžete urobiť.

Čo je Adobe XD?

Adobe XD je návrhový nástroj. Nevytvorí vašu aplikáciu pre vás, ale pomôže vám predstaviť víziu alebo prototyp toho, ako chcete, aby vyzerala vaša ďalšia mobilná alebo tabletová aplikácia, web alebo iné používateľské rozhranie. Aplikácia používa grafické karty - v podstate makety obrazoviek - na vizuálne znázornenie dizajnu vašej aplikácie.

Vytváranie mobilných aplikácií Vytvorte si svoju prvú mobilnú aplikáciu pomocou týchto zľavnených balíkov kurzovMáte, čo je potrebné na vývoj ďalšej veľkej aplikácie pre iOS alebo Android? Tieto výrazne zľavnené balíčky kurzov vás naučia, ako sa to robí! Čítaj viac a fungujúce webové stránky môžu mať veľa technického know-how. Adobe XD vám poskytuje nástroje na premenu nápadu na dôkaz koncepcie. Po dokončení budete mať plán, z ktorého budete pracovať, a jeden si môžete vyladiť donekonečna, kým nebudete s dizajnom spokojní.

Rovnakým spôsobom je tento koncept v tvorivých snahách taký dôležitý (pozri toto krásne umenie koncepcie videohier Kde nájdete krásne koncepcie videohier Umenie onlineChcete vidieť svoje prekrásne koncepčné umenie za svojimi obľúbenými hrami? Tu sú k dispozícii zdroje informácií o videohrách! Čítaj viac ako dôkaz), dôkaz koncepcie požadovaného dizajnu rozhrania je dôležitý, pokiaľ ide o konštrukciu softvéru a webových stránok. Poskytnúť programátorom koncepciu, ktorá sa dokonale zhoduje s hotovým produktom, je skvelý spôsob, ako zosúladiť vaše očakávania s tým, čo je možné.

Najlepšie zo všetkého je aplikácia navrhnutá tak, aby ju mohol používať ktokoľvek. Či už ste skúseným dizajnérom, programátorom alebo niekým, komu chýbajú obe tieto zručnosti; Adobe XD môže preklenúť priepasť medzi vašou víziou a technickými znalosťami. Nemusíte ani naučiť sa kódovať Naučte sa kódovať remixovaním existujúcich aplikácií zadarmoTáto stránka vám umožňuje vytvárať alebo remixovať aplikácie, čo vám umožní byť kreatívni bez obáv z ničenia. Čítaj viac navrhnúť aplikáciu.

Čo môže Adobe XD robiť?

Program Adobe XD je navrhnutý s ohľadom na niekoľko konkrétnych aplikácií, ale môžete myslieť aj mimo poľa. Aplikácia uľahčuje prácu zahrnutím šablón pre:

• Aplikácie pre smartfóny: Od iPhone 5 a SE až po najnovšie modely; a tiež všeobecná šablóna pre Android.
• Aplikácie pre tablety: So šablónami pre iPad, veľkosťou iPad Pro, Surface Pro 3 a 4 a všeobecnou šablónou tabletu pre Android.
• Webové stránky / webové aplikácie: Môžete si vybrať z niekoľkých predvolieb vrátane Full HD.

Nemusíte sa držať týchto šablón, sú tu len preto, aby vám uľahčili život. Môžete tiež určiť veľkosť úplne vlastného rozhrania (t. J. Obrazovky) a začať navrhovať takmer akúkoľvek platformu, akú si viete predstaviť.

Ak navrhujete mobilnú aplikáciu, môžete si stiahnuť bezplatnú aplikáciu Adobe XD pre svoju platformu a exportovať svoje návrhy na priamy náhľad do svojho zariadenia.

Sady UI robia život ešte ľahším

Ak uvažujete navrhovanie pre iOS 7 dôvodov, prečo sa programovací jazyk Swift oplatí učiťAk nechcete byť pozadu, mali by ste sa naučiť programovací jazyk Swift skôr ako neskôr. Tu je niekoľko vynikajúcich dôvodov, ktoré vás môžu presvedčiť. Čítaj viac , Android, Windows alebo iná osvedčená platforma; môžete použiť súpravy používateľského rozhrania na získanie pomocnej ruky. V zásade ide o šablóny projektov spravované spoločnosťami Apple, Google, Microsoft a ďalšími, ktoré je možné stiahnuť vo formáte súboru .XD od spoločnosti Adobe.

Pomocou súprav používateľského rozhrania môžete urýchliť výrobu, čo vám umožní navrhnúť vašu aplikáciu v rámci obmedzení a bežných prvkov, ktoré môžete vidieť na platforme podľa vášho výberu. Keďže ich vývojári spravujú, sú vždy vždy aktuálne a dôkladné.

Napríklad súprava rozhrania iOS od spoločnosti Apple obsahuje rozmery prázdnych obrazoviek pre celý rad zariadení, príklady klávesnica iOS, navigačné prvky, ako je páska v hornej časti obrazovky, prepínacie tlačidlá iOS a viac. Prvky môžete ľahko skopírovať a vložiť do svojich návrhových kresieb a vytvoriť presné prototypy.

Spoločnosť Adobe tiež udržiava niekoľko ďalších súprav používateľského rozhrania, vrátane vzoriek smartwatch kompatibilných so systémom hodinkyOS, súpravy webových stránok elektronického obchodu a súboru príkladov na vytváranie. smartfóny s digitálnou menou Top 10 bitcoinových a šifrovacích aplikácií pre iPhoneTeraz je ľahšie ako kedykoľvek predtým kúpiť bitcoíny, konvertovať na altcoíny a dokonca investovať do ICO, všetko z vášho telefónu pomocou kryptomenných aplikácií. Čítaj viac . Musíte si stiahnuť príslušné Sady používateľského rozhrania pre iOS, Materiál spoločnosti Google a Microsoft Windows oddelene.

Jednoduchá sada vstavaných nástrojov

Na rozdiel od iných zložitých grafických a dizajnových aplikácií od spoločnosti Adobe má XD pekné čisté používateľské rozhranie s iba niekoľkými jednoduchými nástrojmi. Máte základné tvary: obdĺžniky, kruhy, čiary a nástroj na vytváranie pier. K dispozícii je tiež jednoduchý textový nástroj s prístupom do knižnice písiem Typekit (ale nie všetko).

Potom môžete zmeniť rôzne atribúty týkajúce sa týchto prvkov, ako je krytie, farba výplne, orámovanie, tiene a rolovacie správanie. Nakoniec je tu lupa a nástroj na kreslenie a rozširovanie vášho dizajnu.

Program Adobe XD vám pomáha umiestňovať prvky na esteticky príjemné miesta tak, že „prichytí“ na svoje miesto okolo okrajov obrazovky, stredového bodu plátna a ďalších prvkov. Môžete to potlačiť, ak chcete, podržaním tlačidla (vo verzii Mac je to cmd).

Po hornom okraji aplikácie sa zobrazia dva prepínače: dizajn a prototyp. Dizajn je miesto, kde trávite väčšinu času tvorbou svojej vízie. Prepnite sa do režimu Prototype a pridajte rôzne interakcie medzi prvkami na obrazovke. Môžete spúšťať udalosti a prepínať na rôzne kresliarske štítky, čím poskytuje jednoduchý chod používateľa bez toho, aby ste museli písať riadok kódu.

Robí sa to prostredníctvom jednoduchého rozhrania drag and drop, napríklad: vytvorte tlačidlo pomocou nástroja kruh, vytvorte novú kresliarsku dosku s požadovaným výsledok tohto stlačenia tlačidla (napr. iná karta v aplikácii), prepnite sa do režimu prototypu a presuňte šípku z tlačidla do novej kresliaceho plátna. Kliknutím na tlačidlo „Prehrať“ alebo ukážkou na svojom živom zariadení zobrazíte, ako sa hrá.

Môžete dokonca určiť prechody a efekty, aby to vyzeralo fantasticky. Prototypový režim má určité veľké obmedzenia. Nemôžete s tým skutočne prísť do hĺbky, ale slúži účelu a jeho jednoduchá implementácia uľahčuje použitie.

Aká obmedzená je bezplatná verzia programu Adobe XD?

Program Adobe XD, ktorý je zadarmo, je navrhnutý tak, aby vás priviedol k jeho jednoduchému pracovnému postupu a ľahko použiteľným nástrojom bez toho, aby ste museli minúť cent. Najväčšou nevýhodou tejto bezplatnej verzie je nemožnosť mať viac ako jeden aktívny zdieľaný prototyp alebo súbor špecifikácií dizajnu naraz.

Takže pre váš prvý návrh alebo projekt môže stačiť bezplatná verzia. Pokiaľ ide o zdieľanie ďalších návrhov alebo projektov s vývojármi tímu alebo aplikácií, rýchlo narazíte na stenu. Svoje rôzne kresliace plátna môžete vždy exportovať ako súbory .PNG zadarmo a navždy cez Súbor> Exportovať voľba.

Jednou z hlavných funkcií je zdieľanie prototypov a interaktivita medzi umeleckými kartami. Aplikácia je stále užitočná bez nej, ale nie v rovnakom rozsahu. Nemôžete postaviť plne realizovaný prototyp, ale môžete svoj návrh rýchlo položiť.

Medzi ďalšie obmedzenia bezplatnej verzie patrí obmedzený počet písiem Typekit a 2 GB cloudového úložiska (na rozdiel od 100 GB) pre predplatiteľov Creative Cloud. Ak sa rozhodnete preplatiť hotovosť platená verzia, Adobe XD vás bude stáť 9,99 dolárov mesačne iba za túto aplikáciu alebo 52,99 dolárov mesačne za celú súpravu Creative Cloud.

My si myslíme Adobe Creative Cloud stojí za peniaze 5 dôvodov, prečo kúpiť Adobe Creative CloudKreatíva Cloud od spoločnosti Adobe prináša množstvo skvelých výhod. Zostavili sme zoznam dôvodov, prečo by ste mohli investovať do programu Adobe Creative Cloud, zatiaľ čo môžete. Čítaj viac , za predpokladu, že z toho budete mať dostatok využitia.

Adobe XD je prekvapivo užívateľsky prívetivý nástroj

Adobe XD je užitočný nástroj, či už zaň chcete platiť alebo nie. V niektorých prípadoch môžete získať bezplatnú verziu pre prácu na malých osobných projektoch. Pokiaľ ide o serióznu prácu a zdieľanie s tímami, budete musieť upgradovať.

Adobe XD nie je úplným a konečným dizajnom používateľského rozhrania. Dizajnéri používajú grafické nástroje už roky na vytváranie makiet pre webové stránky, návrhy aplikácií a ďalšie. Pozrite sa na Najlepšie Mac vektorové grafické nástroje pre návrhárov s rozpočtom Najlepšie vektorový softvér pre návrhárov počítačov Mac s nízkym rozpočtomTu je najlepší vektorový softvér pre MacOS, ktorý môžete použiť zadarmo alebo kúpiť za rozpočet. Ideálne pre moderných dizajnérov! Čítaj viac vidieť niektoré možné alternatívy.