Introducción al diseño UI

Introducción al diseño UI

“¡Hola! Has llegado al final del curso. A lo largo del curso te conté un montón de experiencias y sentimientos que envuelven a este maravilloso mundo de los UI, te conté cómo todo al final del día se ha convertido en una experiencia gratificante, me ha llevado no solo a conocer más sobre el tema, sino también, a querer saber cada día más de él. Tengo la firme creencia de que esta comunidad está creciendo día con día y compartir lo que sabemos es clave para lograr cada vez mejores resultados en los UI. Es por ello que en cada oportunidad comparto contigo todo lo que he aprendido en el camino. Pero, ahora es tu momento de empezar este viaje, ha llegado el momento para iniciar, ¡tu propio proyecto! Para ayudarte en el camino te comparto la serie de pasos que seguí para crear el mio. ¡Vamos a ver! Escoge tu herramienta Te mostré una gran variedad de herramientas que puedes utilizar para crear tu proyecto. En mi caso, elegí Figma, te conté algunas de las razones por las cuales me decidí a usar esta herramienta. Pero, tú puedes usar la que tu quieras, te recomiendo que utilices aquella con la que te sientas mejor y más cómodo.

¡Inicia tu proceso de diseño! Antes de tomar cualquier camino, es importante que sepas qué es lo que quieres o a dónde quieres llegar. Te enseñé que algunas de las cuestiones claves son: entender el problema y pensar en el usuario. ¡Recuerda que habrá ocasiones en las que deberás trabajar en equipo! No tengas miedo de comunicarte con los programadores, si tienes tu idea clara, será más sencillo para ellos entenderte. Tu benchmark Para empezar a crear interfaces, te enseñé cómo crear tus benchmarks. En este caso yo lo hice para “Freshi”. Te muestro cómo realizar dos tipos, el primero tomando en cuenta productos que ya tiene mi marca y el segundo enfocado solamente en diseño. Los wireframes Comencé a crear mis wireframes y te enseñé cómo utilizarlos para materializar nuestras ideas. Te recomiendo tener siempre en mente la frase: “Qué es lo que quiero comunicar” ¡Piensa en la estructura y en la información! No tiene que ser perfecto, puedes comenzar como yo lo hice tomando un papel y un lápiz. Después tendrás tiempo de perfeccionarlos. Unas letras por aquí y otras letras por allá Seleccioné la tipografía para mi proyecto, tomando en cuenta cuestiones como el tamaño, el peso y hasta los tipos de textos. Te mencioné la importancia de la armonía y cómo lograrla con la tipografía, pues esta define un 80% de la misma. Los layouts Empecé diseñando los box models, y te enseñé cómo utilizarlos para optimizar los espacios. Generé también las jerarquías necesarias para nuestra web responsive. ¿Cómo usar los colores? Utilicé los colores RGB para posteriormente poder elegir los colores más adecuados para mi proyecto, así pude definir mi paleta de colores. Recuerda que los colores digitales funcionan de diferente manera, por ello, es importante que lo hagas siempre tomando en cuenta los colores RGB. Los iconos Busque los iconos adecuados para mi proyecto, tomando en cuenta que fueran todos de la misma familia. Los iconos pueden decir más que mil palabras, es importante que no cedas en la búsqueda hasta encontrar los mejores. ¡Haz tus botones! Te enseñé cómo crear los botones apropiados. Realice los míos tomando en cuenta si deseaba que fueran botones primarios, secundarios o terciarios. Listas y cards Finalmente realicé las listas de algunos productos que comparten ciertas características. También hice algunos cards, asegurándome que contienen todo lo necesario para para comunicar la información que requiero hacer llegar al usuario. ¡Diseña tu login! Hice los logins de mi proyecto, tanto para el ordenador como para la versión mobile. ¡Y listo, ya tienes tu web responsive! Siempre que inicies algún proyecto te recomiendo hacerte constantemente la pregunta “por qué”, esto te será de gran ayuda para identificar si lo que quieres crear resuelve alguna problemática. El mejor consejo que te puedo dar es que mantengas siempre viva tu curiosidad, de esta forma podrás estar siempre aprendiendo, conociendo y te sentirás más cómodo para iniciar una nueva aventura. Me ha dado un gusto enorme compartir contigo este nuevo curso, espero que te haya servido para crear todas las ideas de tu mente o simplemente para aclarar algunas dudas. ¡No olvides compartir el resultado de tu proyecto final! ¡Un fuerte abrazo fuerte desde Perú! 🇵🇪 ”

Transcripción parcial del vídeo

“Hola, en esta lección haremos un breve repaso de lo visto en el curso. En la primera unidad hablamos sobre el mindset que debe tener un UI Designer. y como el continuo aprendizaje en esta carrera es esencial. Luego te enseñe el proceso de diseño de un producto digital. y te mostré las herramientas de las que puedes hacer uso. Como Figma, Sketch o Adobe XD para iniciar tus proyectos. Después hablamos de la inspiración. el benchmark y la importancia de los Y-Friends. Dedicamos dos unidades a tratar los conceptos que todo diseñador debe saber. Como la tipografía, el color, el layout y los ícon...”

Generamos automáticamente esta transcripción y puede haber erratas.

Resumen del curso: Introducción al diseño UI

• Nivel: Iniciación
• 95% valoraciones positivas (340)
• 11016 estudiantes
• 6 unidades didácticas
• 21 lecciones (2h 30m)
• 1 recurso adicional

• Categoría

  Diseño Web y App

• Áreas

  Diseño, Diseño de apps, Diseño interactivo, Diseño mobile, Diseño Web