Claudio Gómez: Proposición Sitio CCA
Título | Sitio Web Corporación Cultural Amereida |
---|---|
Tipo de Proyecto | Proyecto de Curso |
Palabras Clave | diseño web, responsive |
Período | 2015-2015 |
Asignatura | Construcción de Diseño Gráfico 4, |
Del Curso | Construcción 4º DG 2015 |
Carreras | Diseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property. |
Alumno(s) | Claudio Gómez |
Profesor | Herbert Spencer |
URL | http://claudioGC.github.io/cca |
Proposición 1
Estilos gráficos
Paleta de colores
Estilos tipográficos
Proposición 2
Estilos gráficos
Se propone un estilo gráfico basado en un diseño mínimo y austero, por lo que se opta por primar el uso del blanco, y eliminar en su mayoría las cajas de colores y rellenos de fondo, dando prioridad a la fotografía y tipografías, se usan colores alternativos a los colores usados en el sitio original de la corporación, y se crea una imagen corporativa adecuada para móvil y su variante en escritorio, basada en la imagen original, a partir del logotipo, se utiliza la misma paleta de colores para dar estilo a los distintos tipos de página.
Imagen Corporativa
La imagen corporativa está determinada por una imagen (isotipo), y un texto con el que se identifica la corporación, hay dos variantes de la imagen corporativa, en la versión móvil el logotipo, se abrevia como "CCA", y en la versión escritorio la imagen se amplía a "CCamereida", ambas variantes acompañadas del mismo isotipo que gráfica la cruz del sur, utilizando una nomenclatura geométrica heredada del logotipo original, se pensó en dar más énfasis a la imagen acentuando los signos gráficos que la componen, sin perder la proporción original.
Sistema de grillas
Se usa el sistema de grillas que maneja Bootstrap que es el de 12 columnas para escritorio, y en la versión móvil de 4 columnas.
Paleta de colores
Se eligen dos colores base para el logotipo, el primario es un púrpura oscuro, y el secundario un dorado cálido.a partir de estos dos colores, se crean los menús, cajas de texto e íconos con variantes en porcentaje de opacidad.
Estilos tipográficos
Para los textos se escogieron dos familias tipográficas variantes de Roboto, la primera es Roboto en sus versiones light y regular para los títulos y menús, y la segunda es Roboto Slab en sus variantes light y thin, para las bajadas de título y párrafos.
Roboto:
Roboto Slab:
Versión móvil:
Versión Escritorio: