Diferencia entre revisiones de «G10/ S.O.L.I.D.»
Sin resumen de edición |
|||
(No se muestran 9 ediciones intermedias del mismo usuario) | |||
Línea 8: | Línea 8: | ||
|PDF=Tarea 01, G10 - S.O.L.I.D.pdf | |PDF=Tarea 01, G10 - S.O.L.I.D.pdf | ||
}} | }} | ||
[[Archivo:My First Board (3).jpg|1200px]] | =Proyecto Semestral: S.O.L.I.D.= | ||
==Tarea 01: Mapa de contenidos== | |||
[[Archivo:My First Board (3).jpg|1200px|center]] | |||
*Link para visualizar en Miro App: https://miro.com/welcomeonboard/MJqGYtP5MAH7adz5xJiI5ZxqoLsNACNjyBvFOzSZ3qMhu8Xwsr62Aa3pKurUefXq | *Link para visualizar en Miro App: https://miro.com/welcomeonboard/MJqGYtP5MAH7adz5xJiI5ZxqoLsNACNjyBvFOzSZ3qMhu8Xwsr62Aa3pKurUefXq | ||
==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.'' | |||
[[Archivo:Diseño desde el código - S.O.L.I.D. Tarea 03, home.png|1200px|center]] | |||
* Link para visualizar en Figma: https://www.figma.com/file/Xjh1JhFHV0XWt8PKY0Lq8l/Tarea-03-Catalina-Vel%C3%A1squez-Karol-Aramayo?node-id=80%3A0 | |||
* Link para visualizar la propuesta de navegación: https://www.figma.com/proto/Xjh1JhFHV0XWt8PKY0Lq8l/Tarea-03-Catalina-Vel%C3%A1squez-Karol-Aramayo?node-id=50%3A93&scaling=scale-down | |||
===Wireframes 02=== | |||
[[Archivo:Diseño desde el código - S.O.L.I.D. 01.png|800px|center]] | |||
[[Archivo:Diseño desde el código - S.O.L.I.D. 02.png|800px|center]] | |||
[[Archivo:Diseño desde el código - S.O.L.I.D. 03.png|800px|center]] | |||
[[Archivo:Diseño desde el código - S.O.L.I.D. 04.png|800px|center]] | |||
[[Archivo:Diseño desde el código - S.O.L.I.D. 05.png|800px|center]] | |||
[[Archivo:Diseño desde el código - S.O.L.I.D. 06.png|800px|center]] | |||
===Wireframes 03=== | |||
[[Archivo:Diseño desde el código - S.O.L.I.D. W2 01.png|800px|center]] | |||
[[Archivo:Diseño desde el código - S.O.L.I.D. W2 02.png|800px|center]] | |||
[[Archivo:Diseño desde el código - S.O.L.I.D. W2 03.png|800px|center]] | |||
[[Archivo:Diseño desde el código - S.O.L.I.D. W2 04.png|800px|center]] | |||
[[Archivo:Diseño desde el código - S.O.L.I.D. W2 05.png|800px|center]] | |||
[[Archivo:Diseño desde el código - S.O.L.I.D. W2 06.png|800px|center]] | |||
==Entrega final== |
Revisión actual - 19:53 17 nov 2020
Título | G10/ S.O.L.I.D. |
---|---|
Asignatura | Diseño desde el Código |
Del Curso | Diseño desde el Código 2020 |
Carreras | Diseño |
Nº | 1 |
Alumno(s) | Karol Aramayo, Catalina Velásquez |
Archivo:Tarea 01, G10 - S.O.L.I.D.pdf |
Proyecto Semestral: S.O.L.I.D.
Tarea 01: Mapa de contenidos
- Link para visualizar en Miro App: https://miro.com/welcomeonboard/MJqGYtP5MAH7adz5xJiI5ZxqoLsNACNjyBvFOzSZ3qMhu8Xwsr62Aa3pKurUefXq
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.
- Link para visualizar en Figma: https://www.figma.com/file/Xjh1JhFHV0XWt8PKY0Lq8l/Tarea-03-Catalina-Vel%C3%A1squez-Karol-Aramayo?node-id=80%3A0
- Link para visualizar la propuesta de navegación: https://www.figma.com/proto/Xjh1JhFHV0XWt8PKY0Lq8l/Tarea-03-Catalina-Vel%C3%A1squez-Karol-Aramayo?node-id=50%3A93&scaling=scale-down