Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus...
description
Transcript of Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus...
![Page 1: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/1.jpg)
Lenguaje iconográfico StampaEl desarrollo de un sistema de diseño complejo en la web y sus lenguajes
Idar Gonzalez | Juan Antonio Godoy | Gabriela Pérez | Catalina Reyes
![Page 2: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/2.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | METODOLOGÍA | PYXIS FRAMEWORK | STAMPA
d i s e ñ o ató m i co
![Page 3: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/3.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | METODOLOGÍA | PYXIS FRAMEWORK | STAMPA
![Page 4: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/4.jpg)
Fuente: http://patternlab.io/
átomos
“Componente básico de la interface y la construcción del sistema”
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | METODOLOGÍA | PYXIS FRAMEWORK | STAMPA
![Page 5: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/5.jpg)
Fuente: http://patternlab.io/
moléculas
“Grupo de átomos que generan una función específica en su conjunto”
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | METODOLOGÍA | PYXIS FRAMEWORK | STAMPA
![Page 6: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/6.jpg)
átomos
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | METODOLOGÍA | PYXIS FRAMEWORK | STAMPA
![Page 7: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/7.jpg)
átomos molécula
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | METODOLOGÍA | PYXIS FRAMEWORK | STAMPA
![Page 8: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/8.jpg)
Fuente: http://patternlab.io/
organismos
“Moléculas que se inscriben en una sección determinada”
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | METODOLOGÍA | PYXIS FRAMEWORK | STAMPA
![Page 9: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/9.jpg)
molécula
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | METODOLOGÍA | PYXIS FRAMEWORK | STAMPA
![Page 10: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/10.jpg)
molécula
organismo
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | METODOLOGÍA | PYXIS FRAMEWORK | STAMPA
![Page 11: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/11.jpg)
Fuente: http://patternlab.io/
plantillas
“Modelos de organismos que se rigen en términos de proporción y legibilidad”
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | METODOLOGÍA | PYXIS FRAMEWORK | STAMPA
![Page 12: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/12.jpg)
Fuente: http://patternlab.io/
páginas
“Instancia concreta en la efectividad del sistema”
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | METODOLOGÍA | PYXIS FRAMEWORK | STAMPA
![Page 13: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/13.jpg)
plantilla
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | METODOLOGÍA | PYXIS FRAMEWORK | STAMPA
![Page 14: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/14.jpg)
plantilla página
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | METODOLOGÍA | PYXIS FRAMEWORK | STAMPA
![Page 15: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/15.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | METODOLOGÍA | PYXIS FRAMEWORK | STAMPA
1.
Interdependiente2.
Simultáneo3.
Colaborativo
S I S T E M A
![Page 16: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/16.jpg)
s e r v i c i o s w e b d e l a o r g a n i zac i ó n
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | METODOLOGÍA | PYXIS FRAMEWORK | STAMPA
![Page 17: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/17.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | METODOLOGÍA | PYXIS FRAMEWORK | STAMPA
Archivo Histórico Travesías Estorninos Casiopea Personas Sitio oficial
![Page 18: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/18.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
s i t uac i ó n d i g i ta l act ua l
![Page 19: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/19.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
e[ad]
![Page 20: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/20.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
e[ad]Archivo Históricohttp://www.ead.pucv.cl/mundo/archivo/
![Page 21: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/21.jpg)
e[ad]Archivo Histórico
Travesíashttp://www.ead.pucv.cl/mundo/archivo/
travesias.ead.pucv.cl
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
![Page 22: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/22.jpg)
Casiopea
e[ad]Archivo Histórico
Travesías
wiki.ead.pucv.cl
http://www.ead.pucv.cl/mundo/archivo/
travesias.ead.pucv.cl
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
![Page 23: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/23.jpg)
Casiopea
e[ad]
Personas
Archivo Histórico
Travesías
personas.ead.pucv.cl
wiki.ead.pucv.cl
http://www.ead.pucv.cl/mundo/archivo/
travesias.ead.pucv.cl
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
![Page 24: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/24.jpg)
Casiopea
e[ad]
Personas
Estorninos
Archivo Histórico
Travesías
estorninos.ead.pucv.cl
personas.ead.pucv.cl
wiki.ead.pucv.cl
http://www.ead.pucv.cl/mundo/archivo/
travesias.ead.pucv.cl
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
![Page 25: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/25.jpg)
p r o b l e m át i c as y r e q u e r i m i e n to s
![Page 26: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/26.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
1E S T R U C T U R A Y N A V E G A C I Ó N
Presentación y jerarquía (niveles de profundidad) de los contenidos
Estructura de navegación que permita al lector visualizar todos los
contenidos de manera fácil y clara.
![Page 27: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/27.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
2I D E N T I D A D
No existe una gráfica transversal que permita identificar la esencia o
fundamentos que la organización quiere representar.
![Page 28: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/28.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
3A C C E S I B I L I D A D
Desde el punto de vista del diseño adaptativo y la experiencia de
usuario, no hay tratamiento en esta área, por ende, la visualización
de contenidos en diferentes dispositivos no es posible.
![Page 29: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/29.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
4C O N T E N I D O S
Los contenidos deben ser pensados acorde a los usuarios o lectores
que navegan los sitios y la calidad de información que estos requieren
![Page 30: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/30.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
e x p e ctat i va d e d i s e ñ o
![Page 31: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/31.jpg)
e co s i st e m a d i g i ta l
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
USUARIOS NECESIDADES SOPORTES LENGUAJE
![Page 32: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/32.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
1U S U A R I O S
Se define un público objetivo que se enmarca en el contexto de
escuela como organización, estos son: alumno, docente, postulante,
funcionarios e investigadores
![Page 33: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/33.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
2N E C E S I D A D E S
A través de los usuarios pueden reconocerse sus necesidades, en este
sentido se tiene: contenidos, accesibilidad, disfusión e identidad.
![Page 34: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/34.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
3S O P O R T E S
Parámetros o pautas estructurales respecto al diseño y adaptación
de los contenidos. Los soportes son: computador, tablet y teléfono
móvil.
![Page 35: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/35.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
4L E N G U A J E
Propone las herramientas para el desarrollo y cohesión de los
elementos de diseño: grilla, color, tipografía, iconografía e
interacción.
![Page 36: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/36.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
e[ad]Casiopea
Travesías
Estorninos
Personas
Casiopea
Sitio oficial
![Page 37: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/37.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
Lenguaje gráfico para un ecosistema digital
Pyxis Framework
![Page 38: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/38.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
¿ q u é e s p y x i s f r a m e wo r k ?Una matriz de declaraciones gráf icas y estructurales
en etapa de desarrol lo, que del imita la gráf ica de las
plataformas pertenecientes a la organización e[ad].
![Page 39: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/39.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
PyxisEs una constelación menor del sur. Está compuesta por tres estrellas principales: Gamma, Alpha y Beta.
La palabra proviene del latín y significa “brújula”.
Constelación del sur - Brújula
¿ q u é e s p y x i s ?
![Page 40: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/40.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
FrameworkEn términos de diseño web, es una librería de patrones que facilita el proceso de desarrollo.
El framework trae consigo una forma específica de mostrar los elementos por lo tanto cada framework trabaja fuertemente con su identidad gráfica.
Matriz gráfica - Identidad
¿ q u é e s u n f r a m e wo r k ?
![Page 41: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/41.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
e j e m p lo s d e f r a m e wo r k s
Bootstrap Foundation
Material Google Skeleton
![Page 42: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/42.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
p ot e n c i a l i da d y p r oy e cc i o n e s
![Page 43: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/43.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
Parametrizar los estilos gráficos bajo una estructura de uso, permite
entender la totalidad de los estilos de una forma conceptual.
1P A R A M E T R I Z A R
![Page 44: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/44.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
Al estar albergado en GitHub el proyecto es accesible a cualquier
persona y disponible a futuros diseñadores colaboradores.
2A C C E S I B I L I D A D
![Page 45: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/45.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
3S U S T E N T A B I L I D A D
Pyxis presenta una base para futuros proyectos que se inscriben
dentro de la organización.
![Page 46: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/46.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
co m p o n e n t e s
![Page 47: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/47.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
1E L E M E N T O E S T R U C T U R A L
![Page 48: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/48.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
elementos estructurales
GRILL A
1 2 3 4 5 6 7 8 9 10 1 1 12
8 4
444
6 6
Las columnas pueden adoptar diversas diagramaciones y variar según el ancho de pantalla.
Diseño responsivo y ajustable a
diversos soportes.
1 1 1 1 1 1 1 1 1 1 1 1
![Page 49: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/49.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
2E L E M E N T O S I N T E R A C T I V O S
![Page 50: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/50.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
elementos interactivos
BOTONESFORMUL ARIOSJAVASCRIPT
Evidencia comunicación entre el usuario y el sistema además de proveer elementos interactivos para la interfaz del diseño.
Reciben datos que proporciona el usuario y los transfiere a la organización.
Elementos que gatillan alguna acción.
![Page 51: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/51.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
3E L E M E N T O S G R Á F I C O S
![Page 52: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/52.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
elementos gráficos
ICONOGRAFÍAPALETA CROMÁTICATIPOGRAFÍA
Para encabezados se utiliza Source Sans Pro, mientras que para texto contínuo, Merriweather.
Las paleta de colores del framework proviene de un proceso de observación.
Familia iconográfica Stampa que se compone de 93 glifos.
Aa/Aa
![Page 53: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/53.jpg)
Lenguaje iconográfico como primera escala
Stampa
![Page 54: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/54.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
¿ q u é e s sta m pa ?Stampa es un lenguaje iconográfico que busca construir en conjunto
a Pyxis la identidad gráfica de la organización e[ad]
![Page 55: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/55.jpg)
Proyecto de una fuente iconográfica web (webfont) que es
diseñada especialmente para soporte digital
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
![Page 56: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/56.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
Font Awesome es el lenguaje iconográfico diseñado especialmente
para Bootstrap.
![Page 57: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/57.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
Stampa [stàm-pa] s.f.
Tecnica di riproduzione in più esemplari, su carta o altro mate-riale, di testi scritti, disegni o fotografie, a partire da una ma-trice e mediante procedimenti diversi; l’operazione di stampa-re e il risultato di tale procedimento: opera in corso di s. || dare alle s., pubblicare
Carattere, indole.
![Page 58: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/58.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
¿ có m o s u r g e sta m pa ?
![Page 59: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/59.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
ejemplos de iconografías en plataformas de la organización |
p r o b l e m át i c as
![Page 60: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/60.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
ejemplos de iconografías en plataformas de la organización |
Escaso uso de íconos Falta de unidad gráfica
![Page 61: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/61.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
¿ cuá l e s e l p r o c e s o d e d i s e ñ o ?
![Page 62: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/62.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
1
2
3
4
DISEÑAR
COMPRIMIR
TRANSCRIBIR
VERIFICAR
![Page 63: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/63.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
1D I S E Ñ A R
proceso del bosquejo de íconos |
![Page 64: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/64.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
1D I S E Ñ A R
vectorización de los dibujos |
![Page 65: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/65.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
1D I S E Ñ A R
aplicación de la grilla a los dibujos vectoriales |
![Page 66: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/66.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
2C O M P R I M I R
aplicación web icomoon |
![Page 67: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/67.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
3TRANSCRIBIR
![Page 68: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/68.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
4V E R I F I C A R
![Page 69: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/69.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
co n st r u cc i ó n d e u n l e n g ua j e
![Page 70: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/70.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
pizarras escritas para la exposición 20 años |
![Page 71: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/71.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
esculturas de girola y cuadro pintado por alberto cruz |
![Page 72: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/72.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
![Page 73: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/73.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
![Page 74: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/74.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
v.2.1S T A M P A
stampa v.2.1: set de 123 íconos |
![Page 75: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/75.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
co n st r u cc i ó ng r á f i c a
v.2.1S T A M P A
REMATE RECTO
BORDES EXTERNOSREDONDEADOS
BORDES INTERNOSRECTOS
![Page 76: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/76.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
v.2.1S T A M P A
aviso aviso-l
lapiz lapiz-l
va r i a b l e s l i n e a l e s
mapa-agregar mapa-agregar-l
![Page 77: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/77.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
v.2.1S T A M P A
flecha
flecha-der flecha-arriba flecha-izq flecha-abajo
9 0 º 18 0 º 270 º
va r i a b l e s d i r e cc i o n a l e s
![Page 78: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/78.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
v.2.1S T A M P A
| PESO VISUAL
p r o b l e m át i c as
| ABSTRACCIÓN
![Page 79: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/79.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
v.3.0S T A M P A
stampa v.3.0: set de 92 íconos |
![Page 80: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/80.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
p e s o v i s ua l
v.3.0S T A M P A
ÍCONOS SE VUELVEN LINEALES
![Page 81: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/81.jpg)
estorninos estorninos
alarma alarma
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
a b st r acc i ó n
![Page 82: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/82.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
v.3.0S T A M P A
Regular Ligera
![Page 83: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/83.jpg)
calendario calendario-lig
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
v.3.0S T A M P A
va r i a b l e s d e p e s o
casiopea casiopea-lig
lupa lupa-liglapiz lapiz-lig
![Page 84: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/84.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
v.3.0S T A M P A
![Page 85: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/85.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
f o rta l e zas d e l p r oy e cto
![Page 86: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/86.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
Íconos deben ser pensados para que se aprecien en distintas escalas,
ya sea en una mínima o máxima expresión tipográfica
![Page 87: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/87.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
El proyecto busca mejorar la experiencia del usuario al navegar por
los servicios web de la Escuela de Arquitectura y Diseño
![Page 88: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/88.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
Stampa está diseñada de modo que el desarrollador web tenga una
variedad de opciones en cuanto a tamaños y funciones para aplicar
![Page 89: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/89.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
Stampa es un proyecto abierto a la comunidad, tanto de
desarrolladores como de diseñadores web.
![Page 90: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/90.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
repositorio de stampa |
![Page 91: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/91.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
repositorio de stampa |
![Page 92: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/92.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
repositorio de stampa |
![Page 93: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/93.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
![Page 94: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/94.jpg)
INTRODUCCIÓN | OBSERVACIÓN Y EVALUACIÓN DE PROBLEMÁTICA | PYXIS FRAMEWORK | STAMPA
grazie!
![Page 95: Lenguaje iconográfico Stampa: El desarrollo de un sistema de diseño complejo en la web y sus lenguajes](https://reader034.fdocuments.net/reader034/viewer/2022042814/5561c76bd8b42a9d3f8b46ef/html5/thumbnails/95.jpg)
Idar Gonzalez | Juan Antonio Godoy | Gabriela Pérez | Catalina Reyes
stampaeadpucv.github.io/stampa
PYXISeadpucv.github.io/pyxis