Adobe XD: Instrumentul gratuit de design UI și UX pe care îl puteți utiliza chiar acum

Publicitate

Nu adesea asociați Adobe cu descărcări „gratuite”, ci exact cu ce a făcut acea companie Adobe XD. Este o aplicație rapidă de prototipare pentru interfețe pentru dispozitive mobile și site-uri web, permițând proiectanților să realizeze rapid proiecte pentru platforme specifice.

Cel mai bun lucru despre Adobe XD este cât de ușor de utilizat. Chiar dacă aveți puțină experiență în proiectarea a ceva, există doar o curbă de învățare treptată care vă va reține.

Chiar și interfața de utilizator este în mod revigorant, fără toate instrumentele și panourile care pun pe atâția oameni aplicații precum Photoshop, Illustrator și Lightroom 15 alternative gratuite la Adobe Lightroom, Illustrator și PhotoshopDoriți să obțineți Adobe Photoshop, Lightroom sau Illustrator gratuit? Iată câteva dintre cele mai bune alternative Creative Cloud. Citeste mai mult . În acest articol, vă vom prezenta la Adobe XD și vă vom explica ce puteți și nu puteți face cu acesta.

Ce este Adobe XD?

Adobe XD este un instrument de proiectare. Nu vă va crea aplicația pentru dvs., dar vă va ajuta să prezentați o viziune sau un prototip pentru ceea ce doriți să vă arate următoarea aplicație mobilă sau tabletă, site web sau altă interfață de utilizator. Aplicația folosește placi de artă - în esență modele de ecran - pentru a oferi o reprezentare vizuală a designului aplicației tale.

Crearea de aplicații mobile Creează-ți prima aplicație mobilă cu aceste pachete de curs cu reduceriAveți ce aveți nevoie pentru a dezvolta următoarea aplicație mare pentru iOS sau Android? Aceste pachete de curs cu reduceri puternice vă vor învăța cum se face! Citeste mai mult iar site-urile web care funcționează pot avea foarte multe cunoștințe tehnice. Adobe XD vă oferă instrumentele pentru a transforma o idee într-o dovadă de concept. După ce ai terminat, vei avea un model de la care să lucrezi și îl poți regla la nesfârșit până nu ești mulțumit de design.

În același mod, conceptul de artă este atât de important în eforturile creative (a se vedea acest lucru concept de joc video frumos art Unde să găsești conceptul de joc video online frumos artDoriți să vedeți câteva dintre cele mai frumoase concepte din spatele jocurilor dvs. preferate? Iată resursele despre arta jocurilor video la dispoziție! Citeste mai mult ca dovadă), o dovadă a conceptului pentru design-ul interfeței dorite este importantă atunci când vine vorba de software și construcția site-ului web. Oferirea programatorilor cu un concept care se potrivește atât de strâns cu produsul finit este o modalitate excelentă de a-ți alinia așteptările cu ceea ce este posibil.

Cea mai bună dintre toate aplicația este proiectată astfel încât oricine să o poată folosi. Indiferent dacă sunteți un designer experimentat, un programator sau cineva căruia îi lipsește ambele competențe; Adobe XD poate rezolva diferența dintre viziunea dvs. și cunoștințele tehnice. Nici nu trebuie învață să codăm Aflați să codați prin remixarea aplicațiilor existente gratuitAcest site vă permite să creați sau să remixați aplicații, permițându-vă să fiți creativi, fără teama de a rupe nimic. Citeste mai mult pentru a proiecta o aplicație.

Ce poate face Adobe XD?

Adobe XD este proiectat având în vedere câteva aplicații specifice, dar puteți gândi și în afara cutiei. Aplicația ușurează lucrurile, incluzând șabloane pentru:

