Desafío diario de la interfaz de usuario | Días 001–020 | Mi viaje y aprendizajes
¡Hola diseñadores! 👋 Estoy emocionado de compartir mi viaje a través del desafío de la interfaz de usuario de 100 días diarios. Durante los últimos meses, me he desafiado a mí mismo a diseñar un nuevo elemento de interfaz de usuario todos los días para mejorar mis habilidades y esforzarme creativamente.
Quería mostrar mi progreso hasta ahora compartiendo mis primeros 20 días de diseños de interfaz de usuario diarios. Desde pantallas de inicio de sesión y páginas de perfil hasta flujos de pago e interfaces de redes sociales, he tenido la oportunidad de explorar una amplia gama de estilos y técnicas de diseño. La experiencia ha sido gratificante y ya he aprendido mucho de este desafío.
Aquí está el enlace para la segunda parte: UI diaria, día 21–40
UI diaria: día 001–020
Día 001: cree una página de registro, un modal, un formulario o una pantalla de aplicación relacionada con el registro en algo.
UI diaria Día 001- Regístrate
Día 2: Diseñe un formulario o una página de pago con tarjeta de crédito. 👟
UI diario Día 002: página de pago con tarjeta de crédito
Día 3: Diseñar una página de destino
Día diario de la interfaz de usuario 003: página de inicio
Día 4: Diseñar una interfaz de calculadora
UI diario día 004- Calculadora
Día 5: Diseñar el ícono de una aplicación
UI diaria Día 005: ícono de la aplicación
Día 6: Diseñar una vista de perfil
Día diario de la interfaz de usuario 006: vista de perfil
Día 7- Iconos de cristal meteorológico ☀️🌧️
UI diaria Día 007: iconos de vidrio meteorológico
Día 008- 404 Página
UI diaria Día 008- 404 Página
Día 009- Reproductor de música 🎶
Día diario de la interfaz de usuario 009: reproductor de música
Día 011- Mensajes Flash 💬
Día diario de la interfaz de usuario 011: mensajes flash
Día 012: página de comercio electrónico (artículo único)
UI diaria Día 012: página de comercio electrónico (artículo único)
Día 013- Mensajería Directa 💬
UI diaria Día 013: mensajería directa
Día 014- Temporizador de cuenta regresiva ⌛️
UI diaria Día 014: temporizador de cuenta regresiva
Para el día 14, no quería crear un diseño de interfaz de usuario estático y quería probar el prototipo de Figma siguiendo un tutorial de YouTube.
Día 015- Interruptor de palanca
UI diaria Día 015: interruptor de palanca
Diseñé un interruptor de palanca para mi cartera.
Día 016: ventana emergente o superposición 🐱
Día de interfaz de usuario diario 016: ventana emergente o superposición
Día 017- Recibo por correo electrónico 📩🧾
UI diario día 017: recibo por correo electrónico
Día 018- Gráfico de análisis (oscuro) 📉
UI diaria Día 018: gráfico de análisis (oscuro)
Gráfico de análisis (claro) 📉
UI diaria Día 018: gráfico de análisis (claro)
Día 019- Tabla de clasificación 👑
Día diario de la interfaz de usuario 019: tabla de clasificación
Día 20: Rastreador de ubicación 📍
UI diaria día 020: rastreador de ubicación
Al diseñar una pantalla única diferente cada día, pude centrarme en aspectos específicos del diseño de la interfaz de usuario y profundizar realmente en lo que hace que una pantalla sea funcional y fácil de usar.
La importancia de la jerarquía: En el diseño de UI, la jerarquía se refiere a la disposición visual de los elementos en una pantalla en orden de importancia. Esto se puede lograr mediante diversas técnicas de diseño, como tamaño, contraste, color, tipografía y espaciado. Una jerarquía clara ayuda a los usuarios a comprender las relaciones entre los diferentes elementos de la pantalla y guía su atención hacia el contenido más importante.El poder del color y la tipografía: El color y la tipografía son herramientas poderosas en el diseño de UI que pueden ayudar a crear una conexión emocional con el usuario y mejorar el atractivo estético general del diseño. Elegir los colores y la tipografía adecuados también puede mejorar la legibilidad del contenido y facilitar a los usuarios la navegación por la pantalla.El valor de la simplicidad: En el diseño de UI, la simplicidad se refiere a la práctica de eliminar elementos innecesarios y centrarse en el contenido y la funcionalidad esenciales. Un diseño limpio y minimalista a menudo puede ser más eficaz a la hora de transmitir información y guiar al usuario a través del flujo de la pantalla.La necesidad de coherencia: La coherencia en los elementos de diseño, como el color, la tipografía y el diseño, ayuda a crear una experiencia de usuario coherente y armoniosa. Al utilizar elementos de diseño consistentes en toda la pantalla o en todo el producto, los usuarios pueden comprender rápida y fácilmente cómo navegar e interactuar con la interfaz.El valor de exhibir su trabajo en línea: Mostrar su trabajo en línea puede ser una forma eficaz de ganar exposición, crear un portafolio y obtener comentarios de una audiencia más amplia. Comencé a publicar mis diseños de interfaz de usuario diarios en Instagram, Behance, Dribble y LinkedIn y obtuve comentarios valiosos en Instagram y LinkedIn. Esto me ayudó a mejorar mis habilidades de diseño, construir una red de contactos profesionales y exponerme a posibles empleadores y clientes.