:::: MENU ::::

Posts Categorized / Diseño III

  • Abr 03 / 2015
  • Comentarios desactivados en Programa del ejercicio de Diseño de Envases 2015
Diseño III, Programas

Programa del ejercicio de Diseño de Envases 2015

1. Objetivos pedagógicos a cumplir

Que cada estudiante diseñe todos los aspectos gráficos (informativos/ legales, persuasivos, promocionales, identificatorios, etc.) de dos envases de productos de consumo masivo, de un estilo diferente cada uno, con calidad gráfica competitiva en el mercado actual:

Un envase de producto del segmento popular (nueva marca para competir en el segmento)
Un envase de producto del segmento alta gama (nueva marca para competir en el segmento)

2. Contenidos principales a tratar en las clases

  • Funciones comunicacionales del envase de consumo.
  • Análisis de los estilos principales.
  • Niveles de calidad dentro de rubros determinados.
  • Detección de ejemplos de alto rendimiento.
  • Análisis y diagnóstico de envases particulares.
  • Logotipo e identificación de producto.

3. Pedido de diseño

Cada alumno diseñará la gráfica de dos envases de manera completa y presentará prototipos a tamaño real.

Diseñarán todos los aspectos comunicacionales del envase: logotipo, imágenes, misceláneas, información promocional y legal, cromática, plan tipográfico, etc.
Para cada caso, deberán considerarse los requerimientos específicos del programa de diseño, a saber: estilo, calidad gráfica, llamado de atención, diferenciación de la competencia, legibilidad, orden de lectura, etc.

3.1. Diseño de envase de productos del segmento popular

Se trata de un segmento del mercado donde puede observarse una alta calidad gráfica y comunicacional de los envases. La sobre oferta de productos implica mayor competitividad. Los envases necesitan un estilo gráfico compatible con el posicionamiento: popular/estándar, de precio bajo/medio. Esta es una de las grandes dificultades de estos diseños: diseñar gráfica popular alta calidad.

Producto 1: Vino (tetra pak de 1L).
El alumno podrá definir la variedad según sus preferencias: tinto, blanco, torrontés.
Marca: Nochero / El zorzal
Dimensiones de la caja: 10 cm (ancho) x 17 cm (alto) x 7 cm (profundidad).
Empresa productora: Balderrama Coop. Ltda.

Producto 2: Cereal -copos de maíz-. Cartón 300g.
Marca: Rafaela / Puravit
Dimensiones de la caja: 15 cm (ancho) x 23 cm (alto) x 6 cm (profundidad).
Empresa productora: Tres Hermanos S.A.C.I.F.I.

Producto 3: Café en saquitos, 100 unidades. Variedad a elegir.
Nombre: Barracas / Molienda
Dimensiones de la caja: 20 cm (ancho) x 14 cm (alto) x 8 cm (profundidad).
Empresa productora: Campo Grande S.A.

 

 3.2. Diseño de envase de productos del segmento alta gama 

Estos productos se ubican dentro del segmento más elevado (alta calidad y precio, imagen de refinamiento “gourmet” y sofisticado). El estilo adoptado por cada alumno tendrá que acompañar este posicionamiento.

Producto 1: jugo de fruta (tetra pak de 1L).
El alumno podrá definir la variedad según sus preferencias.
Marca: Ecuador / Del Sol
Dimensiones de la caja: 7 cm (ancho) x 21 cm (alto) x 7 cm (profundidad).
Empresa productora: Juguera Austral S.A.C.I.F.I.

Producto 2: Sidra (caja contenedora 710 cm3.).
El alumno podrá definir la variedad según sus preferencias.
Marca: Manzanares / Río Negro
Dimensiones de la caja: 10 cm (ancho) x 33 cm (alto) x 10 cm (profundidad).
Empresa productora: Finca Sierra Colorada S.A.

Producto 3: Bombones (caja contenedora).
El alumno podrá definir la variedad según sus preferencias.
Marca: Berna / Campanario
Dimensiones de la caja: 24 cm (ancho) x 16 cm (alto) x 8 cm (profundidad)..
Empresa productora: Lago Azul S.A.

 

4. Pautas principales de evaluación

Singularidad/ llamado de atención: es la capacidad de los envases de diferenciarse de sus competidores y de atraer la mirada en góndola.

Adecuación estilística: es la mayor o menor pertinencia del estilo gráfico propuesto (tipo de imágenes, logotipo, tipografías, organización del plano, cromática, etc.) al rubro del producto y al perfil particular del caso.

Calidad gráfica: es la armonía estética, la coherencia y el ajuste de los elementos gráficos propuestos para inscribirse dentro de los estándares altos de su tipo.

Presentación: es la mayor o menor capacidad de la maqueta para evocar las características del producto real impreso.

 

5. Límites

