:::: MENU ::::

Posts Categorized / Diseño III

  • Jul 14 / 2014
  • Comentarios desactivados en Programa del ejercicio de Web Institucional 2014
Diseño III, Programas

Programa del ejercicio de Web Institucional 2014

Diseño III Ejercicio 3

Rediseño de sitio web

1. Objetivos pedagógicos a cumplir

Que cada estudiante rediseñe la gráfica y la organización de un sitio dado por la cátedra para mejorar sus rendimientos persuasivos, informativos, identificatorios, estilísticos, etc. en función de la crítica a dicho sitio que se realizará en clase.

2. Contenidos propios del tema

Algunos contenidos se tratarán específicamente en teóricas o apuntes y otros se transferirán en las clases y correcciones de manera aplicada a los casos y bocetos de los estudiantes.

  • La web en la sociedad actual.
  • Qué es diseñar para web y qué es programar.
  • Navegabilidad y usabilidad.
  • Redes sociales y aplicaciones.
  • La interacción con el usuario.
  • La web de empresas e instituciones.
  • ¿Qué es un buen diseño web?
  • Secuencia de lectura, interacción, llamado de atención, manejo de tiempos, etc.

3. Pedido de diseño

Cada alumno diseñará un sitio web que contará con las siguientes pantallas:

  • una home “scrolleable” con presentación institucional y una serie de contenidos que se indicarán en clase tras el análisis de cada caso. De carácter persuasivo.
  • dos pantallas internas del sitio. Una de estas pantallas será un listado (ej.: de hoteles, de productos, etc) y la otra una página específica de un producto o servicio desarrollado. También de carácter persuasivo.
  • un formulario de contacto, puede estar en la home, ser un pop up o como crea más conveniente el alumno.
  • simulación de cómo se vería la home de ese sitio en un teléfono inteligente (smartphone), así como en una tableta.

Los alumnos trabajarán en una resolución de pantalla para la versión escritorio, de 1280 px de ancho (dentro de los cuales el alumno utilizará el ancho que considere conveniente para la presentación de contenidos). Para la tableta se trabajará en una resolución de 640 px. Para el teléfono será de 320 px.

3.1. Las páginas a rediseñar

Indumentaria: www.chtequipos.com

Hotel boutique: www.lasterrazastilcara.com.ar

Artículos de surf: www.surfx.com.ar

Instrumentos musicales: www.antiguacasanunez.com

Son sitios actualmente en funcionamiento, que necesitan fundamentalmente levantar la calidad gráfica, la adecuación estilística al emisor y la claridad de sus propuestas para hacerlas más eficaces en la transmisión de sus mensajes y más competitivas frente a ofertas similares.

4. Pautas principales de evaluación

Calidad gráfica: las decisiones de diseño inscribirán a la web dentro de los estándares altos y actuales del género.

Adecuación estilística: se evaluará el grado de pertinencia de la gráfica propuesta (tipo de imágenes, tipografías, organización del plano, cromática, etc.) al perfil e identidad del emisor.

Adecuación al medio: se evaluarán las propuestas en función del mayor o menor grado de utilización y aprovechamiento de las características del medio web (correcta utilización de los códigos existentes y conocidos por los usuarios para navegar e interactuar; de las posibilidades expresivas: pasajes de imágenes, videos, sonido, etc.; de los tamaños y cantidad de textos; etc.).

Claridad comunicacional: se evaluará la mayor o menor capacidad de los diseños propuestos para transmitir el mensaje (correcta decodificación de las jerarquías o importancia de textos e imágenes, facilidad para comprender la propuesta y para interactuar con ella).

Presentación: grado de cumplimiento de las pautas requeridas.

4. Entrega Las propuestas se entregarán de manera completa en formato digital, aplicadas a un diagrama común. Asimismo cada alumno entregará un impreso según un esquema dado que funcionará como lámina de presentación del rediseño. Las características formales y técnicas serán provistas por la cátedra oportunamente.

 

Unos ejemplos del año pasado:

http://catedrabelluccia.com.ar/portfolio/details/julia-cabrera/

http://catedrabelluccia.com.ar/portfolio/details/jesica-sanson/

 

  • Jul 10 / 2014
  • Comentarios desactivados en Trabajo práctico grupal: Informe al cliente
Diseño III

Trabajo práctico grupal: Informe al cliente

Cátedra Belluccia, nivel 3. Trabajo práctico grupal.

Informe al cliente (fase grupal del ejercicio web)

