Adobe XD: Deseña, prototipa e comparte coa solución UX / UI de Adobe

Hoxe instalei Adobe XD, a solución UX / UI de Adobe para facer prototipos de sitios web, aplicacións web e aplicacións móbiles. Adobe XD permite aos usuarios cambiar de fíos estáticos a prototipos interactivos cun só clic. Podes facer cambios no teu deseño e ver a actualización do teu prototipo automaticamente, sen necesidade de sincronización. E pode previsualizar os seus prototipos, completos con transicións en dispositivos iOS e Android, e despois compartilos co seu equipo para obter comentarios rápidos.

Adobe XD

As características de Adobe XD inclúen:

  • Prototipos interactivos - Cambia do deseño ao modo prototipo cun só clic e conecta as táboas de arte para comunicar o fluxo e os camiños das aplicacións con varias pantallas. Conecte elementos de deseño dunha táboa de arte a outra, incluídas as celas Repeat Grid. Engade interaccións con controis visuais intuitivos para probar e validar a experiencia.
  • Publicar prototipos para obter comentarios - Xera ligazóns web que se poidan compartir para obter comentarios sobre os teus deseños ou incrustalos en Behance ou nunha páxina web. Os revisores poden comentar directamente os teus prototipos e partes específicas do teu deseño. Recibirás unha notificación cando fagan comentarios e simplemente poden actualizar o seu navegador para ver os teus cambios.
  • Cadros de traballo rápidos e versátiles - Tanto se está a traballar cunha táboa de arte como con cen, XD ofrécelle o mesmo rendemento rápido. Deseño para diferentes pantallas e dispositivos. Panorámica e zoom sen tempo de atraso. Elixe entre tamaños predefinidos ou define o teu e copia entre táboas sen perder a colocación dos elementos de deseño.
  • Repetir reixa - Selecciona elementos do teu deseño, como unha lista de contactos ou unha galería de fotos, e replícaos horizontal ou vertical cantas veces queiras. Todos os teus estilos e espazos permanecen intactos. Actualice un elemento unha vez e os seus cambios actualizaranse en todas partes.
  • Soporte multiplataforma - Adobe XD admite nativamente Windows 10 (Plataforma Universal Windows) e Mac, con aplicacións móbiles complementarias para Android e iOS.
  • Panel de activos - Fai que as cores e os estilos de personaxe estean facilmente dispoñibles para a súa reutilización engadíndoos ao panel Activos (anteriormente o panel Símbolos), que inclúe automaticamente símbolos. Edite calquera cor ou estilo de carácter no panel e os cambios reflectiranse ao longo do documento.
  • Símbolos reinventados - Aforre tempo con símbolos, elementos de deseño reutilizables que eliminan a necesidade de atopar e editar cada instancia dun recurso nun documento. Actualice un e actualizaranse en todas partes ou optar por anular instancias específicas. Os símbolos poden ser gráficos vectoriais, imaxes raster ou obxectos de texto e tamén se poden empregar como obxectos dentro das cuadrículas de repetición.
  • Bibliotecas Creative Cloud - Coa integración de Creative Cloud Libraries, podes acceder e aplicar imaxes raster, cores e estilos de personaxes creados en Photoshop CC, Illustrator CC e outras aplicacións Creative Cloud desde XD e reutilizalas en calquera lugar dos teus documentos.
  • Inspector contextual de propiedades - Traballa nun espazo sen límites grazas ao inspector de propiedades que ten en conta o contexto, que só mostra opcións para os obxectos que seleccionou. Modifique propiedades como a cor e o grosor do bordo, as cores de recheo, as sombras, os desenfoques, a opacidade e a rotación e as opcións de acceso para o aliñamento, as dimensións e a repetición da cuadrícula.
  • Navegación intelixente sobre lenzo - Amplía facilmente unha área específica do teu deseño ou fai unha selección nunha táboa de arte e usa un atallo para facer zoom á dereita. Panorámica ou zoom co rato, o panel táctil ou os atallos de teclado. E obtén un bo rendemento aínda que teñas centos de táboas de arte.
  • Capas contextuais - Mantente organizado e concentrado mentres xestiona deseños complexos grazas a un enfoque contextual das capas. XD resalta só as capas asociadas á mesa de traballo na que está a traballar, para que poida atopar de xeito rápido e sinxelo o que precisa.
  • Ferramentas de guía de deseño - Debuxa, reutiliza e mestura sen problemas elementos de deseño empregando cuadrículas de complemento e outras ferramentas de deseño intuitivas que che axuden a crear medidas relativas entre obxectos, enmascarar con formas, agrupar, bloquear, aliñar e distribuír elementos de deseño, etc.
  • Efectos de desenfoque - Desenfoque rapidamente un obxecto específico ou todo un fondo para cambiar o punto focal do seu deseño, dándolle profundidade e dimensión.
  • Gradientes lineais versátiles - Crea fermosos degradados lineais usando controis visuais sinxelos pero precisos no Selector de cores. Tamén pode importar degradados de Photoshop CC e Illustrator CC.
  • Ferramenta de pluma moderna - Debuxa formas e camiños facilmente coa ferramenta Pen. Use camiños personalizados, engada ou elimine puntos de ancoraxe, manipule facilmente as liñas e cambie entre camiños curvados e en ángulo, todos coa mesma ferramenta.
  • Edición grupal booleana - Crea e experimenta con formas complexas combinando grupos de obxectos usando operadores booleanos non destrutivos.
  • Estilo tipográfico - Texto de estilo con control preciso para mellorar a experiencia do usuario. Axuste facilmente elementos tipográficos como tipo de letra, tipo de letra, tamaño, aliñamento, espazamento de caracteres e espazamento entre liñas. Cambia a aparencia do teu texto do mesmo xeito que cambias outros elementos en XD como opacidade, recheo, efectos de fondo e desenfoque e bordos.
  • Control de cor simplificado - Escolle cores introducindo valores exactos ou tomando mostras desde XD dentro ou fóra co contagotas. Crea e garda mostras de cor e usa atallos para códigos hexadecimais no Selector de cores.
  • Recursos de IU - Deseña e prototipa rapidamente para dispositivos Apple iOS, Google Material Design e Microsoft Windows usando compoñentes de interface de usuario de alta calidade.
  • Copiar e pegar doutras aplicacións de deseño - Trae obras de arte a XD desde Photoshop CC e Illustrator CC.
  • Vista previa en contexto de iOS e Android: Previsualiza os teus deseños e todas as interaccións nos dispositivos reais aos que estás dirixido. Faga cambios no escritorio e logo probalos nos seus dispositivos por fidelidade e usabilidade.
  • Consello de punto de acceso: Resalte automaticamente os puntos de interese do seu prototipo para que os usuarios poidan ver que áreas son interactivas e onde se pode facer clic.
  • Xestión de prototipos - Crea varios URL desde o mesmo ficheiro para compartir diferentes versións do teu prototipo. Comparte un número ilimitado de prototipos e accede e elimínaos facilmente da túa conta Creative Cloud.
  • Grava interaccións de prototipos como vídeos - Ao facer clic na vista previa, grava un ficheiro MP4 para compartilo co teu equipo ou partes interesadas (só para Mac).
  • Exportar ilustracións, activos e táboas de arte: Exporta imaxes e deseños en formatos PNG e SVG, que podes configurar para iOS, Android, web ou a túa propia configuración personalizada. Exporta unha mesa de traballo completa ou elementos individuais. E comparte recursos e táboas de traballo exportándoos como ficheiros PDF individuais ou como un único ficheiro PDF.
  • Asistencia en varios idiomas - Os idiomas compatibles inclúen inglés, francés, alemán, xaponés e coreano.
  • Notificacións por correo electrónico para comentarios - Recibe notificacións por correo electrónico cando as partes interesadas comenten os teus prototipos web. Os correos electrónicos pódense enviar individualmente ou por lotes nun resumo diario

O mellor de todo é que Adobe XD inclúe a miña licenza para Adobe Creative Suite.

Divulgación: somos afiliados a Adobe.

¿Que pensas?

Este sitio usa Akismet para reducir o spam. Aprende a procesar os teus datos de comentarios.