Adobe XD: disseny, prototip i compartició amb la solució UX / UI d'Adobe

Avui he instal·lat Adobe XD, la solució UX / UI d’Adobe per prototipar llocs web, aplicacions web i aplicacions mòbils. Adobe XD permet als usuaris canviar de filferros estàtics a prototips interactius amb un sol clic. Podeu fer canvis al disseny i veure el vostre prototip actualitzat automàticament, sense necessitat de sincronització. I podeu previsualitzar els vostres prototips, amb transicions en dispositius iOS i Android, i després compartir-los amb el vostre equip per obtenir comentaris ràpids.

Adobe XD

Les funcions d'Adobe XD inclouen:

  • Prototips interactius - Canvieu de mode de disseny a prototip amb un sol clic i connecteu taules de treball per comunicar el flux i els camins de les aplicacions de múltiples pantalles. Connecteu elements de disseny d'una taula de treball a una altra, incloses les cel·les Repet Grid. Afegiu interaccions amb controls visuals intuïtius per provar i validar l’experiència.
  • Publicar prototips per obtenir comentaris - Genereu enllaços web que es puguin compartir per obtenir comentaris sobre els vostres dissenys o incorporeu-los a Behance o a una pàgina web. Els revisors poden comentar directament els vostres prototips i parts específiques del vostre disseny. Rebràs una notificació quan facin comentaris i només poden actualitzar el navegador per veure els canvis.
  • Taulers de treball ràpids i versàtils: Tant si esteu treballant amb una taula de treball com amb un centenar, XD us ofereix el mateix rendiment ràpid. Disseny per a diferents pantalles i dispositius. Panoràmica i zoom sense temps de retard. Trieu entre mides predeterminades o definiu-ne les pròpies i copieu entre taulers sense perdre la ubicació dels elements de disseny.
  • Repetiu la graella - Seleccioneu elements del vostre disseny, com ara una llista de contactes o una galeria de fotos, i repliqueu-los horitzontalment o verticalment tantes vegades com vulgueu; tots els vostres estils i espais es mantenen intactes. Actualitzeu un element una vegada i els canvis s'actualitzaran a tot arreu.
  • Suport multiplataforma: Adobe XD és compatible de forma nativa amb Windows 10 (Plataforma Universal Windows) i Mac, amb aplicacions mòbils complementàries per a Android i iOS.
  • Tauler d’actius: Feu que els colors i els estils de caràcter estiguin fàcilment disponibles per reutilitzar-los afegint-los al tauler Actius (abans panell Símbols), que inclou automàticament símbols. Editeu qualsevol color o estil de caràcter al tauler i els canvis es reflectiran al document.
  • Símbols reinventats - Estalvieu temps amb símbols, elements de disseny reutilitzables que eliminen la necessitat de trobar i editar cada instància d’un recurs en un document. Actualitzeu-ne un i s'actualitzaran a tot arreu o bé optaran per anul·lar instàncies específiques. Els símbols poden ser gràfics vectorials, imatges ràster o objectes de text, i també es poden utilitzar com a objectes dins de les quadrícules de repetició.
  • Biblioteques creatives al núvol: Amb la integració de Creative Cloud Libraries, podeu accedir i aplicar imatges ràster, colors i estils de caràcters creats a Photoshop CC, Illustrator CC i altres aplicacions Creative Cloud des de XD i reutilitzar-les a qualsevol lloc dels vostres documents.
  • Inspector contextual de propietats - Treballeu en un espai net, gràcies a l’Inspector de propietats que té en compte el context, que només mostra les opcions dels objectes que heu seleccionat. Modifiqueu propietats com el color i el gruix de la vora, els colors d’ompliment, les ombres, els borrons, l’opacitat i la rotació i les opcions d’accés per a l’alineació, les dimensions i la graella de repetició.
  • Navegació intel·ligent sobre tela: Apropeu fàcilment una àrea específica del vostre disseny o feu una selecció en una taula d’art i utilitzeu una drecera per fer zoom cap a la dreta. Panoràmica o zoom amb el ratolí, el touchpad o les tecles de drecera. I obteniu un gran rendiment encara que tingueu centenars de taules d’art.
  • Capes contextuals - Mantingueu-vos organitzats i concentrats mentre gestioneu dissenys complexos gràcies a un enfocament contextual de les capes. XD ressalta només les capes associades al tauler de treball en què esteu treballant, de manera que pugueu trobar ràpidament i fàcilment el que necessiteu.
  • Eines d’orientació del disseny: Dibuixeu, reutilitzeu i barregeu elements de disseny sense problemes utilitzant quadrícules de compleció i altres eines de disseny intuïtives que us ajudin a crear mesures relatives entre objectes, emmascarar amb formes, agrupar, bloquejar, alinear i distribuir elements de disseny, etc.
  • Efectes de desenfocament: Difuminar ràpidament un objecte específic o tot un fons per canviar el punt focal del disseny, donant-li profunditat i dimensió.
  • Gradients lineals versàtils - Creeu bells degradats lineals mitjançant controls visuals senzills però precisos al selector de colors. També podeu importar degradats de Photoshop CC i Illustrator CC.
  • Eina de ploma moderna - Dibuixa formes i camins fàcilment amb l’eina Pen. Utilitzeu camins personalitzats, afegiu o elimineu punts d’ancoratge, manipuleu fàcilment línies i canvieu entre camins corbats i angulars, tot amb la mateixa eina.
  • Edició de grups booleans: Creeu i experimenteu amb formes complexes combinant grups d'objectes mitjançant operadors booleans no destructius.
  • Estil de tipografia: Text d'estil amb control precís per millorar l'experiència de l'usuari. Ajusteu fàcilment elements tipogràfics com ara tipus de lletra, tipus de lletra, mida, alineació, interlineat de caràcters i interlineat. Canvieu l'aparença del text de la mateixa manera que canvieu altres elements a XD com ara opacitat, ompliment, efectes de fons i desenfocament i vores.
  • Control de color optimitzat: Escolliu els colors introduint valors exactes o fent mostreigs des de dins o fora de XD amb el comptagotes. Creeu i deseu mostres de color i utilitzeu dreceres per a codis hexadecimals al selector de colors.
  • Recursos de la IU - Disseny i prototip ràpidament per a dispositius Apple iOS, Google Material Design i Microsoft Windows mitjançant components d’interfície d’usuari d’alta qualitat.
  • Copia i enganxa d'altres aplicacions de disseny: Incorporeu obres d'art a XD des de Photoshop CC i Illustrator CC.
  • Previsualitzacions iOS i Android en context: Previsualitzeu els vostres dissenys i totes les interaccions als dispositius reals als quals voleu orientar els anuncis. Feu canvis a l’escriptori i, a continuació, proveu-los als vostres dispositius per comprovar-ne la fidelitat i la facilitat d’ús.
  • Consells sobre punts d'accés: Ressalteu automàticament els punts d'interès del prototip perquè els usuaris puguin veure quines àrees són interactives i on es pot fer clic.
  • Gestió de prototips - Creeu diversos URL des del mateix fitxer per compartir diferents versions del vostre prototip. Compartiu un nombre il·limitat de prototips i accediu-los i suprimiu-los fàcilment del vostre compte de Creative Cloud.
  • Enregistreu interaccions de prototips com a vídeos: En fer clic a la previsualització, enregistreu un fitxer MP4 per compartir-lo amb el vostre equip o els grups d'interès (només per a Mac).
  • Exporteu il·lustracions, recursos i taules de treball: Exporteu imatges i dissenys en formats PNG i SVG, que podeu configurar per a iOS, Android, web o la vostra configuració personalitzada. Exporteu una taula de treball sencera o elements individuals. I compartiu recursos i taulers d'exportació exportant-los com a fitxers PDF individuals o com a fitxer PDF únic.
  • Suport en diversos idiomes: Els idiomes admesos inclouen anglès, francès, alemany, japonès i coreà.
  • Notificacions per correu electrònic de comentaris - Rep notificacions per correu electrònic quan els grups d'interès comentin els teus prototips web. Els correus electrònics es poden enviar individualment o per lots en un resum diari

El millor de tot és que Adobe XD ve amb la meva llicència per a Adobe Creative Suite.

Divulgació: som afiliats a Adobe.

Què et sembla?

Aquest lloc utilitza Akismet per reduir el correu no desitjat. Esbrineu com es processa el vostre comentari.