1. Comprensión de la web asignada.
Es la comprensión comunicacional y conceptual. No es crítica sino análisis de lo que hay en la web asignada y cómo es su organización:

  • ¿Cuáles son los objetivos que persigue esta página? ¿El visitante entiende de qué se trata y qué le quieren decir? ¿Tiene mensaje institucional o general? ¿Cuál es?
  • ¿Cuáles son las grandes divisiones o entradas que se plantean al visitante y a las que se accede con un clic?
  • ¿Hay a su vez subdivisiones? ¿Cuáles son esas subdivisiones dentro de los grandes campos?
  • ¿Qué opciones permanecen fijas y visibles durante la navegación?
  • Etcétera.

Se responderá a las preguntas planteadas en forma escrita muy breve, y se acompañarán las respuestas con el siguiente punto.

1.1. Esquemas/diagramas
Los grupos tendrán que presentar un esquema sencillo de navegación, que dé cuenta de la organización del contenido, páginas y clics necesarios para acceder a cada contenido del sitio.

2. Diagnóstico de la web asignada (esto es crítica o evaluación de rendimiento).
Definir, en un párrafo, cuál es el perfil de la empresa o institución. Sin saber antes qué es, qué hace, a qué se dedica y a quién se dirige es inútil proponer un diagnóstico.
Este perfil hay que elaborarlo a partir de la información que la propia empresa brinda en su sitio web.

Ejemplo de perfil:
Nombre: “ACME”
Agencia de turismo masivo. Vende vuelos (no pasajes terrestres) y paquetes muy competitivos y accesibles, pero no “los más baratos del mercado”. Es una agencia de mucha experiencia en el rubro que continúa con la venta tradicional pero que se lanza con todo a la venta on line.
Se dirige a un público de clase media, de no muy alto poder adquisitivo.
Tiene una división muy especializada en la organización de viajes para grupos juveniles (fin de cursos o similares).
Los valores que manifiestan: confianza, trayectoria, servicio eficaz y muy actualizados (hace mucho que están en el mercado pero conocen las nuevas tendencias, gustos y necesidades del turista).
Posibles competidores directos.

2.1. La comunicación 

  • ¿Los textos, imágenes, títulos, nombres de las entradas, etc. son fácilmente comprensibles?
  • ¿La navegación e interacción (si la hubiera) son fáciles y comprensibles? ¿Qué grado de certeza o incertidumbre le genera al visitante?
  • ¿Las jerarquías propuestas responden a la importancia de los mensajes de la institución? ¿Se percibe fácilmente qué es lo principal y qué es lo secundario?

2.2. La gráfica

  • ¿El estilo gráfico adoptado es compatible con el perfil de la institución? ¿En qué sentido debería corregirse y qué aspectos merecen conservarse?
  • ¿Cuál es el nivel de calidad gráfica?
  • ¿Qué diferencias advierten, en lo gráfico, con páginas modélicas del mismo o similar rubro? ¿Cuáles son esas páginas modelo?

2.3. Los recursos web
¿La página analizada se adapta al estándar web contemporáneo: tamaño de letras y tipos de botones, fondos, etc., tiempo de carga, estructura general, uso de sonidos, animaciones y videos, etc.?

3. Propuesta de esquema de reorganización de contenidos
En función de las críticas a la comunicación del sitio (reflejadas en el punto 2.1) y al esquema actual (reflejado en el punto 1.1), proponer un esquema de organización de contenidos/navegación que mejore el existente.

4. Lo que consideren útil agregar que no esté contemplado en los ítems anteriores.

  • Jun 10 / 2014
  • Comentarios desactivados en Diseñando diarios – Charla abierta de Ariel Garófalo
Diseño I, Diseño II, Diseño III

Diseñando diarios – Charla abierta de Ariel Garófalo

Garófalo
El próximo lunes nos visita uno de los más importantes diseñadores argentinos de diarios y publicaciones: Ariel Garofalo.

Ariel Garofalo es un experimentado diseñador y consultor editorial, que participó en numerosos diseños y rediseños de periódicos del país y del exterior. Su rediseño del diario Jylland Posten de Dinamarca junto a Danilo Black, obtuvo dos premios a la excelencia por la SND y la SND Scandinavia en 2006. De manera individual, o como integrante de reconocidos estudios profesionales ha diseñado decenas de publicaciones, entre otras: Diario Popular, The Observer de Inglaterra, El Telégrafo de Ecuador y Rapport de Sudáfrica.

Fue docente de tipografía en la Carrera de Diseño Gráfico de la Universidad de Buenos Aires y socio fundador de Sudtipos, primera fundidora tipográfica argentina.

