Adobe XD Instrumentul de design gratuit UI și UX puteți folosi chiar acum

Nu este adesea asociat cu Adobe “liber” dar asta este exact ceea ce compania a făcut cu Adobe XD. Este o aplicație de prototipare cu interfață rapidă pentru dispozitive mobile și site-uri web, permițând designerilor să vină rapid cu modele pentru platforme specifice.

Cel mai bun lucru despre Adobe XD este cât de ușor este de folosit. Chiar dacă aveți puțină experiență în a proiecta ceva, există doar o curbă de învățare foarte graduală care să vă țină înapoi.

Chiar și UI-ul este răcoritor, fără toate instrumentele și panourile care pun atât de mulți oameni în afara aplicațiilor precum Photoshop, Illustrator și Lightroom 15 Alternative gratuite pentru Photoshop, Illustrator, Lightroom și alte 15 alternative gratuite pentru Photoshop, Illustrator, Lightroom și Mai mult Nu doriți să cheltuiți 50 USD pe lună pentru un abonament Adobe Creative Cloud? Iată câteva din cele mai bune alternative gratuite disponibile. Citeste mai mult . În acest articol, vă vom prezenta Adobe XD și explicați ce puteți și ce nu puteți face.

Ce este Adobe XD?

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

Crearea de aplicații mobile Efectuați-vă prima aplicație mobilă cu aceste pachete de cursuri reduse Faceți-vă prima aplicație mobilă cu aceste pachete de cursuri reduse Aveți ce este nevoie pentru a dezvolta următoarea mare iOS sau aplicație Android? Aceste pachete de cursuri foarte reduse te vor învăța cum se face! Citește mai mult și site-urile care lucrează pot lua o mulțime de know-how tehnic. Adobe XD vă oferă instrumentele necesare pentru a transforma o idee într-o dovadă a conceptului. Când ați terminat, veți avea un plan din care să lucrați și unul pe care îl puteți schimba fără sfârșit până când sunteți mulțumit de design.

În același mod în care arta conceptului este atât de importantă în eforturile creative (a se vedea acest frumos concept de joc video arta Unde să găsiți un joc video frumos Concept Art Online Unde să găsiți un joc video frumos Concept Art Online Vrei să vezi unele dintre frumosul concept de artă din spatele tău Aici puteți găsi resursele de artă video pe care le aveți la dispoziție! Citește mai mult ca dovadă), o dovadă a conceptului de design al interfeței dorite este importantă atunci când vine vorba de construcția de software și de site-uri web. Oferind programatorilor un concept care să se potrivească atât de strâns cu produsul finit este o modalitate excelentă de a vă alinia așteptările cu ceea ce este posibil.

Cea mai bună aplicație este concepută astfel încât să poată fi utilizată de oricine. Indiferent dacă sunteți un designer condus, un programator sau cineva care nu are ambele abilități; Adobe XD poate reduce diferența dintre viziunea dvs. și cunoștințele tehnice. Nu trebuie să învățați nici măcar să codați Învățați să codificați Remixarea aplicațiilor existente gratis Aflați codul prin remixarea aplicațiilor existente gratuit Acest site vă permite să creați sau să remixați aplicații, permițându-vă să deveniți creativi fără teama de a sparge nimic. Citiți mai multe pentru a proiecta o aplicație.

Ce poate face Adobe XD?

Adobe XD este proiectat cu câteva aplicații specifice în minte, dar puteți gândi și în afara casetei. Aplicația facilitează includerea de șabloane pentru:

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

Nu trebuie să rămânem la aceste șabloane, sunt doar acolo pentru a vă ușura viața. De asemenea, puteți specifica o dimensiune interfață complet personalizată (adică ecran) și începeți să proiectați pentru aproape orice platformă pe care o puteți imagina.

Dacă proiectați o aplicație mobilă, puteți să descărcați aplicația gratuită Adobe XD pentru platforma dvs. și să exportați desenele pentru o previzualizare live pe dispozitivul dvs..

UI Kit-uri face viața chiar mai ușoară

Dacă vă gândiți să proiectați pentru iOS 7 Motive pentru care limbajul de programare rapidă este în valoare de învățare 7 Motive pentru limbajul de programare rapidă, care merită să învățați Trebuie să învățați mai devreme limba de programare Swift mai degrabă decât mai târziu, dacă nu doriți să rămâneți în urmă. Iată câteva motive excelente care te pot convinge. Citește mai mult, Android, Windows sau altă platformă bine stabilită; puteți utiliza kiturile 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 cadrul constrângerilor și elementelor comune văzute în platforma aleasă. Deoarece sunt întreținute de dezvoltatorii de platforme, aceștia sunt, în general, actualizați și aprofundați.

