Rediseño cca: Estilos gráficos

De Casiopea


TítuloDiseño final sitio Corporación Cultural Amereida
Tipo de ProyectoProyecto de Curso
Período2015-
AsignaturaConstrucción de Diseño Gráfico 4,
Del CursoConstrucción 4º DG 2015,
CarrerasDiseño Gráfico
Alumno(s)Daniela Gallardo, Javiera Escudero, Catalina Fairlie, Mauro Villena, Valentina Olivares, Javiera Ulzurrún, Claudio Gómez
ProfesorHerbert Spencer

Estructura

Arquitectura de información

Juj ai amereida.cl-01.jpg

Templates

Cada bullet corresponde a un template

Páginas

  • Inicio
  • Mapas
  • Básicos(Ciudad abierta, Corporación)
  • 404
  • Resultado de búsqueda
  • Directiva y socios
  • Obras

Entradas/posts

    • Eventos
    • Noticias
    • Obras
    • Docs

Categorías

  • Textos Fundamentales
  • Obras (Entrada> Noticias, Eventos)
  • Acontecer(Entradas > Noticias, Eventos)

Contenidos de cada sección

Inicio

Noticia: título, fecha, descripción(120 caracteres aprox) Evento: fecha, título, descripción (120 caracteres aprox) Obras: imagen principal (hover) aparece título año y estado por sobre la imagen.

Entradas

Post de obra: Fichaje actual, imagen, descripción, georeferencia. Post de entrada: título, fecha, posible foto, descripción completa, punto de georeferencia (importante)


Estilos Gráficos

Grillas

  1. Grilla: Bootstrap
    1. columnas:
      • 12 (escritorio)
      • 8 (Tablet)
      • 4 (móvil)


Paleta de colores

Paletadec-01.jpg




botones/cajas:

color primario:

color secundario:

textos:

color primario: color secundario:

Tipografías

Familias tipográficas:

  • Maven Pro
Mavenpross.jpg


  • Merriweather
Merryweather.jpg
  1. Estructura de textos html ESCRITORIO
    • h1: Maven Pro, Capital Regular 31px (Track: 300)
    • h2: Maven Pro, Capital Medium 25px (Track: 300)
    • h3: Maven Pro, Medium 25px (Track: 0)
    • p: Merriweather, light 21px (Track: 10, Interl:39px)
    • p2: Merriweather, light 15px (Track: 10, Interl:27px)
    • Boton: Maven Pro, Capital REgular 17px (Track:400px)


  1. Estructura de textos html MÓVIL
    • h1: Maven Pro, Capital Regular 19px (Track: 300)
    • h2: Maven Pro, Capital Medium 14px (Track: 300)
    • h3: Maven Pro, Medium 19px (Track: 0)
    • p: Merriweather, light 13px (Track: 30, Interl:25px)
    • p2: Merriweather, light 12px (Track: 14, Interl:20px)
    • Boton: Maven Pro, Capital REgular 11px (Track:400px)

Diseño Atómico

Botones

  • Ver más
  • Despliegue
  • Enviar
  • Menú
  • Buscar
  • Descargar
  • Subir
  • Slide

Tratamiento de imagen

Iconos

  • Mapa
  • Layer
  • Full screen
  • Menú
  • Tag
  • Phone
  • Personas
  • Edit
  • Lupa
  • Social Media
  • Link Externo
  • Link Interno
  • Lock
  • Constel
  • Archivo
  • Travesías
  • Tipos de Obras
    • Hospederías
    • Esculturas
    • Instalaciones


Amereidicons00001.jpg

Maquetas

Móvil

Escritorio

Tablet