G10/ S.O.L.I.D.

De Casiopea
Revisión del 20:53 17 nov 2020 de Aramayokarol (discusión | contribuciones) (Wireframes 02)
(dif) ← Revisión anterior | Revisión actual (dif) | Revisión siguiente → (dif)


TítuloG10/ S.O.L.I.D.
AsignaturaDiseño desde el Código
Del CursoDiseño desde el Código 2020
CarrerasDiseño
1
Alumno(s)Karol Aramayo, Catalina Velásquez
PDFArchivo:Tarea 01, G10 - S.O.L.I.D.pdf

Proyecto Semestral: S.O.L.I.D.

Tarea 01: Mapa de contenidos

My First Board (3).jpg

Tarea 03

Wireframes 01

Para el sitio proponemos una navegación interactiva donde a través de las mismas letras del acrónimo S.O.L.I.D. se produzca una suerte de juego donde se expongan los contenidos divididas (dentro de lo posible) en 5 pantallas + la pantalla home. Se busca desde la propuesta que los usuarios tengan la posibilidad de poder volver (cada vez que lo necesiten) a revisar la información cuantas veces sea necesario para lograr llegar a comprender los principios. Dado que el tema abarca tecnicismos y conceptos que no son de conocimiento general, la idea es que se pueda exponer el contenido de tal forma que sea un proceso inicialmente de lectura, para poder introducir a los usuarios, para entonces transformar la experiencia a una mucho más visual y de relaciones.

Notas: En Figma encontrarán que hay ciertas diferencias entre diagramación, tamaños de texto y colores de fondo, esto se debe a que todavía nos encontramos en el proceso de definir todas esas variables, por lo que nos concentramos inicialmente en la manera en la que queremos que se produzca la navegación.

Diseño desde el código - S.O.L.I.D. Tarea 03, home.png


Wireframes 02

Diseño desde el código - S.O.L.I.D. 01.png
Diseño desde el código - S.O.L.I.D. 02.png
Diseño desde el código - S.O.L.I.D. 03.png
Diseño desde el código - S.O.L.I.D. 04.png
Diseño desde el código - S.O.L.I.D. 05.png
Diseño desde el código - S.O.L.I.D. 06.png

Wireframes 03

Diseño desde el código - S.O.L.I.D. W2 01.png
Diseño desde el código - S.O.L.I.D. W2 02.png
Diseño desde el código - S.O.L.I.D. W2 03.png
Diseño desde el código - S.O.L.I.D. W2 04.png
Diseño desde el código - S.O.L.I.D. W2 05.png
Diseño desde el código - S.O.L.I.D. W2 06.png

Entrega final