Otros trabajos producto de su larguísima experiencia: El Panamá América (Panamá), Morgensen JP (Dinamarca), La Estrella (Panamá), La República (Uruguay), Mundo Hispánico (EEUU), Daily Journal (Venezuela), La Prensa (Chile), Día a Día (Panamá), Vanguardia (Colombia, versión digital); revista Debate (Argentina), Mujer, Siete y WKD (Panamá), Tyd y Boeke (Sudáfrica); infografías para El Mundo (Madrid), El Comercio (Perú), etc.

La charla es abierta a todo aquel que desee presenciarla. Se realizará el lunes 16 de junio a las 19:30 en el aula 321.

  • May 29 / 2014
  • Comentarios desactivados en Charla de Brando sobre diseño de revista
Diseño I, Diseño II, Diseño III

Charla de Brando sobre diseño de revista

Brando

El próximo lunes 2 de junio recibiremos la visita de los diseñadores de Brando, que nos contarán su experiencia de trabajo en diseño para esta excelente revista. Explicarán cómo toman las decisiones fundamentales del diseño general de la revista y cómo se actualiza número a número. Los disertantes serán:

Juan Bogisich estudió la carrera de Diseño Gráfico (UBA), la Licenciatura en Artes Visuales (IUNA) y Dirección de Fotografía (SICA). Empezó de casualidad en el mundo editorial en el año 2003 en la revista Arte al Día. Desde el 2006 trabaja en el Grupo de Revistas de La Nacion, se desempeñó como diseñador y jefe de arte por varias revistas y actualmente está a cargo de la dirección de arte de las siguientes revistas: BRANDO, OHLALA!, JARDIN, GATURRO y DISNEY.

Romina Cleofé González estudió la carrera de Diseño Gráfico en la Universidad de Buenos Aires. Antes de meterse de lleno en el mundo editorial, trabajó un par de años como encuadernadora artesanal. Desde 2007 integra el equipo del Grupo de Revistas de La Nacion y después de haber pasado por un par de publicaciones se quedó un rato largo en la revista Brando, donde trabaja actualmente. Además de colaborar con Villa Ocampo y con varias empresas privadas nacionales e internacionales.

La charla será abierta a todo aquel que desee asistir. Se realizará el día lunes 2 de junio a las 19:15 hs. en el aula 301 (3º piso) de la Facultad de Diseño de la UBA (Ciudad Universitaria, Pablellón 3).

  • May 23 / 2014
  • Comentarios desactivados en Programa del ejercicio de Diario 2014
Diseño III, Programas

Programa del ejercicio de Diario 2014

Diseño III
Programa del ejercicio 2

Diseño de un nuevo diario

1. Objetivo
Que los estudiantes logren, en grupos de 3 miembros, diseñar el prototipo de un diario de circulación masiva y uno de sus suplementos temáticos, de un nivel competitivo en el medio periodístico argentino.

