Arquitectura de la Información Parte 1 by Gonzalo Donoso

Jannette PĂŠrez Gonzalo Donoso Taller Multimedia

Análisis de Referentes

Diseño Gráfico

douglas menezes Blog y portafolio de un destacado artista brazileño, caracterizado por las diagonales y tonos simples en su sitio.

En esta página se puede observa la utilización de colores muy llamativos y contratantes los cuales provocan dinamismo y movimiento, al tener un fondo de color tierra muy suave produce un contrate entre los elementos como barra de menú, texto e imágenes que tiene como objetivo una buena navegación de sitio de forma armoniosa

Julia Jones Sitio personal de una diseñadora de interiores. Las texturas ornamentales ambientan el sitio haciendolo más acojedor

Como recurso mantiene fuertemente las fotografías, que funcionan como sub-menú acompañadas por un texto, además al pasar el cursos sobre ellas, se oscurecen en los bordes. Los temas del menú son identificados por tonos, pero en el interior se mantienen los colores establecidos en un principio.

10 Volts Media Estudio de diseño gráfico especializado en web, trabajan desde Chicago con clientes en todo el mundo.

Posee una gráfica urbana muy sencilla y atractiva, en el interior la distribución cambia, eliminando la gráfica de los edificios y creando galerías con imágenes que actúan como menú.

Anรกlisis de Referentes

Temรกtico

Chattanooga Este sitio es del Centro de Historia de Chattanooga se conecta con el pasado, presente y futuro mediante la exploración de la tierra, el río y la gente de este lugar.

El sitio en utiliza una gráfica tecnológica, con colores azules y vectores translucidos, para llamar la atención de todo tipo de público. El museo trata de generar redes sociales dentro del sitio, creando una interacción directa entre el sitio y los visitantes a través de elementos para unirse a la red.

Museumsinsel Berlín Proyecto “la isla de los museos”, en la cual se planea reconstruir gran parte de los museos de un sector de Berlín, Alemania.

El sitio permite al visitante ver vistas 3D de lso edificios en reconstrucción, creando fichas con imágenes y mapas de visita del lugar. Además integra guías con paseos en donde los potenciales visitantes puedan recorrer sin problemas, escogiendo desde ya sus rutas.

Proyecto Documenta Busca informar a la comunidad local y público global sobre ocho iglesias declaradas Monumentos Históricos de Valparaíso, Chile.

El sitio muestra al usuario la locación a través de mapas de las distintas iglesias. Además crea galerías fotográficas, deacuerdo a distintos temas por cada iglesia.

Anรกlisis de Referentes

Modulares

Manisheriar Empresa de diseño que busca destacarse por la creación de sitios utilizando “un código impecable y un hermoso diseño”

El menú principal, se compone por pastillas diferenciadas por grafica, agregando una pequeña descripción del tema. Al interior, el sitio mantiene sus colores, no correspondiendo con la idea inicial de los temas diferenciados por tonos. Al pasar el cursor sobre un botón, este si ilumina sutilmente.

BlueRay Empresa dedicada al diseño de edificaciones, su lema es: “Trabajamos duro para ofrecer más de lo previsto”.

La galería presenta una ficha de los proyectos, en donde las fotografías se presentan en miniaturas, con la posibilidad de ampliar y ver presentaciones de imágenes. Además tiene una ficha infromativa con las descripciónes del proyecto.

Atelier1a Agencia de Diseño gráfico que se especializa en diseño web, se caracteríza por su estilo personal de trabajo.

Utiliza un menú estático, además de pastillas con imágenes que actúan como sub-menú, esta sección corresponde al contenido del sitio y es el que permite la navegación.

Cartel Collections Sitio dedicado a la conservación de piesas históricas y expendio de materiales para la restauración.

La grilla utilizada por este sitio resulta muy atractiva, al trabajar con elementos en cajas verticales, permite una lectura ordenada y secuencial. El menú principal permite al usuario conocer su ubicación dentro del sitio, al interior del mismo.

Propuestas visuales de

M贸dulos

Estilo de galer铆a y disposici贸n de mapas de recorridos.

Tipo de menĂş, con profundidad de campo.

Dise帽o de m贸dulos de

Identidad

Propuesta

Tipogrรกfica

Propuesta tipográfica para web Para la selección de tipografía para web, fue necesario observar los referentes realizados anteriormente gracias al registro fotográfico. En estas imágenes se pueden observar placas y tipografías características con un estilo muy marcado. Estas tipografías se denominan humanistas.

Tipografías humanistas:

Están basadas en las proporciones de las inscripciones romanas mayúsculas y en la escritura manual de caja baja de los humanistas renacentistas. Los grosores de los trazos no son uniformes y presentan una cierta modulación.

<h1> Georgia 20pt <h1>Flor de piedra </h1>

Propuesta tipográfica para web Flor de piedra

<h2> Garamond 18pt <h2>Ornamentos estructurales de Valparaíso </ h2>

Ornamentos estructurales de Valparaíso

<h3> Georgia 16pt <h3>Galería <h3>

Galería

En esta galería se encuentran fotografías detalladas de los ornamentos

<h4> Garamond 14pt <h4>En esta galería se encuentran fotografías detalladas de los ornamentos</h4>

