Fecha: 01/03/2023

Realizado por: Mauricio Mahecha Mendoza

 Enunciado Aplicaciones utilizadas
1 Introducción del 3 Apps para crear el
prototipo prototipo

Defensa del diseño Problemas encontrados

2 Explicacion de tamaños, 4 Errores y problemas de
colores , iconos, etc. la app
CREACIÓN DE PROTOTIPO
DE APLICACION PARA MOVÍL
Para esta última práctica he
decidido hacer un prototipo móvil
con la nueva aplicación
comprendida llamada Figma de la
que hablaré mas adelante.

La verdad es que quería hacer algo

sencillo pero con aspecto muy
futurista y que tenga claramente el
color corporativo.
Me ha gustado mucho hacer este
trabajo porque ha sido muy
entretenido y muy visual.
WIREFRAME
Para hacer una página web primero hay que
empezar por estructurar los espacios, como si fuera
una casa (hay que posicionar las habitaciones de la
casa) y que tenga un sentido, una accesibilidad
mínima pero sobre todo que atraiga y sea sencillo.

Este es mi wireframe en el que los frames son

tamaño Iphone x (390 x 844)
He decidido empezar con una pantalla antes de todo
y sirve como botón para pasar a la página principal.
En la página principal estará el contenido de
presentación, presentando las 4 secciones que tiene
mi página web que son ¿quiénes somos?, modelos
de reflow, tiendas e inicio de sesión o registro.
MOCKUP
Cuando ya tenemos claro cómo y dónde estructurar
cada sección de la página, es momento de empezar a
diseñar y eso hice.

He incluido un selector desplegable en el lado superior

derecho con 4 secciones mencionadas anteriormente y
a cada una le he dado un toque diferente pero con
formas de diseño y colores comunes.
En la cabecera de la página principal hay un icono con
un monigote donde al clickar te llevará a iniciar sesión.

En todas las secciones tienen una subsección en la que

hay alguna explicación como por ejemplo que modelo
es (persona) o donde estamos ubicados que en este
caso he puesto a atocha por ejemplo
En cada sección hay una X en el lado superior derecho
donde puedes volver a la página principal.
 FIGMA
Es una aplicación para prototipar y es
una comunidad donde los usuarios
pueden interactuar, también puedes
descargar plugin en los que te facilitan
mucho el diseño estoy descubriendo
nuevas cosas.
Lo he usado para hacer el wireframe y el
prototipo de mi página web
ILUSTRATOR
Para algunos iconos como por
ejemplo el fondo de la sección de
nuestras tiendas he creado los iconos.
También para el isotipo de mi marca
y para la tipografía del logo
SOLO TUVE UN PROBLEMA EN EL FIGMA
No me dejaba poner elementos en el
fondo del frame (por detras) y te iba avisar
nacho, pero rebuscando y echándole
horas logre solucionarlo.
El problema era un rectángulo en el que
se hacia automáticamente como una
mascara extraña pero solo tuve que
eliminarlo y problema solucionado.