Para la realización del trabajo tendrán que respetarse las medidas definidas para cada envase.

La marca, selección tipográfica, tipo de imágenes y demás decisiones gráficas quedan a criterio del alumno y no se ponen límites o restricciones técnicas mientras se cumpla con los parámetros de estilo, llamado de atención, singularidad, calidad, etc. fijados en la etapa de análisis y diagnóstico.

 

6. Entrega

Los envases se entregarán de manera completa y se presentarán en escala1:1

Pares de envases:

Vino / Bombones

Cereal / Jugo de fruta

Café / Sidra

 

7. Link’s de referencia

http://www.packagingoftheworld.com/

http://www.packagingserved.com/

http://lovelypackage.com/

http://www.tridimage.com/

http://www.packagingdesignarchive.org/archive/browse_by_property

 

 

  • Feb 12 / 2015
  • Comentarios desactivados en Ejercicios 2015
Diseño I, Diseño II, Diseño III, Programas

Ejercicios 2015

Los principales ejercicios de la Cátedra en 2015, para los tres niveles.

Diseño I

  • Expresión gráfica
    Representación gráfica personal, sintética y reconocible de un elemento (un animal, una planta, etc.), a partir del análisis de su forma en la realidad.
    Ver trabajos
  • Introducción al diseño editorial
    Puesta en página para una publicación, basada en la experimentación gráfica con imágenes y tipografía.
    Ver trabajos
  • Infografía
    Generación de contenidos y diseño de una pieza visual que explique en forma sintética y simplificada un hecho complejo.
    Ver trabajos
  • Gráfica promocional para las redes sociales
    Diseño de un sistema gráfico destinado a dar a conocer en las redes sociales una institución, un comercio, un evento o un producto.
  • Ilustración de portada de libro
    Generación de imágenes para ilustrar y dotar de identidad propia a las tapas de una colección de libros, mediante los diferentes lenguajes de la creatividad gráfica, combinando usos cromáticos y tipográficos.
    Ver trabajos
  • Envase
    Diseño de las seis caras y el prototipo a tamaño real de un envase para identificar y comunicar las características de un producto: un juguete, un electrodoméstico, un instrumento utilitario, etc.
    Ver trabajos

Diseño II

  • Gráfica para presentaciones
    Diseño de gráfica de apoyo para una presentación pública de un orador.
    Ver trabajos
  • Diseño de personajes
    Diseño de un sistema de personajes gráficos, respetando una única unidad temática y estilística, para variados usos en la comunicación contemporánea.
    Ver trabajos
  • Web de producto
    Diseño de sitio web promocional de última generación para un producto o servicio existente en el entorno real, seleccionado por el alumno.
    Ver trabajos
  • Revista sectorial
    Diseño de una revista completa dirigida a públicos interesados en un tema específico (deportes extremos, tatoo, veganismo, arte digital, etc.).
    Ver trabajos
  • Branding de TV
    Diseño de un sistema de piezas audiovisuales para identificar un canal de televisión (bumpers, IDs, promos de programas, grillas, “mosca” en acción, etc.).
    Aclaración: Aunque este ejercicio pueda generar cierto temor en un principio, finalmente los alumonos logran dominar las aplicaciones rápidamente y producen resultados sorprendentes y muy creativos, superando en muchísimos casos las expectativas del equipo docente.
    Ver trabajos

Diseño III

  • Packaging
    Diseño de envases de productos de consumo masivos con demandas creativas, estilísticas, de diferenciación, informativas y de calidad, equivalentes a las que se presentan en la realidad de la vida profesional.
    Ver trabajos
  • Diseño de diarios
    Diseño de un diario de circulación nacional en respuesta a una demanda múltiple: inscripción en el tipo logrando diferenciación respecto de la competencia; unidad estilística general sin pérdida de la diversidad y personalidad de las secciones; respeto por la clase e importancia de las informaciones; y actualidad en el manejo de tipografía e imagen.
    Ver trabajos
  • Web institucional
    Diseño de sitio web para una organización real. Implica un análisis del medio, diagnóstico de la situación actual y experimentación gráfica para arrivar a una propuesta superadora.
    Ver trabajos
  • Imagen de un evento efímero
    Creación de un sistema de piezas de comunicación para identificar y comunicar públicamente un recital, una exposición o un festival. Incluye la generación de una imagen distintiva (a modo de marca), afiches, cartelería o marquesinas en el predio, mail promocional, entradas, credenciales, aviso en prensa y banners para la web.
    Ver trabajos
  • Sistema de identidad institucional
    Diseño de signos identificadores (marca gráfica) de alto rendimiento para una institución o empresa. Definición de recurrencias gráficas estables (cromáticas, tipográficas, usos de la marca, etc.) y piezas modelo de los diferentes sub-lenguajes: institucional, promocional, publicitario, interno, ambiental, del servicio, etc.
    Ver trabajos
  • Sep 05 / 2014
  • Comentarios desactivados en Programa del ejercicio Evento Efímero 2014
