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