PROTOTIPO DE INTERFAZ

 PRACTICA 002:  CREAR UN PROTOTIPO DE INTERFAZ

Ing. Honoria Reyes Macedo 
 

ACTIVIDADES

En esta práctica partiremos de una necesidad de vender o mostrar productos en internet.

El tema lo escogerán en forma individual, ya sea venta de zapatos, flores, fotografías, ropa, cursos, lentes, gorras, sombreros, muebles, lámparas, antojitos, productos de belleza, papelería, bicicletas, motos, café, joyería, casas, paquetes de viaje, tamales, mochilas, artesanías, articulos para bebe, ropa extra talla, ropa deportiva, bodas, articulos para fiesta, servicio de estilismo, etc.

 

1.- ESCOGER TEMA (Indicar que vender por internet).  En este ejemplo se eligió venta de libros

EJEMPLO YA ANALIZADO EN FORMA BASICA:

Nota: Recuerda que para obtener un análisis completo de los datos de la aplicacion, existe la “Ingenieria de Requisitos”

2.- ESCOGER CARACTERISTICAS DE LA INTERFAZ A CREAR

 

2.1.- ESCOGER NOMBRE DEL TEMA PARA NUESTRA APLICACIÓN Y AGREGAR AL FINAL NUESTRAS INICIALES

                EJEMPLO 

LIBROS_HRM

               

2.2.-ESCOGER COLORES PARA LA APLICACIÓN DE ACUERDO AL TEMA                 

Sugerencia de colores:  https://color.adobe.com/es/create/color-wheel                              

Sugerencia de gradientes:  https://webgradients.com/

COPIAR SUS EQUIVALENTES EN HEXADECIMAL. EN ESTE CASO AGREGUE OTROS COMO BLANCO, NEGRO Y COBRE

#71876B,    #3C4738,    #A7C79E,    #B1D4A7,    #91AD89

#DF7401 (cobre),    #FFFFFF (blanco),      #000000 (negro)

2.3.- BUSCAR IMÁGENES(*.png ó *.xml)  Para el logo y otro para el icono 

                Que no exceda de 10kb de tamaño

Sugerencia de iconos: https://material.io/resources/icons/?icon=event&style=baseline

Sugerencia de imágenes: https://openclipart.org/

Nota: Puedes editar la imagen para cambiarle el tamaño

 

2.4.- ESCOGER TIPO DE LETRAS 

Sugerencia de letras:      https://fonts.google.com/

 

2.5.- INVESTIGAR LOS TAMAÑOS DE PANTALLA :

Android divide a las densidades de pantalla en cuatro densidades básicas: (LDPI (bajo), MDPI (medio), HDPI (alto), y XHDPI (muy alta). )

Definir  cada una de ellas:_________

2.6.- CREAR LOS PROTOTIPOS DE LA APLICACIÓN EN WORD O CUALQUIER EDITOR

                               EJEMPLO:

Pantalla 1: Pantalla principal:   Que pondrán en la pantalla principal y porque

Pantalla 2:  su menú lateral izquierdo: Que pondrán en el menú izquierdo y porque

Pantalla 3: Que pondrán y porque

-----------------------------------------------0—0---------------------------------------------------

-------------------------------------------000----000------------------------------------------------