Fotografía Mercurio de Valparaíso

<h5> Garamond 11pt <h5>Fotografía Mercurio de Valparaíso</h5>

1900

El proyecto “Flor De Piedra” nace gracias a la recopilación de información y registro fotográfico realizado en terreno en la ciudad de Valparaíso, que fue proclamada patrimonio de la humanidad por la Unesco El año 2003. Además se realizó una serie de observaciones a las ornamentaciones estructurales, o sea, decoraciones arquitectónicas de dicha ciudad, ya que de hecho, sin duda, según muchos artistas de nuestro País y del extranjero, el principal atractivo físico de Valparaíso es su original arquitectura.

<h6> Garamond 9 pt <h6>1900</h6> <p> Garamond 12 pt <p>El proyecto “Flor De Piedra” nace gracias a la recopilación de información y registro fotográfico realizado en terreno en la ciudad de Valparaíso, que fue proclamada patrimonio de la humanidad por la Unesco El año 2003. Además se realizó una serie de observaciones a las ornamentaciones estructurales, o sea, decoraciones arquitectónicas de dicha ciudad, ya que de hecho, sin duda, según muchos artistas de nuestro País y del extranjero, el principal atractivo físico de Valparaíso es su original arquitectura. </p>

Visualización Fachadas

Ornamentos

Galeria

Descarga

El nombre “Flor De Piedra” nace o se origina gracias a la observación de los ornamentos que se encuentran en la Cuida de Valparaíso.

Idunt am, venis aut lortio dolore veriuscipit vullutat nim niat. Ut ilit venis nim ver iril iuscidunt dolor si. Commy niam dolobor ip el ut nonsed magna feum vel enisl delis autpatie faciduis nit vulla feugiam, quipis euguero duismodignis niscing exerat. Ut ver am, vel ulluptat erci bla conulla faci erilisisisim am vullam, vulla faccum dit iure veros nit veliquat. Duismol

Descarga

Brushes, Vectores

Tu fachada Registrate

Magna facillan ullut ametueros alit, senit, vulpute cor se te dipisl irit augait volore elendre dignit veliquipit velestrud delissectem ecte doluptat. Nibh et nummod dignis alit, quipsum sandip eniam irit veli

Propuestas

Wireframes

Index Xerosto doloreet praestrud dolorperos duis dolorperatet nos do et ver autpat. Ut ilit vullutpatum ad minibh erat vent lutat nit dolore dolore mincillam dolesecte exer susto con henim do exerit iuscidu ipsuscipisi. Giametuercin utat. Ut nit lan velis el ulluptat wis alis nonummy numsan ut enisim nonsequ

Descarga

Tu fachada

diametu msandit

Volorem

dit, veliquat vel estinciduis ex eros etue tat. Em quat. Ipismod magnit iliscip ex ea faccum ipisim veliquisi. Er iustin ullutpatem dignim nonulput ullamet ut niamcon sequat nostisi ex ex ercip exer si tat vel eugiatio cons enit am, quissim alis nostie faciliqui blaorperit praesto deliquiscin velessed min eum zzrilla facilit lore verostrud deliquat. Ut diametu msandit iuscinibh ex erat velessed deliquisi.nullaor sent non ex ex

Im illuptat, commodo lobore commolore venibh el dunt accummod modolore velenis nulluptat velessi eugiat. Im vulput praestrud tatisit adionse modigna aliquat ulla facidunt la cor si. Putpat prat. Duis acipisit etuero odolor sit, cortie dit iurer sequismolor iure te molore feum eu facil ut accum zzriuscilla feu faccum quam augiatis non hent alit nullaore dolore deliscip ea facipsum quametum nulla core feui tem il ipsum velis dipsuscillam vulla at. Pis dolor sisim venit wis elit iriure corper adit duip essim velis nons alit at laorem et endre consequat, sequisi. Idunt dolor ipit ad tat adio dolor iusciliquis ad erat velesequat duis dolute dolor ad dolorpero ectet eros nos eliquat. Xerilluptat. Lum doluptat. Ut autat wisi. Em nosto doloreet ver sum vullan eugait prat. Endre dolore feugait, quatisi. Enibh ero odo con hent amcommolore esse te ming er autat venim quis nullut alit iliquatue et, cor si tio diamet vel dolore dolummolor se magna faciduis alit volobore te ese tetue et duip et dit, se volore feugiam zzril dolummy nos augiamconse et volum ip ero exerostrud tet irit velisit wissit wisi. Igna commy nonse con henismolore magna facillaorem quatumsan hent luptat. Cil

Contenido 01

Contenido 02 diametu msandit

diametu msandit

Amconse ecte

del ut iure vel in ullam nonsequi blamcore conse del iustie dipsuscilla aliquismod doluptat. Ut lortion sequat, volore volesti onulla commodo luptat. Ut aute tie vent ilit lortissit velisl ullandip ea adio consequat wis dolor suscioloborper aliquis

GalerĂa diametu msandit

diametu msandit

praestrud

dolobore magna faciliq uipisim dolor aut landion ullamcommy

praestrud

dolobore magna faciliq uipisim dolor aut landion ullamcommy

diametu msandit