ícono

Al principio de esta serie de “post” sobre Adobe XD les mencioné que XD tiene una virtud poderosa, y es que trabaja con vectores como Adobe Illustrator. Este don es muy bueno debido a que no importa cuanto achiques o agrandes un vector, el mismo se verá bien debido a que los vectores son meramente cálculos matemáticos y no son pixeles; forma en la que trabaja por ejemplo Adobe Photoshop.

Screen Shot 2018-04-13 at 1.16.34 PM

Como recordarán nos quedamos diseñando la barra inferior de nuestra maqueta, e importamos de las maquetas para iOS una barra para colocar iconos. Eeeee… Mirándola bien, no la voy a usar!; vamos a usar y crear nuestros propios iconos. Hoy día usando servicios como: Adobe Stock, Getty Images, iStock, Pond5 y muchos otros servicios que existen en la internet, para comprar fotografías y contenido; podemos encontrar iconos ya creados para ahorrarnos muchos dolores de cabeza o adelantar camino. Ejemplo: digamos que estos iconos los quiero usar pero necesito simplificarlos para que sean propios de la maqueta creada. Si los iconos están creados en vectores, podemos usar dos programas para alterarlos: Adobe XD o Illustrator. Vamos a usar XD!

Screen Shot 2018-04-13 at 1.21.47 PM

Para la sección de Diseño gráfico voy a usar solamente la pluma. Utilizando nuestra herramienta de selección, la cual accedemos a ella presionando la tecla “v” y realizando un “double click” en el vector, podemos seleccionar los vectores que deseamos eliminar.

Screen Shot 2018-04-13 at 1.41.51 PM

Notarás que a casi todos los iconos les eliminé detalles en sus vectores para simplificarlos un poco más; pero el icono de la foto lo cambié por completo. El mismo lo eliminé y usando Adobe XD utilicé un rectángulo grande y muchos pequeños sobrepuestos. Luego los agrupé todos y utilizando las herramientas del “Pathfinder” que se encuentran al lado del botón del “Repeat Grid” pude crear un nuevo icono representativo de un negativo de video. Luego los colocamos juntos, los alineamos y el resultado lo vemos en la siguiente imagen.

Screen Shot 2018-04-13 at 1.46.32 PM

¡Eso es todo por hoy! Sigan diseñado sus páginas. Recuerden utilizar el esquema inicial de aquel “brainstorming” que crearon al principio de esta serie; o hagan como yo, que estoy creando las páginas según llega la musa y según les voy escribiendo estos “post“, jejejejejejejeje! ¡Salven sus trabajos! “Command + s“…

Screen Shot 2018-04-13 at 2.10.30 PM

La semana que viene comenzaremos a trabajar con el prototipo. No se lo pierdan!

¡Buen fin de semana!

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s