2. Contenidos principales
La prensa escrita: definiciones, crisis actual, los diarios online, la inevitable parcialidad de la prensa.
Los diferentes elementos del diseño editorial (títulos, subtítulos, volantas, copetes, destacados, misceláneas, epígrafes, pastillas, recuadros, créditos, etc.).
La/s tipografía/s adecuada/s al tipo de problema.
Cuerpos tipográficos y funciones.
Color tipográfico.
Legibilidad.
Jerarquización y organización de la información (textos e imágenes).
Grilla básica y consistente con la necesidad del trabajo (márgenes, columnas, módulos, interlineado, etc.
Tipologías de periódicos y sus estilos.
Relación entre publicidades y notas, estructura y organización general.
Logotipos y portadas de periódicos.

3. Pedido de diseño
Cada grupo de alumnos diseñará un diario de un tipo característico (económico, interés general, sensacionalista) y un suplemento.
El rendimiento del diseño se verificará en un prototipo símil impreso en tamaño 40 x 28 cm. Cada tema tendrá adjudicado un diario real del cual
tomará el contenido. Se podrá adaptar la redacción de titulares, copetes, subtítulos etc.
La pauta publicitaria del diario ocupará un 25% de mismo. No habrá publicidades de página completa. Dicha pauta deberá contener avisos
de 1/2, 1/3 y 1/4 de página y tamaños menores.

Diario sensacionalista:
Referente: ejemplar del diario Crónica.
El prototipo a diseñar tendrá, al menos las siguientes páginas:
– Tapa (además se entregarán 2 tapas sueltas, una de una edición habitual y otra que refleje una noticia extraordinaria).
– Contratapa
– Las 4 primeras páginas del cuerpo principal
– 1 página de turf (con solo 1/2 página de datos de tablas de carreras)
– 1 página de reportaje
– 1 página que contenga: El tiempo, horóscopo y otro tema. Tres temas en una misma página
– 2 Página de espectáculos, TV y chismes
– Suplemento de deportes (8 páginas, con tapa)

Diario económico:
Referente: ejemplar del diario El Cronista Comercial.
El prototipo a diseñar tendrá, al menos las siguientes páginas:
– Tapa (además se entregarán 2 tapas sueltas, una de una edición habitual y otra que refleje una noticia extraordinaria).
– Contratapa
– Las 4 primeras páginas del cuerpo principal
– 2 páginas de datos económicos (que contenga tablas y gráficos)
– 1 página de espectáculos
– 1 página con un reportaje a un personaje (a elección)
– 1 página con datos del tiempo, carta de lectores, agenda, etc. (Mínimo tres temas diferentes en una página)
– 1 página con notas de opinión (diagramar con o sin columna fija o con invitados)
– Suplemento de viajes y estilo (8 páginas, con tapa)

Diario de interés general:
Referente: ejemplar del diario Clarín.
El prototipo a diseñar tendrá, al menos las siguientes páginas:
– Tapa (además se entregarán 2 tapas sueltas, una de una edición habitual y otra que refleje una noticia extraordinaria).
– Contratapa
– Las 4 primeras páginas del cuerpo principal
– 2 páginas de la sección de deportes
– 1 página de la sección económica (que contendrá tablas y gráficos)
– 1 página con un reportaje a un personaje (a elección)
– 1 página con datos del tiempo, agenda, carta de lectores, etc.
– 1 página de opiniones y editorial
– Suplemento de espectáculos (8 páginas, con tapa)

4. Pautas principales de evaluación
La evaluación del trabajo tendrá en cuenta:
4.1. Ajuste tipológico: es la adecuación del estilo del diario propuesto al tipo o género asignado.
4.2. Singularidad: el correcto grado de diferenciación respecto de los diarios de su mismo tipo.
4.3. Organización editorial y comunicación: pertinencia de las decisiones del diseño: selección tipográfica, ancho de calles, márgenes y columnas, tamaño y color tipográfico de los textos, copetes, títulos, epígrafes,
ubicación y tamaño de las imágenes, jerarquización gráfica, recorridos de lectura, etc.
4.4. Calidad gráfica general: armonía de la puesta en página, coherencia de las decisiones adoptadas, adecuación a los estándares altos de calidad en mensajes similares.
4.5. Presentación: calidad, cuidado y ajuste a la consigna de los prototipos entregados.

5. Trabajos prácticos especiales
Análisis de un diario.
Trabajo sobre copia de modelo.

6. Temas
Los tipos seleccionados son:

Diario de interés general.
Referentes del género: Clarín, La Nación, Tiempo Argentino.
Nuevo diario 1: La Primera, con el suplemento: Salimos (espectáculos)
Nuevo diario 2: Rumbos, con el suplemento: Ticket (espectáculos)

Diario económico.
Referentes del género: El Cronista Comercial, Ámbito Financiero.
Nuevo diario 1: La Pizarra, con el suplemento: Cinco estrellas (viajes)
Nuevo diario 2: Alzas y Bajas, con el suplemento: Pasaporte (viajes)

Diario sensacionalista.
Referentes del género: Crónica, Muy, Diario Popular.
Nuevo diario 1: ¡Otra!, con el suplemento: Tribuna (deportivo)
Nuevo diario 2: Extremo, con el suplemento: Hay equipo (deportivo)

7. Condiciones de la entrega
Se requiere la presentación de dos prototipos armados (diario y suplemento) y dos tapas sueltas más.
Cada contratapa tendrá nombre y apellido de los alumnos de cada grupo y los de sus docentes.

 

Algunos links de interés

García Media es un estudio de diseño editorial, ha realizado trabajos para muchos e importantes medios de toda América, desde el Gráfico (ARG) hasta el Wall Street journal (EE.UU.) entre otros. Ofrecen mucha información y memorias detalladas sobre sus proyectos.
http://www.mariogarcia.com.ar

 

Sitio de estudio de diseño catalán que ha diseñado varios de los matutinos nacionales y otros del mundo. También trabajan rediseño de revistas.
http://www.cases-assoc.com

 

La tapa de más de 800 diarios de 87 países, todos los días:
http://www.newseum.org/todaysfrontpages/default.asp?page=1#CA_TS

 

– Selección de diarios premiados por su diseño:
http://www.smashingmagazine.com/2008/02/11/award-winning-newspaper-designs/

 

Miguel Buckenmeyer
http://www.miguelbuckenmeyer.com/

 

Tapas de diarios
http://kiosko.net