De exemplu, kitul iOS UI al Apple conține dimensiuni ale ecranului gol pentru o serie de dispozitive, exemple ale tastaturii iOS, elemente de navigație precum panglica din partea superioară a ecranului, butoanele de comutare iOS și multe altele. Puteți să copiați și să lipiți cu ușurință elementele în placile de design și să creați prototipuri exacte.

Adobe, de asemenea, menține câteva seturi de UI, inclusiv mostre inteligente watchOS, un kit de site de e-commerce și un set de exemple pentru crearea de aplicații smartphone cu valută digitală Top 10 aplicații Bitcoin și Cryptocurrency pentru iPhone Top 10 aplicații Bitcoin și Cryptocurrency pentru iPhone Acum este mai ușor decât oricând să cumpărați Bitcoin, să vă convertiți la altcine și chiar să investiți în ICO, toate de pe telefonul dvs. cu aplicații criptocurrency. Citeste mai mult . Va trebui să descărcați kiturile de UI corespunzătoare pentru iOS, designul materialului Google și Microsoft Windows separat.

Un set simplu de instrumente încorporate

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

Puteți apoi să modificați atribute diferite legate de aceste elemente, cum ar fi opacitatea, culoarea umplerii, marginile, umbrele și comportamentul de defilare. În sfârșit, există un instrument de lupă și o placă de desen pentru extinderea designului.

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

Pe marginea de sus a aplicației veți vedea două comutări: Proiecta și Prototip. Designul este locul unde veți petrece cea mai mare parte a timpului creând viziunea. Treceți la modul Prototype pentru a adăuga diferite interacțiuni între elementele de pe ecran. Puteți declanșa evenimente și puteți comuta la diferite tablouri de bord, oferind o experiență simplă de utilizare fără a scrie o linie de cod.

Acest lucru se face printr-o interfață simplă de tragere și plasare, de exemplu: creați un buton cu instrumentul cerc, creați o nouă placă de desen cu rezultatul dorit al butonului apăsat (de exemplu o altă filă în aplicația dvs.), treceți la modul Prototype glisați săgeata de la buton în noul dvs. placă de lucru. Loveste “Joaca” buton sau previzualizare pe dispozitivul live pentru a vedea cum funcționează.

Puteți specifica chiar și tranziții și efecte pentru a face să pară fantezie. Există câteva limitări destul de mari pentru modul Prototype. Nu puteți obține prea mult în profunzime cu ea, dar servește unui scop și este simplu de implementare, ceea ce îl face ușor de utilizat.

Cum Limited este versiunea gratuită a Adobe XD?

Fiind un produs gratuit, Adobe XD este proiectat pentru a vă face să vă conectați la fluxul său simplu de lucru și instrumente 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 comun activ sau un set de specificații de proiectare la un moment dat.

Prin urmare, pentru primul dvs. proiect sau proiect, versiunea gratuită poate fi suficientă. Când vine vorba de a împărtăși mai multe proiecte sau proiecte cu echipa sau dezvoltatorii de aplicații, veți lovi rapid un zid. Puteți să exportați diferite tablouri de artă ca fișiere .PNG gratuit, pentru totdeauna prin Fișier> Exportați opțiune.

Cu toate acestea, prototipul comun și interactivitatea dintre tablourile de artă sunt una dintre caracteristicile de excepție de aici. Aplicația este în continuare utilă fără ea, doar nu în aceeași măsură. Nu puteți construi un prototip pe deplin realizat, dar puteți să vă stabiliți 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ă cumpărați bani pentru versiunea plătită, Adobe XD vă va costa 9,99 USD / lună numai pentru această aplicație sau pentru suma totală de 52,99 USD / lună pentru întregul pachet Creative Cloud.

Credem că Adobe Creative Cloud merită banii 5 Motive pentru a cumpăra cloud-ul creativ Adobe 5 Motive pentru cumpărarea cloud-ului Adobe Creative Cloud-ul creativ Adobe vine cu multe avantaje mari. Am compilat o listă de motive pentru a investi în Adobe Creative Cloud în timp ce încă mai puteți. Citiți mai multe, cu condiția să aveți suficientă utilizare din acesta.

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

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

Adobe XD nu este design-ul UI-ului. Designerii au folosit instrumente de grafică de ani de zile pentru a crea machete pentru site-uri web, aplicații și multe altele. Check out cele mai bune instrumente de grafică vectorială Mac pentru designeri cu un buget Cel mai bun software vectorial pentru designeri Mac pe un buget Cel mai bun software vectorial pentru designeri Mac pe un buget Adobe Illustrator ar putea fi standardul de aur când vine vorba de software-ul vectorial pentru Mac, dar nu trebuie întotdeauna să cheltuiți o avere pentru software-ul de proiectare. Citiți mai multe pentru a vedea unele alternative capabile.

Explorați mai multe despre: Adobe Creative Cloud, Design.