• Aplicații pentru smartphone: De la iPhone 5 și SE până la cele mai noi modele; și un șablon generic pentru Android.
• Aplicații pentru tablete: Cu șabloane pentru iPad, ambele dimensiuni ale iPad Pro, Surface Pro 3 și 4 și un șablon generic pentru tablete Android.
• Site-uri / aplicații web: Cu câteva presetări din care să alegeți, inclusiv Full HD.

Nu trebuie să te respecți cu aceste șabloane, sunt doar acolo pentru a-ți ușura viața. De asemenea, puteți specifica o dimensiune a interfeței complet personalizate (adică ecran) și puteți începe să proiectați pentru aproape orice platformă pe care vă puteți imagina.

Dacă proiectați o aplicație mobilă, puteți descărca aplicația Adobe XD gratuită pentru platforma dvs. și puteți exporta desenele pentru o previzualizare în direct pe dispozitiv.

Seturile UI fac viața și mai ușoară

Dacă vă gândiți proiectare pentru iOS 7 Motive pentru care limbajul de programare rapidă merită învățatAr trebui să înveți limbajul de programare Swift mai devreme decât mai târziu, dacă nu vrei să fii lăsat în urmă. Iată câteva motive excelente care te pot convinge. Citeste mai mult , Android, Windows sau o altă platformă bine pusă la punct; puteți utiliza kituri UI pentru a obține o mână de ajutor. Acestea sunt, în esență, șabloane de proiect menținute de Apple, Google, Microsoft și altele, descărcabile în formatul de fișier .XD al Adobe.

Cu kiturile UI puteți accelera producția, permițându-vă să vă proiectați aplicația în limitele și elementele comune observate în platforma pe care o alegeți. Întrucât sunt întreținuți de dezvoltatorii platformei, ei sunt, în general, mereu la curent și amănunțit.

De exemplu, kit-ul iOS UI de la Apple include dimensiuni de ecran necompletat pentru o serie de dispozitive, exemple de dispozitive Tastatură iOS, elemente de navigare precum panglica din partea de sus a ecranului, butoanele de comutare iOS și Mai Mult. Puteți copia și insera cu ușurință elemente în tablourile de artă de proiectare și puteți crea prototipuri precise.

Adobe menține, de asemenea, câteva alte kituri UI, inclusiv mostre de smartwatch-uri compatibile cu watchOS, kit de site-uri de comerț electronic și un set de exemple pentru crearea aplicații pentru smartphone-uri în monedă digitală Top 10 aplicații Bitcoin și Cryptocurrency pentru iPhoneAcum este mai ușor ca niciodată să cumpărați Bitcoin, să vă convertiți la altcoins și chiar să investiți în ICO-uri, toate de pe telefonul dvs. cu aplicații de cryptocurrency. Citeste mai mult . Va trebui să descărcați corespunzător Kit-uri UI pentru iOS, Proiectarea materialelor Google și Microsoft Windows separat.

Un set simplu de instrumente încorporate

Spre deosebire de celelalte aplicații grafice și de design complexe ale Adobe, XD are o UI curată și frumoasă, cu doar câteva instrumente simple. Aveți formele dvs. de bază: dreptunghiuri, cercuri, linii și un instrument de creion pentru crearea de forme personalizate. Există, de asemenea, un instrument text simplu, cu acces la biblioteca de fonturi Typekit (dar nu toate).

Puteți schimba apoi diverse atribute referitoare la aceste elemente, cum ar fi opacitatea, culoarea de umplere, marginile, umbrele și comportamentul de defilare. În sfârșit, există o lupă și un instrument de artboard pentru extinderea designului.

Adobe XD vă ajută să plasați elementele în locuri plăcute din punct de vedere estetic „prinzându-vă” locul în jurul marginilor ecranului, punctul central al pânzei și la alte elemente. Puteți înlocui acest lucru dacă doriți, ținând apăsat un buton (pe versiunea Mac, este Cmd).

