Aprende Experience Design CC

Desglose de herramientas de Adobe XD

¡Prueba gratis durante 10 días

nuestros 1220 cursos !

Prueba gratis Mostrar modalidades de suscripción
La sencillez es una de las claves en Adobe Experience Design y, si nos fijamos en la barra de herramientas, nos daremos cuenta de que hay muy pocas, pero todas van a ser necesarias para trabajar en nuestros diseños. Te explicamos para qué sirve cada una.

Transcripción

Vamos a empezar con la parte práctica, analizando toda la interfaz de usuario. Lo haremos con el panel de herramientas. Veremos, que "Adobe Experience Design" es un "software" muy sencillo, donde nos vamos a encontrar simplemente aquellas funciones, que realmente necesitamos para diseñar cualquier página o cualquier aplicación. Un claro ejemplo es la barra de herramientas. Vemos, que hay muy pocas herramientas, tenemos una herramienta de "Selección" directa, una herramienta "Rectángulo", de "Elipse", de "Línea", la herramienta "Pluma", para crear "Texto", para crear "Mesas de trabajo" y la herramienta "Lupa". Para desplazarse entre el documento, lo haremos apretando la tecla "Espacio", vemos que cambia el ícono, aparece la mano, entonces nos vamos a poder desplazar libremente por nuestro lienzo. Con la "Lupa" y la tecla "Alt" apretada podemos alejarnos mientras que si soltamos, vamos a poder acercarnos o hacer selecciones de zona. A la hora de crear "mesas de trabajo", podemos seleccionar la herramienta y veremos que en el panel lateral nos aparecen diferentes elementos preestablecidos, donde podemos empezar, por ejemplo vamos a crear otro "iPhone 6/7 Plus" y una vez que hemos creado el elemento en el panel lateral podemos modificar el tamaño del mismo bloqueando para hacer que sea proporcinal o simplemente trabajando de forma independiente la anchura con la altura. A la hora de trabajar con "Texto" podemos hacer un simple "clic" y nos va a permitir introducir cualquier texto. Y del mismo modo vamos a poder crear caja de texto definida haciendo "clic" y arrastrando. Vemos, que se nos crea una caja de párrafo, donde vamos a poder complementar con el texto que nosotros queramos. Tenemos la herramienta "Pluma", que funciona exactamente igual que en "Illustrator" o que en "Photoshop". Si hacemos "clic" simplemente va a crear líneas rectas, mientras que si pulsamos y arrastramos nos va a crear curvas con tensores que posteriormente vamos a poder modificar libremente o bien, en conjunto o si lo hacemos apretando la tecla "Alt" de forma independiente cada uno de los diferentes tensores. A la hora de crear líneas no tienen ningún secreto, si lo hacemos con la tecla "Shift", lo haremos en ángulos de 90 o 45 grados para que sean rectas y si lo hacemos sin apretar la tecla "Shift" podemos crear cualquier tipo de línea. Con el "Elipse" ocurre lo mismo, aquí tenemos que tener en cuenta que a la hora de crear un elipse, si posteriormente... o un círculo, si lo tenemos que trasladar a "CCS" es exactamente lo mismo hacer un cuadrado y redondear sus bordes. De hecho, a partir de este principio es como se generan los círculos directamente utilizando "CCS". Ya por último, tenemos la herramienta de "Selección directa", que nos va a permitir seleccionar cada uno de los elementos y posicionarlos según necesitemos. Para trabajar con las diferentes "Mesas de trabajo", deberemos seleccionar principalmente el nombre y si lo hacemos y apretamos la tecla "Alt", podemos duplicar esta mesa de trabajo con su contenido. Todo momento vamos a tener guías dinámicas, que nos van a marcar las diferentes distancias y nos van a permitir trabajar con distancias proporcionales, como en este caso es el medianil de 70, que automáticamente detectará esa distancia y te permite tener una estructura visualmente bonita y bien organizada.

Aprende Experience Design CC

Descubre esta novedosa herramienta que pone Adobe a tu disposición, Adobe XD, para trabajar la experiencia de usuario y todo el diseño UX e UI de tus aplicaciones y webs.

52 min (18 Videos)
Actualmente no hay comentarios.
 
Fecha de publicación:2/12/2016

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.