How to design a mobile app in Lunacy. Part 1

bienvenido a la locura diseñemos una aplicación móvil de aprendizaje electrónico este tutorial consta de cuatro partes en la primera parte explicaré cómo trabajar con ilustraciones y kits de interfaz de usuario crear estilos y variables de color crear un nuevo documento crear una mesa de trabajo simplemente haga clic sobre el lienzo para usar el ajuste preestablecido predeterminado de iPhone 13 o seleccione cualquier otro ajuste preestablecido de la lista cree un rectángulo cambie el radio de la esquina y el color del rectángulo cree una variable de color agregue la barra de estado desde los kits de interfaz de usuario agregue una ilustración agregue un texto debajo del rectángulo [Música] cree el primer estilo de texto y asígnele un nombre agregue otro bloque de texto [Música] [Aplausos] y cree el segundo estilo de texto [Aplausos] [Música] ahora vamos a crear un indicador de página actual para esto usaremos dos puntos suspensivos y un rectángulo redondeado ahora crearemos un botón con el rectángulo seleccionado habilitar la herramienta de texto el bloque de texto se agrupa automáticamente con el rectángulo y se alinea con el centro de la forma [Música] th La primera vista está lista, creemos otra [Música], otro rectángulo y otra ilustración , no olvides agregar la barra de estado, crea un bloque de texto debajo del rectángulo, aplica un estilo de texto, crea un rectángulo largo, agrega un borde y elimina el relleno.

Ajuste el radio de la esquina y el color del borde agregue un bloque de texto y genere una dirección de correo electrónico luego aplique un estilo de texto al bloque aquí hay un campo de entrada duplique el campo cambie el texto y su color [Música] duplique el botón de la primera mesa de trabajo [Música] modifica el texto [Música] crea un círculo [Música] encuentra el ícono de google y ajústalo al círculo crea dos duplicados y cambia google por otros logos usando la herramienta de íconos [Música] agrega dos bloques de texto más y ajústalos para ver más tutoriales en nuestro blog, el enlace en la descripción debajo del video [Música ] asegúrese de que todas las capas estén perfectamente alineadas [Música] la segunda vista está lista [Música] en el próximo tutorial crearemos la h una pantalla

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *