Prototipar una aplicación para iPhone X con Adobe XD CC

UI

Para los diseñadores de interfaces de aplicaciones móviles es muy importante contar con herramientas ágiles para crear prototipos de sus aplicaciones, hoy vamos a crear un prototipo base para una aplicación iPhone, aprendiendo esto vas a poder crear prototipos más complejos y mejor elaborados.

Cuando abrimos Adobe XD nos muestra una pantalla de bienvenida para crear un nuevo documento seleccionamos iPhone con la medida deseada, usaremos iPhone X (375 x 812)

Apple iOS UI Kit

Ya tenemos nuestra mesa de trabajo nueva (canvas) para prototipar la aplicacion, ahora vamos al menú que esta al lado izquierdo de la pantalla y seleccionamos Get UI Kits > Apple iOS

Nos enviará a una nueva página en donde descargaremos el Kit para iOS de Adobe XD, nos muestra que están trabajando en una nueva versión pero podemos usar sin problemas la antigua y actual versión, la descargamos.

Hasta la fecha de este artículo nos descargo un archivo dmg con el nombre iOS-11-AdobeXD.dmg este archivo lo abrimos con el programa 7-Zip si estas en Windows para extraer el contenido del archivo .dmg que descargamos y navegamos dentro de la carpeta UI Elements + Design Templates + Guides y vemos que esta en formato XD y lo podemos abrir como si fueran un documento normal de Adobe XD

Ahora tendremos el kit de elementos iPhone X el cual podemos copiar, pegar, arrastrar, etc. para hacer nuestro prototipo

Prototipo iPhone X

Vamos a crear una notificación que nos avisa que tenemos un nuevo tutorial publicado, al lado derecho sus extensiones, Leer el tutorial y Recordar

Con esto tendremos nuestro prototipo base para así poder crear otros mas complejos

 

Síguenos en nuestras Redes Sociales para que no te pierdas nuestros próximos contenidos.

Newsletter

Suscríbete a Nuestro Boletín de Novedades:

(Luego de la suscripción no te va salir ningun mensaje. Solo revisa tu bandeja de Correo para confirmar tu suscripción)
* indicates required