Diseño III

Programa del ejercicio Evento Efímero 2014

Ejercicio:

 Identificación y comunicación de una feria, festival o evento efímero similar.

 

1. Objetivos pedagógicos a cumplir

Que cada estudiante diseñe el sistema de identificación y comunicación para un evento temático, en tiempo real de trabajo profesional y con alto componente de autocorrección.

 

2. Contenidos principales

  • La identificación y los medios gráficos de identificación.
  • Comunicación e identificación visual de eventos y mensajes temporales, los códigos promocionales y persuasivos, el llamado de atención, la singularidad, etc.
  • Los sistemas de piezas diversas con unidad estilística.
  • Secuencia de lectura, llamado de atención, adaptación a distintos tamaños.
  • Legibilidad.
  • Jerarquización y organización de la información.
  • Tipologías de promociones y sus estilos.

 

3. Pedido de diseño

Cada estudiante diseñará un sistema de piezas de carácter promocional para un evento efímero. Se le adjudicará alguno de estos grandes rubros y elegirá su tema, que se inscribirá dentro del mismo: Exposición relacionada con la gastronomía, Festival relacionado con la música, Muestra de expresiones culturales/contemporáneas o Festival de cine, teatro, danza, ópera.

El diseño tendrá el objetivo de otorgarle identidad y personalidad gráfica al evento; informar correctamente acerca de los motivos, precios, lugar, fechas, y, fundamentalmente, persuadir al público destinatario para que concurra.

En clase se definirá el tema específico de cada evento y el estudiante deberá completar la información básica del mismo.

 

El sistema de la promoción incluirá, al menos, las siguientes piezas:

  • Afiche de vía pública 110 x 140 cm. (Carteleras municipales). Cada alumno deberá presentar el afiche montado en una cartelera real en el entorno urbano, para eso tendrá que sacar previamente una foto adecuada a este pedido.
  • Gráfica en el frente del edificio o predio donde se realiza. Para esto cada alumno tendrá que sacar una foto del lugar y montar su mensaje sobre las estructuras existentes o simular la situación de montaje (Costanera Sur).
  • Mini sitio web: solo la página de inicio (para una resolución de pantalla de 1024 x 768 px).
  • Mail promocional: 1200 x 700 px
  • Aviso en prensa: página de revista adecuada al caso. Cada alumno elegirá una revista cuyo perfil sea compatible con el evento elegido, y montará su aviso en página impar, pero mostrando la doble página completa (la página par debe ser real de la revista).
  • Invitación: 10 x 15 cm. (Frente y dorso)
  • Credencial: 5,5 x 8,5 cm

El evento contará con 4 sponsors elegidos por el alumno cuyas marcas deberán ser incluidas en todas las piezas gráficas.

4. Pautas principales de evaluación

La evaluación del trabajo tendrá en cuenta:

 

Capacidad identificatoria:

La adecuada relación de imágenes, cromática, tipografía y misceláneas para otorgarle personalidad propia acorde al perfil del evento.

Carácter sistémico:

La capacidad de las piezas de articularse como partes de un mismo mensaje; correcta relación entre recurrencias y singularidades.

Lenguaje promocional:

Adecuación de la propuesta gráfica a los fines del pedido: persuadir al público y provocar –facilitando– acciones de adhesión al mensaje.

Ajuste tipológico y estilístico:

Es la pertinencia de las decisiones formales al tipo de evento.

Rendimiento comunicacional:

Clara comprensión de la imagen y el texto principal. Correcta selección de contenido y correcta jerarquización.

 

5. Temas

El tema que le será adjudicados son los siguientes:
Exposición relacionada con gastronomía (vegana, autóctona, regional, orgánica, macrobiótica, artesanal, sana, etc.)
Festival relacionado con música (rock, folclore, tango, nuevas tendencias, jazz, joven, hip hop, etc.)
Muestra de expresiones contemporáneas/culturales (circo moderno, percusión, poesía, murga, comic, motion graphics, videojuegos, acrobacia y malabares, magia e ilusionismo, arte callejero, tatoo, skate, etc.)
Festival de cine, teatro, danza, ópera (de algún autor, género, estilo, origen, etc.)

 

6. Condiciones de la entrega

Se entregará en 3 paneles tamaño A3 montado en soporte rígido, unidos de manera que se puedan plegar.

En ellos, cada alumno deberá aplicar la gráfica desarrollada. La distribución de piezas en los paneles será informada oportunamente por la cátedra.

De ser necesario para una evaluación más precisa (ajuste tipográfico, etc.), algunas piezas que figuran en los paneles se entregarán, además, en hojas sueltas.

  • 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.