lenguaje de diseño M O D E L A D O D I G I TA L 2020_1
CAMILA VALBUENA Diseñadora de producto y comunicación con énfasis textil
representaciรณn
la última cena - 00
ORIGINAL
- Leonardo da Vinci 1498
la última cena - 01
PINTURA
- William Hawkins 1986
la última cena - 02
COLLAGE
- Mary Beth Edelson 1998
la última cena - 03
FOTOGRAFÍA
- David LaChapelle 2003
la última cena - 04
I LU S T R A C I Ó N D I G I TA L
- Bagas Fa 2019
la Ăşltima cena - 05
E S C U LT U R A
- Yinka Shonibare 2013
la Ăşltima cena - 06
E S C U LT U R A E I N S TA L A C I Ă“ N
- Albert Szukalski 1984
la última cena - 07
IMPRESIÓN 3D
- Richard Swika
la última cena - 07
COPYWRITE
TEMA. La pintura representa la Última Cena que celebra Jesús en compañía de sus discípulos. Apartándose de la iconografía, hasta entonces tradicional, no aísla a la figura de Judas al otro lado de la mesa. Ni siquiera lo señala especialmente ofreciéndole comida, quedando, su figura, integrada en el resto del grupo, sin la importancia (por lo menos visual) que suele tener en otras composiciones del tema. En vez de ella es Cristo el centro de atención. Su figura tranquila en medio de la crispación general de los apóstoles que acaban de escuchar de sus labios que alguno de ellos le traicionará. De esta manera, Leonardo deja el tema de la traición en un segundo plano, centrándose en las distintas reacciones psicológicas de los apóstoles ante la noticia. Su interés es casi más humano que religioso: estudiar la diversidad de los estados anímicos del ser humano, desde la sorpresa a la ira o la duda, que contrastan con la ya citada tranquilidad de Cristo. TÉCNICA. La rapidez e imposibilidad de retoques que tenía la tradicional técnica al fresco, utilizada habitualmente para este tipo de trabajos, hizo que Leonardo buscara nuevas formas que le permitieran un trabajo más sosegado (por lo que de intelectual tenía) y con posibilidad de reformas. Fue por ello por lo que probó una técnica de óleo sobre el muroque muy pronto (antes de terminarse) demostró su poca adaptación al muro, por lo demás contiguo a la cocina y su calor que hizo deteriorarse rápidamente toda la escena. COMPOSICIÓN. Se encuentra regida por un fuerte rigor geométrico puesto al servicio del tema y su lectura. Parte de una simetría marcada por Cristo como eje. Su figura, en forma piramidal (como es muy habitual en el pintor) ocupa una porción importante del espacio central, aislado del resto y recortada a contraluz contra la ventana que, con su frontón curvo, vuelve a remarcar su figura, casi como si fuera un nimbo. A sus lados, los apóstoles se ordenan en dos grupos de tres personajes que se relacionan entre sí a través de los gestos de las manos. Estos grupos generan una serie de tensiones internas y contrapesadas dentro del lienzo (al modo de un contrapposto clásico), y así, mientras a la izquierda de Cristo los apóstoles más cercanos retroceden, este movimiento se contrapone y anula con los de la derecha, que avanzan. El mismo efecto, aunque suavizado por la distancia, se opera en los grupos exteriores, quedando de esta manera Cristo como el centro inmóvil de las tensiones, lo cual reafirma aún más su preponderancia dentro del lienzo. LÍNEA. Resulta muy complicado su análisis debido al mal estado de conservación de la obra. Sin embargo, y basándonos en otras obras, debemos pensar que se encuentra muy estudiado (se conservan multitud de bocetos parciales de la obra) aunque posteriormente matizado por el uso de la luz (sfumato) que eliminaría el carácter lineal típico del Quattrocento y nos acercaría a la futura escuela veneciana iniciada por Giorgione, acaso por influencia de Leonardo. COLOR. Se encuentra sometido a la composición simétrica que realza la figura de Cristo. De esta forma se emplea de forma equilibrada, sobre todo en los dos básicos (azul y rojo), que se distribuyen por el cuadro haciendo pareja con el lado contrario. Esta alternancia se culmina en la figura de Cristo, dividida en dos zonas cromáticas que resumen todo el cuadro. El resto del lienzo está ocupado por tonos terrosos de carácter neutro que eliminan distracciones y concentran la mirada en la acción.
la última cena - 08
BOCETO
- Leonardo da Vinci
B O C E TA C I Ó N
B O C E TA C I Ó N
a quiĂŠn nos dirigimos?
?
herramientas de comunicación Moodboard + Tipografía + Color + Copywriting + Ilustración + Layout + Collage + Fotografía + Video + Producto
moodboard
H E R R A M I E N TA
Se usa para desarrollar conceptos y permitir entender la direcciรณn visual que se quiere lograr en un proyecto. Sirve para informar la sensaciรณn o el sentido q u e u n c r e a t i v o e s t รก t r a t a n d o d e v i s u a l i z a r.
moodboard -
Un moodboard es un tipo de collage que consta de imรกgenes, textos y muestras de objetos en una composiciรณn.
- 01
- 02
- 03
- 04
- 05
- 06
- 07
- 08
- 09
- 10
- 11
- 12
- 13
CONTENIDO moodboard -
Arquitectos Artistas Diseñadores industriales Diseñadores gráficos Fotógrafos Diseñadores de moda Referentes culturales Naturaleza Figuras públicas
FUENTES DE IMĂ GENES moodboard -
WGSN Architectural Digest Designboom Awwwards Its Nice That Coolhunter The Inspiration Grid Nowness Flickr Dezeen
ORGANIZADORES DE IMÁGENES moodboard -
Dropmark Pinterest
PROCESO moodboard -
1. Busqueda de tendencias o conceptos 2. Busqueda de proyectos e imágenes de inicio 3 . F I LT R O # 1 : r e s o l u c i ó n y t a m a ñ o - impresión 4. Organización por lenguaje, sensación, similitud de color o textura, calidad de la luz, tipología de imágen, tema, etc. 5. Edición de color 6 . F I LT R O # 2 : c o h e r e n c i a c o n l a c o m p o s i c i ó n - impresión 7. Organización de imágenes por similitud para sacar conceptos 8. Objetos y composición final
tipografĂa
H E R R A M I E N TA tipografía -
Arte, técnica y manejo de tipos (letras, números y símbolos) que evalúan diversas formas y estilos para crear una solución visual. Ayuda a transmitir el mensaje y apoya el contenido semántico y sintáctico del texto.
CONSIDERACIONES tipografía -
1. Mensaje. No elegir tipografías porque están de moda o por gusto personal 2. Elegirla al principio del proceso 3. Utilizar variaciones de la tipografía 4. Evitar usar más de 2 o 3 fuentes
P ROTOT I PA R fuentes color jerarquĂa -
TIPOLOGÍAS DE FUENTES tipografía -
TIPOLOGÍAS DE FUENTES tipografía -
SERIF & SANS SERIF
SERIF
·
agmr SANS SERIF
Las serifadas se utilizan para textos largos Las no serifadas tienen un tono más moderno, coporativo y limpio
tipografía -
agmr
I TÁ L I C A S
SERIF
·
agmr SANS SERIF
S e u t i l i z a n p a r a e n f a t i z a r. En las culturas occidentales la inclinación a la derecha insinúa aceleración y a la izquierda, un movimiento retardante. En las culturas que leen de derecha a izquierda es al revés.
tipografía -
agmr
SCRIPT
SCRIPT
Da personalidad y dependiendo de la fuente, hace alusión a cierta tendencia, época o corriente. No utilizar para textos largos.
tipografía -
agmr
GÓTICAS tipografía -
SCRIPT
Inspirado en la cultura y la arquitectura de la Edad Media. Ta m b i é n s e r e f i e r e a e l l a s c o m o B l a c k l e t t e r. No utilizar para textos largos.
VARIACIONES DE FUENTE / TIPO DE LETRA tipografía -
JERARQUÍA tamaño color feunte tipo de letra
-
6
1
3
2 4
5
1
1 2
1 3
2
1 4
2
3
1 4
2
5
3
1 4
2 6
5
3
CUADRĂ?CULA / GRID
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla p a r i a t u r. E x c e p t e u r s i n t occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
tipografĂa -
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu f u g i a t n u l l a p a r i a t u r.
CUADRĂ?CULA / GRID
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla p a r i a t u r. E x c e p t e u r s i n t occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
tipografĂa -
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu f u g i a t n u l l a p a r i a t u r.
JUSTIFICACIĂ“N
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
tipografĂa -
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
JUSTIFICACIĂ“N
X
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
tipografĂa -
Lorem ipsum dolor sit amet, c o n s e c t e t u r adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
INTERLETRADO
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
tipografĂa -
Lorem ipsum dolor sit amet, c o n s e c t e t u r adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
INTERLINEADO
dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
¡
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
¡
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
tipografĂa -
Lorem ipsum
ANCHO DE COLUMNA
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in repr occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris.
tipografía -
no más de 60 carácteres por línea -
H U É R FA N A S
deben evitarse -
tipografĂa -
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exer citation ullamco laboris nisi ut aliquip ex ea commodo consequat. Curabitur pretium tincidunt lacus.
color
H E R R A M I E N TA color -
El color tiene la habilidad de evocar emociones p o d e r o s a s y, c u a n d o s e u s a c o r r e c t a m e n t e , puede ser una herramienta de comunicaciรณn muy efectiva. A pesar de las varaciones de significado a nivel cultural, existen generalidades que pueden utilizarse para una comunicaciรณn acertada.
AZUL
Es el color más popular entre los adultos. Simboliza serenidad y tiene un efecto tranquilizante si se usa con moderación. Demasiado azul puede sugerir depresión. Es un color frío y se asocia con cosas frias como comida congelada, el mar o el cielo. Adicionalmente, evoca motivación. Significa calidad y experticia por lo cual suele utilizarse para identidades c o r p o r a t i v a s . Ta m b i é n s e u t i l i z a e n e s p a c i o s h o s p i t a l a r i o s o de salud por su asociación a la higiene y limpieza.
color -
S I M PAT Í A ARMONÍA LIMPIEZA Y SALUD CONFIANZA L E A LTA D I N S E N S I B I L I D A D Y D I S TA N C I A FRIALDAD INFINIDAD CALMA DEPORTE Y ACTIVIDAD MASCULINIDAD AUTONOMÍA
ROJO
Es el color más popular entre los niños y es el primer color q u e l o s r e c i é n n a c i d o s p u e d e n p e r c i b i r. E v o c a p a s i ó n y t i e n d e a despertar adrenalina y actividad. Se asocia tanto con el amor como con el enojo. Puede significar suerte. Representa lujuria y adulterio, así como peligro revolución y guerra.
color -
SUERTE ENERGÍA ACTIVIDAD ENOJO Y AGRESIVIDAD EMOCIÓN IMPULSIVIDAD SEXUALIDAD Y EROTISMO PASIÓN Y DESEO AMOR ODIO PODER CALOR
AMARILLO
Es el color más luminoso. Por su alta visibilidad se utiliza en avisos de precausión. Utilizado con moderación evoca emoción y alegría, representa al sol. Utilizado en exceso puede causar irritación y afán. Se asocia con cosas falsas o de mala calidad
color -
FA C I L I D A D AMABILIDAD SIMPLICIDAD ENERGÍA Y ACTIVIDAD VERANO Y CALOR RIQUEZA A M I S TA D EXHIBICIONISMO EGOÍSMO CELOS INFIDELIDAD FA L S E D A D CULPA
VERDE
Tiene cualidades muy similares a las del azul. Se asocia adicionalmente al crecimiento y prosperidad al igual que con l a s a l u d y b i e n e s t a r. T a m b i é n p u e d e s u g e r i r e n v i d i a o c e l o s .
color -
V I TA L I D A D N AT U R A L E Z A TOLERANCIA AY U DA Y S O L I DA R I DA D ESPERANZA CONFIANZA SALUD FRESCURA ACIDÉZ O AMARGURA JUVENTUD RESISTENCIA CALMA
MORADO
Universalmente se asocia con la espiritualidad y con la realeza. Es un color muy dificil de encontrar en la naturaleza como pigmento. Tiende a relacionarse con temas de exclusividad, lujo y madurez.
color -
FE DEVOCIÓN Y RELIGIÓN VANIDAD EXTRAORDINARIO LUJO VANIDAD A LTA C O S T U R A MAGIA ARTIFICIAL INSEGURIDAD ORGULLO SEXUALIDAD Y EMOCIONALIDAD
BLANCO
Es considerado el símbolo de la pureza y es las culturas occidentales se utiliza tradicionalmente en los vestidos de novia para representar esto. En Asia representa la muerte y el luto. Se asocia comunmente a la paz.
color -
DEVOCIÓN FE PERFECCIÓN CALIDAD BONDAD ETERNIDAD TRANSPARENCIA INICIOS LIMPIEZA INOCENCIA SIMPLICIDAD NEUTRAL
NEGRO LUTO VACÍO EGOÍSMO DUREZA CULPA FA L S E D A D SOLEDAD BESTIALIDAD LUJO ELEGANCIA EXCLUSIVO INTROVERSIÓN
S e a s o c i a a c o s a s m a l a s y, a l a v e z , r e p r e s e n t a e l l u j o . E s e l color de la noche, de lo que no está claro. Preferiblemente, no utilizarlo para fondos o grandes superficies a menos de que haya buena iluminación o contraste.
ARMONร A color -
proporciรณn ideal -
copywrite
H E R R A M I E N TA
El término copywrite se ha asociado a situaciones promocionales como anuncios o compañas impresas, de televisión, radio y medios digitales. El proósito del copy (texto promocional) es p e r s u a d i r a l l e c t o r, o y e n t e o e s p e c t a d o r.
copywrite -
Es el uso de palabras e ideas para promover un proyecto, negocio, persona u opinión.
copywrite T E X T O C R E AT I V O E I N F O R M AT I V O PARA MEDIOS DE COMUNICACIÓN
=/
copyright DERECHO EXCLUSIVO DE AUTOR SOBRE DETERMINADO CONTENIDO POR CIERTO TIEMPO
H E R R A M I E N TA copywrite -
El único propósito que tiene cada uno de los elementos de un copy convincente es lograr
Q U E E L E S P E CTA D O R L E A L A SIGUIENTE ORACIÓN
ENCABEZADOS
Sin una primera frase que enganche, el resto d e l t e x t o p o d r í a n i s i q u i e r a e x i s t i r. Pero lo único que hace un encabezado no es llamar la atención sino comunicar el mensaje completo a la audiencia.
copywrite -
El encabezado o headline es la primera, y posiblemente única, impresión que se hace en u n p o t e n c i a l l e c t o r.
ENCABEZADOS
10 LEEN EL ENCABEZADO
·
copywrite -
8
2 10 SIGUEN LEYENDO
el poder del headline
headline variable · FRASE DE ENGANCHE O ABREBOCAS
=/
slogan permanete · L E M A D E FÁ C I L RECORDACIÓN, CARACTERÍSTICO DE UNA MARCA, PERSONA O PRODUCTO
a quiĂŠn nos dirigimos?
tono
?
C AT E G O R Ă? A S D E E N C A B E Z A D O S copywrite -
1. 2. 3. 4. 5. 6. 7.
Directos Indirectos Noticias OrientaciĂłn Interrogativos Imperativo Te s t i m o n i o
ENCABEZADOS DIRECTOS copywrite Informativo y directo al grano. Puede tener juegos de palabras pero no mensajes ocultos, debe ser claro el mensaje.
ENCABEZADOS INDIRECTOS copywrite Sutil y abre una pregunta en la cabeza del lector que el copy b u s c a r e s p o n d e r. Apela a la curiosidad sin ser necesariamente una pregunta.
ENCABEZADOS DE NOTICIAS copywrite Puede ser directo o usar juegos de palabras pero, cรณmo lo dice su nombre, deben ser noticias.
E N C A B E Z A D O S D E O R I E N TA C I Ó N copywrite Introduce soluciones o respuestas que serán desarrolladas en el artículo. Su palabra introductoria por excelencia: CÓMO
E N C A B E Z A D O S I N T E R R O G AT I V O S copywrite No solo se trata de hacer una pregunta sino de empatizar con el lector para que quiera saber y leer la respuesta.
“¿Se ha dado cuenta que siempre hemos vivido engañados?”
“¿Se ha dado cuenta que las mujeres son más inteligentes que lo hombres?” “¿Ustede cree que un shampoo lila, de los que huelen a rosita al amanecer para cabellos ondulados es para nosotros?”
E N C A B E Z A D O S I M P E R AT I V O S copywrite -
L e d i c e d e f r e n t e a l l e c t o r l o q u e n e c e s i t a h a c e r. L a p a l a b r a inicial estรก formulada como verbo afirmativo.
ENCABEZADOS TESTIMONIALES copywrite -
Propone una idea a través de la experiencia para empatizar c o n e l l e c t o r.
“I Read Copyblogger First Thing Each Morning,” admits Angelina Jolie.
T I P S PA R A CO P Y W R I T I N G copywrite -
1. 2. 3. 4. 5. 6. 7. 8.
Decirlo simple y directo Establecer el beneficio Anunciar noticias nuevas Apelar a la orientación (”cómo _”) Proponer una pregunta que permita relacionarse Afirmar una idea o un comando Ofrecer información útil Dar un testimonio honesto y motivador
imagen
H E R R A M I E N TA imagen -
Existen muchas formas de realizar imágenes. Entre ellas se encuentran la fotografía, ilustración, fotomontajes y collage. Cada una de ellas tiene sus propios alcances y beneficios pero es importante aprender a reconocer la pertinencia de cada opción dentro de un proyecto.
FOTOGRAFÍA imagen -
Las técnicas son muy variadas y difieren en t é r m i n o s d e c o l o r, á n g u l o , t e c n o l o g í a , o b j e t o de captura, entre otros. Exiten muchas formas de generar escenarios y narrativas que apelen a la realidad o se aleje de ella.
FOTOGRAFÍA imagen -
preproducción
producción
postproducción
Antes de tomar una foto es importante preparar la narrativa, escenario, utilería y actores.
Procurar regirse a lo planeado pero tener flexibilidad ante imprevistos.
Las fotografías pueden ser tan editadas como lo requiera o permita el proyecto. Se pueden retocar los colores y la luz en programas de edición. Allí mismo se pueden hacer montajes.
To m a r m u c h a s fotos da una mayor probabilidad de encontrar el resultado deseado.
FOTOGRAFĂ?A imagen -
Brinda libertad creativa Recursividad Personalizada Libre de derechos de autor
N A R R AT I VA imagen -
TipologĂa Historia To n o
N A R R AT I VA imagen -
congelar momentos Una imรกgen debe contar una historia. Hay herramientas culturales, de tiempo y de espacio que permiten generar narrativas. Para una secuencia de imรกgenes se recomienda utilizar la herramienta del storyboard en la etapa de preproducciรณn. Debe haber un hilo conductor pero no tienen que ser situadas en los mismos espacios, con los mismos actores, etc.
COPYWRITE imagen -
Una frase, un logo o una palabra pueden darle un vuelco al significado de la imรกgen. Refuerza la narrativa y la historia.
ILUSTRACIÓN imagen -
Permite un rango muy amplio en cualidades de estilo que varían dependiendo del concepto y la ejecución. Llega a lugares donde la fotografía no alcanza y es un lenguaje universal. Puede hacerse con ayuda de muchas herramientas tanto análogas como digitales.
- descriptiva manual de instrucciones
- figurativa
- experimental
- publicitaria
- Tatiana Figueroa
- patrones y estampados
- Eloin Rivera
- diseĂąo de interiores
- caricaturas polĂticas
- libros
- intervenciรณn
- bocetaciรณn
MEDIOS imagen -
Digital Impresión Publicidad guerilla Análogo Señalización
FOTO M O N TA J E S Y P O S T P R O D U C C I Ó N
Los alcances dependen de la intención y estilo del proyecto, junto con las habilidades de manejo de programas. La postproducción funciona como complemento para la modelación digital y es una herramienta para lograr un mayor nivel de realismo que no permiten muchos programas de arquitectura o por tiempo o limitado manejo de los mismos, no se alcanza.
imagen -
Dentro de la fotografía y la ilustración hay limitaciones de acabados o escenarios irreales que pueden lograrse por medio de la edición digital.
PROGRAMAS DE EDICIÓN imagen -
Adobe Photoshop Adobe Illustrator Adobe Lightroom Adobe Dimension Procreate Corel PaintShop Pro
COLLAGE imagen -
Otra herramienta para componer imágenes cuando no se tiene los recursos (tiempo, impresión, conocimiento sobre cierto programa) para crear imágenes. Tiene una característica experimental y permite explorar universos visuales que no se tenían previamente asociados. Puede ser digital o análoga.
- digital
- anรกlogo
- repeticiรณn
diagramaciรณn
H E R R A M I E N TA
S e v a l e d e h e r r a m i e n t a s c o m o c o l o r, tipografía, mapas conceptuales, imágenes, entre otros. Varía en forma según la plataforma o el medio y supone la lectura del contenido sin necesidad de explicaciones adicionales.
diagramación -
La diagramación es la forma en la que los elementos informativos están dispuestos en una página. Es la organización jerárquica, no necesariamente lineal, que permite la lectura fluida del contenido.
presentaciรณn de un proyecto Cรณmo se hace vs. cรณmo se presenta
desarrollo de un proyecto
PA S O S
¿Cuál es la lista de etapas general?
desarrollo de un proyecto -
A grandes rasgos, existen etapas o pasos que seguir para desarrollar proyectos creativos. Estos cambian según las exigencias o la naturaleza del proyecto particular pero se puede establecer una metodología según preferencias personales. Junto con estas fases vienen herramientas de diseño que facilitan el proceso de materialización.
E TA PA S D E D I S E Ñ O
Brief Investigación Oportunidad de diseño / Insights Lluvia de ideas y conceptualización Referentes Ejecución Presentación
7.5. Retroalimentación y aprendizaje
desarrollo de un proyecto -
1. 2. 3. 4. 5. 6. 7.
BRIEF
¿Qué? Entregables ¿Por qué? Introducción al tema y objetivos generales ¿Cómo? Determinantes y restricciones de ejecución ¿Quién? Audiencia o cliente ¿Cuándo? Duración del proyecto y fechas importantes
desarrollo de un proyecto -
1. 2. 3. 4. 5.
INVESTIGACIร N desarrollo de un proyecto -
1. Contexto 2. Marco teรณrico 3. Estado del arte
OPORTUNIDAD DE DISEÑO
Insight: EL PORQUÉ Una vez se entiende por qué, el proyecto toma sentido. Deja de plantearse de forma aleatoria y c o b r a v a l o r.
desarrollo de un proyecto -
Oportunidad de diseño: ¿Dónde puedo intervenir?
CONCEPTUALIZACIÓN
El concepto es un elemento transversal a todas las etapas por venir del proyecto. Responde a la investigación y exige procesos creativos p a r a p l a n t e a r u n v a l o r d i f e r e n c i a d o r.
desarrollo de un proyecto -
¿De qué se trata mi idea? ¿Qué la hace especial? ¿Qué la diferencia del resto?
REFERENTES
Los referentes se toman como inspiración y como aprendizajes de personas que ya han hecho avances en e l c a m i n o q u e q u i e r o t o m a r. Lo importante es tomarlo como una plataforma para construir sobre ella. Si ya hay trabajo desarrollado, ¿por qué no arrancar desde ahí en vez de perder tiempo en encontrar algo que ya ha sido descubierto?
desarrollo de un proyecto -
¿Qué ya se ha hecho sobre eso que quiero hacer?
EJECUCIÓN
Si ya se tiene una idea clara de hacia dónde va el proyecto, procurar llevar un lenguaje de diseño coherente. Documentar cada paso, proceso y resultado.
desarrollo de un proyecto -
Materialización de la idea. Desarrollo de los entregables.
presentaciรณn de un proyecto
a quiĂŠn nos dirigimos?
?
HILO CONDUCTOR
Es fundamental encontrar un elemento que le de una narrativa al proyecto. Generalmente, e idealmente, no sabemos a donde vamos a llegar pero al comunicarlo hay que hacer como si sĂ lo hubieramos sabido siempre.
presentaciĂłn de un proyecto -
Recapitular El CLICK
COHERENCIA narrativa lenguaje concepto eslabรณn perdido
-
ADMINISTRAR RECURSOS
Ser creativo. Seguir las reglas del juego. A quién me dirijo.
presentación de un proyecto -
Tiempo Espacio Formato
Âż C U Ă N TO C O N TA R ? Lo importante no es mostrar todo el proceso pero si evidenciar que se hizo
R E T R O A L I M E N TA C I Ó N Y A P R E N D I Z A J E
P r e g u n t a r y e s t a r a b i e r t o a o í r. D a r l a r a z ó n y, s u t i l m e n t e , j u s t i f i c a r p e r o S I N D I S C U T I R ¿Se logró el objetivo? ¿Hasta dónde se llegó y por qué? P a s o s a s e g u i r. Documentar
presentación de un proyecto -
7.5
UNA IDEA ES BUENA SOLAMENTE EN LA MEDIDA EN LA QUE SE COMUNIQUE BIEN Y LA ENTIENDAN
“DESIGN IS ABOUT GETTING THE RIGHT IDEA AND GETTING THE IDEA RIGHT” - Marty Neumeier