Editor Top
Llamamiento a todos los diseñadores: los invitamos a usar sus poderes para diseñar una experiencia de navegación «súper» para una aplicación que ayude a nuestros héroes desarrolladores a combatir las catástrofes de código y los desastres de diseño.
En este desafío, diseñarás una barra de pestañas y una pantalla de una aplicación ficticia para ayudar a tus superhéroes favoritos. Independientemente del tipo de aplicación que decida crear, su desafío es organizar su funcionalidad principal en secciones en una barra de pestañas.
Bonificación: si te sientes súper creativo, diseña la pantalla raíz de una de las pestañas de esa aplicación. ¿Qué necesitarían ver tus héroes? ¿Qué acciones tomarían? (Nota: aunque solo está diseñando una pantalla, las funciones diseñadas en esta vista deberían funcionar en armonía con las otras pestañas de la aplicación propuesta).
¡También te invitamos a visitar el Design Study Hall para colaborar en este desafío! Haga preguntas, conéctese con otros desarrolladores y comparta sus creaciones.
Empieza el reto
Para comenzar, recomendamos ver «Explorar la navegación de diseño para iOS» para aprender cómo puede aprovechar las estructuras de navegación existentes para simplificar interacciones complejas en su aplicación sin comprometer su personalidad. Explore las mejores prácticas y los errores comunes al trabajar con barras de pestañas, modalidad y más.
También recomendamos consultar «Escritura para interfaces» para obtener más información sobre cómo crear etiquetas y escritura claras, conversacionales y útiles en su aplicación.
Explora el diseño de navegación para iOS
Los patrones de navegación familiares pueden ayudar a las personas a explorar fácilmente la información dentro de su aplicación y evitar confusiones innecesarias. Le mostraremos cómo aprovechar las estructuras de navegación existentes para simplificar interacciones complejas en su aplicación sin comprometer su personalidad. Aprender…
Escritura para interfaces
Las palabras y frases que elijas para tu aplicación importan. Ya sea que esté escribiendo una alerta, creando una experiencia de incorporación o describiendo una imagen para la accesibilidad, aprenda cómo puede diseñar a través de la lente del lenguaje y ayudar a las personas a aprovechar al máximo su aplicación. Le mostraremos cómo crear claro,…
Una vez que esté listo para comenzar a diseñar, visite la página de recursos de diseño de Apple para descargar la plantilla de diseño de iOS y obtener acceso a los símbolos de la barra de pestañas y los colores del sistema iOS. También recomendamos descargar y explorar la aplicación SF Symbols para crear una iconografía atractiva para su barra de pestañas.
Las aplicaciones de iOS pueden tener entre dos y cinco pestañas, así que considere qué características serían más relevantes para la aplicación de superhéroes que está diseñando. ¡No olvide usar etiquetas descriptivas y breves para cada pestaña!
Recursos de diseño de Apple
Descargar Símbolos SF
Muéstranos tu super trabajo publicándolo en Twitter con el hashtag #WWDC22Challenges, o comparte tu trabajo en Design Study Hall. Y si desea hablar sobre otros temas de diseño, únase al equipo en eventos durante el resto de la semana en WWDC22.
Explore #WWDC22Challenges en las redes sociales
Lee los términos y condiciones de los desafíos de la WWDC22