Pe marginea superioară a aplicației, veți vedea două comutări: Proiecta și Prototip. Designul este locul în care îți vei petrece cea mai mare parte a timpului creându-ți viziunea. Treceți la modul Prototip pentru a adăuga diverse interacțiuni între elemente de pe ecran. Puteți declanșa evenimente și puteți comuta la diferite planșe de artă, oferind o experiență simplă pentru utilizator fără să scrieți o linie de cod.

Acest lucru se realizează printr-o simplă interfață de drag and drop, de exemplu: creați un buton cu instrumentul cerc, creați o nouă tablă de artă cu dorința rezultatul apăsării butonului (de exemplu, o filă diferită din aplicația dvs.), treceți la modul Prototip și trageți săgeata de la buton la noul dvs. planșă de lucru. Apăsați butonul „Redare” sau previzualizare pe dispozitivul live pentru a vedea cum se redă.

Puteți chiar să specificați tranzițiile și efectele pentru a face să pară fantezie. Există câteva limitări destul de mari la modul Prototip. Nu poți într-adevăr să te adresezi prea mult, dar îndeplinește un scop și o simplă implementare o face ușor de utilizat.

Cât de limitată este versiunea gratuită a Adobe XD?

Fiind un produs gratuit, Adobe XD este conceput pentru a vă ajuta să fiți conectat la fluxul său de lucru simplu și la instrumentele ușor de utilizat fără a cheltui un ban. Cel mai mare dezavantaj al versiunii gratuite este incapacitatea de a avea mai mult de un prototip partajat activ sau un set de specificații de proiectare simultan.

Deci, pentru primul dvs. proiect sau proiect, versiunea gratuită poate fi suficientă. Când vine vorba de partajarea mai multor proiecte sau proiecte cu echipa sau dezvoltatorii de aplicații, veți lovi rapid un zid. Puteți exporta întotdeauna diversele dvs. tablouri de artă sub formă de fișiere .PNG gratuit, pentru totdeauna prin intermediul Fișier> Export opțiune.

Cu toate acestea, prototipul și interacțiunea partajată între planșe de artă este una dintre caracteristicile de excepție de aici. Aplicația este încă utilă fără ea, doar în aceeași măsură. Nu puteți construi un prototip pe care îl realizați pe deplin, dar puteți stabili rapid designul.

Celelalte limitări ale versiunii gratuite includ un număr limitat de fonturi Typekit și 2 GB de stocare în cloud (spre deosebire de 100 GB) pentru abonații Creative Cloud. Dacă decideți să încasați banii pentru versiunea plătită, Adobe XD vă va costa 9,99 USD / lună pentru această aplicație sau 52,99 USD / lună pentru suita completă Creative Cloud.

Noi gândim Adobe Creative Cloud valorează banii 5 motive pentru a cumpăra Adobe Creative CloudCreative Creative Adobe are multe avantaje deosebite. Am compilat o listă de motive pentru a investi în Adobe Creative Cloud, în timp ce încă poți. Citeste mai mult , cu condiția să obțineți suficientă utilizare.

Adobe XD este un instrument surprinzător de ușor de utilizat

Adobe XD este un instrument util, indiferent dacă intenționați să îl plătiți sau nu. În unele cazuri, puteți scăpa de versiunea gratuită pentru a lucra la proiecte personale mici. Când vine vorba de muncă serioasă și de partajare cu echipe, va trebui să faceți upgrade.

Adobe XD nu este totul-și-sfârșitul designului UI. Designerii folosesc instrumente grafice de ani buni pentru a crea machete pentru site-uri web, proiectări de aplicații și multe altele. Consultați cele mai bune instrumente de grafică vectorială Mac pentru designeri la buget Cel mai bun software vectorial pentru designeri de Mac la bugetIată cel mai bun software vectorial pentru macOS-uri pe care le puteți utiliza gratuit sau cumpărați la buget. Perfect pentru designeri moderni! Citeste mai mult pentru a vedea unele alternative capabile.