SlideShare una empresa de Scribd logo
1 de 30
Descargar para leer sin conexión
Diseño visual y los modos
de apelación de la retórica.
Un método rápido.



Mtro. Omar Sosa Tzec.

Lic. en Diseño de Interacción.
Universidad Iberoamericana Campus Puebla.

http://www.tzek-design.com/blog
Modos de apelación
de la retórica.
logos.                      ethos.   pathos.




Hanno Ehses. Rhetorical Handbook.
Nova Scotia College of Art and Design.
1996.
¿Cómo emplear los modos de
apelación de la retórica en el
diseño de un mensaje visual?
objeto.
objeto.




         ethos.



logos.             pathos.
objeto.   espectador.
1. Hacer un free-listing.
diseñador.




             observación.
             análisis.
             crítica.
             deconstrucción.
Listar ideas…
ideas…
ideas…
ideas…
ideas…
ideas…
ideas…
ideas…
ideas…
ideas…
ideas…
ideas…
2. Clasificar.
logos.      ethos.     pathos.


ideas…      ideas…      ideas…
ideas…      ideas…      ideas…
ideas…      ideas…      ideas…
ideas…      ideas…      ideas…
ideas…      ideas…      ideas…
ideas…      ideas…      ideas…
ideas…      ideas…      ideas…
ideas…      ideas…      ideas…
ideas…      ideas…      ideas…
ideas…      ideas…      ideas…
ideas…      ideas…      ideas…
Si la idea es “logos” busca
información fáctica, de preferencia de
datos crudos.

Procura encontrar comparaciones
numéricas, de escala, cambios en el
tiempo o en el espacio, siempre
procurando hechos cuantificables o
que sean expresado por autoridades
en el área.
Si la idea es “ethos”, elabora sub-      De esas ideas o conceptos, intenta
agrupaciones que expresen los            descomponerla en otras unidades
valores morales de la audiencia, así     con significado o valor equivalente
como los valores asociados al            dentro de la cultura de la audiencia.
“diseño”, la “calidad diseñística” y la
estética.                                 Revisa también las formas, acabados
                                         y detalles que pueden equipararse
Intenta buscar ideas o conceptos         en otros objetos relacionados o en
similares, expresada a través de         objetos que reflejen un valor
sinónimos. También puedes hacer          aspiracional mayor.
una lluvia de ideas de los antivalores
a través de antónimos y conformar un
grupo que sirva de guía para “no
tocar o utilizar” esas ideas.
Si la idea es “pathos” entonces busca
todas las emociones relacionadas,
equivalentes o contrarias. Agrúpalas
para saber “cuál camino tomar” y
“cuál no”.

Analiza cada una de las emociones y
enlista sus posibles “disparadores”,
ya sean tangibles o intangibles.

Elabora jerarquías de “factores
emocionales clave” según las
características de la audiencia.
3. Selecciona los elementos clave de
construcción del mensaje y constrúyelo.
logos.      ethos.     pathos.


ideas…      ideas…      ideas…
ideas…      ideas…      ideas…
ideas…      ideas…      ideas…
ideas…      ideas…      ideas…
ideas…      ideas…      ideas…
ideas…      ideas…      ideas…
ideas…      ideas…      ideas…
ideas…      ideas…      ideas…
ideas…      ideas…      ideas…
ideas…      ideas…      ideas…
ideas…      ideas…      ideas…
La clave es “enunciar” la idea.

Expresa con palabras un enunciado que
explique o demuestre en qué va a
consistir el mensaje visual empleando en
ella las ideas o conceptos seleccionados.
Este enunciado en sí, podría funcionar
como copy, pero en realidad el copy es
una reinterpretación más sintética de
algo dicho dentro del enunciado general.
4. Extrae el copy y/u otros textos.
5. Plantea el componente gráfico.
6. Diseña la propuesta visual.
* Determina layout.
* Determina jerarquías.
* Determina flujo de lectura y focos visuales.
* Determina el soporte y sus características.
* Determina el “humor” y “look and feel”.
* Determina los acabados…
etc.
7. Presenta y evalúa la propuesta.
Gracias.




* Presentación con fines didácticos sin lucro. Imágenes
y textos son propiedad de sus autores.

Más contenido relacionado

Destacado

Introduction to Human-Computer Interaction and Interaction Design
Introduction to Human-Computer Interaction and Interaction DesignIntroduction to Human-Computer Interaction and Interaction Design
Introduction to Human-Computer Interaction and Interaction DesignOmar Sosa-Tzec
 
Sometimes a sign, sometimes a figure
Sometimes a sign, sometimes a figureSometimes a sign, sometimes a figure
Sometimes a sign, sometimes a figureOmar Sosa-Tzec
 
Asuntos sobre el pensamiento y ejecución de diseño
Asuntos sobre el pensamiento y ejecución de diseñoAsuntos sobre el pensamiento y ejecución de diseño
Asuntos sobre el pensamiento y ejecución de diseñoOmar Sosa-Tzec
 
User Experience Design, Navigation, and Interaction Flows
User Experience Design, Navigation, and Interaction FlowsUser Experience Design, Navigation, and Interaction Flows
User Experience Design, Navigation, and Interaction FlowsOmar Sosa-Tzec
 
Sistemas De Navegación
Sistemas De NavegaciónSistemas De Navegación
Sistemas De NavegaciónOmar Sosa-Tzec
 
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...Omar Sosa-Tzec
 
Esquemática y Diseño de Información
Esquemática y Diseño de InformaciónEsquemática y Diseño de Información
Esquemática y Diseño de InformaciónOmar Sosa-Tzec
 
Manual de Identidad Visual para AmexIHC: Asociación Mexicana para la Interacc...
Manual de Identidad Visual para AmexIHC: Asociación Mexicana para la Interacc...Manual de Identidad Visual para AmexIHC: Asociación Mexicana para la Interacc...
Manual de Identidad Visual para AmexIHC: Asociación Mexicana para la Interacc...Omar Sosa-Tzec
 
Visual Design for Interface and Experience Design
Visual Design for Interface and Experience DesignVisual Design for Interface and Experience Design
Visual Design for Interface and Experience DesignOmar Sosa-Tzec
 
Doctoral Consortium Persuasive Technology Conference 2015
Doctoral Consortium Persuasive Technology Conference 2015Doctoral Consortium Persuasive Technology Conference 2015
Doctoral Consortium Persuasive Technology Conference 2015Omar Sosa-Tzec
 
Affordances, Constraints, and Feedback in User Experience Design
Affordances, Constraints, and Feedback in User Experience DesignAffordances, Constraints, and Feedback in User Experience Design
Affordances, Constraints, and Feedback in User Experience DesignOmar Sosa-Tzec
 
Gaza Everywhere: exploring the applicability of a rhetorical lens in HCI
Gaza Everywhere: exploring the applicability of a rhetorical lens in HCIGaza Everywhere: exploring the applicability of a rhetorical lens in HCI
Gaza Everywhere: exploring the applicability of a rhetorical lens in HCIOmar Sosa-Tzec
 
Rhetoric in Graphic Design
Rhetoric in Graphic DesignRhetoric in Graphic Design
Rhetoric in Graphic Designbarbara_emanuel
 
Introduction to Visual Design for User Experience
Introduction to Visual Design for User ExperienceIntroduction to Visual Design for User Experience
Introduction to Visual Design for User ExperienceOmar Sosa-Tzec
 
Takeaways from the course Visual Design for User Experience
Takeaways from the course Visual Design for User ExperienceTakeaways from the course Visual Design for User Experience
Takeaways from the course Visual Design for User ExperienceOmar Sosa-Tzec
 
Principios de Diseño Visual para Interacción Humano-Computadora
Principios de Diseño Visual para Interacción Humano-ComputadoraPrincipios de Diseño Visual para Interacción Humano-Computadora
Principios de Diseño Visual para Interacción Humano-ComputadoraOmar Sosa-Tzec
 
La creatividad es un mito
La creatividad es un mitoLa creatividad es un mito
La creatividad es un mitoOmar Sosa-Tzec
 
Rhetorical Evaluation of User Interfaces
Rhetorical Evaluation of User InterfacesRhetorical Evaluation of User Interfaces
Rhetorical Evaluation of User InterfacesOmar Sosa-Tzec
 

Destacado (20)

Introduction to Human-Computer Interaction and Interaction Design
Introduction to Human-Computer Interaction and Interaction DesignIntroduction to Human-Computer Interaction and Interaction Design
Introduction to Human-Computer Interaction and Interaction Design
 
Sometimes a sign, sometimes a figure
Sometimes a sign, sometimes a figureSometimes a sign, sometimes a figure
Sometimes a sign, sometimes a figure
 
Asuntos sobre el pensamiento y ejecución de diseño
Asuntos sobre el pensamiento y ejecución de diseñoAsuntos sobre el pensamiento y ejecución de diseño
Asuntos sobre el pensamiento y ejecución de diseño
 
User Experience Design, Navigation, and Interaction Flows
User Experience Design, Navigation, and Interaction FlowsUser Experience Design, Navigation, and Interaction Flows
User Experience Design, Navigation, and Interaction Flows
 
Sistemas De Navegación
Sistemas De NavegaciónSistemas De Navegación
Sistemas De Navegación
 
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...
 
Esquemática y Diseño de Información
Esquemática y Diseño de InformaciónEsquemática y Diseño de Información
Esquemática y Diseño de Información
 
Manual de Identidad Visual para AmexIHC: Asociación Mexicana para la Interacc...
Manual de Identidad Visual para AmexIHC: Asociación Mexicana para la Interacc...Manual de Identidad Visual para AmexIHC: Asociación Mexicana para la Interacc...
Manual de Identidad Visual para AmexIHC: Asociación Mexicana para la Interacc...
 
Visual Design for Interface and Experience Design
Visual Design for Interface and Experience DesignVisual Design for Interface and Experience Design
Visual Design for Interface and Experience Design
 
Doctoral Consortium Persuasive Technology Conference 2015
Doctoral Consortium Persuasive Technology Conference 2015Doctoral Consortium Persuasive Technology Conference 2015
Doctoral Consortium Persuasive Technology Conference 2015
 
Affordances, Constraints, and Feedback in User Experience Design
Affordances, Constraints, and Feedback in User Experience DesignAffordances, Constraints, and Feedback in User Experience Design
Affordances, Constraints, and Feedback in User Experience Design
 
Gaza Everywhere: exploring the applicability of a rhetorical lens in HCI
Gaza Everywhere: exploring the applicability of a rhetorical lens in HCIGaza Everywhere: exploring the applicability of a rhetorical lens in HCI
Gaza Everywhere: exploring the applicability of a rhetorical lens in HCI
 
Sketchnoting Tutorial
Sketchnoting TutorialSketchnoting Tutorial
Sketchnoting Tutorial
 
Rhetoric in Graphic Design
Rhetoric in Graphic DesignRhetoric in Graphic Design
Rhetoric in Graphic Design
 
Introduction to Visual Design for User Experience
Introduction to Visual Design for User ExperienceIntroduction to Visual Design for User Experience
Introduction to Visual Design for User Experience
 
My Design Philosophy
My Design PhilosophyMy Design Philosophy
My Design Philosophy
 
Takeaways from the course Visual Design for User Experience
Takeaways from the course Visual Design for User ExperienceTakeaways from the course Visual Design for User Experience
Takeaways from the course Visual Design for User Experience
 
Principios de Diseño Visual para Interacción Humano-Computadora
Principios de Diseño Visual para Interacción Humano-ComputadoraPrincipios de Diseño Visual para Interacción Humano-Computadora
Principios de Diseño Visual para Interacción Humano-Computadora
 
La creatividad es un mito
La creatividad es un mitoLa creatividad es un mito
La creatividad es un mito
 
Rhetorical Evaluation of User Interfaces
Rhetorical Evaluation of User InterfacesRhetorical Evaluation of User Interfaces
Rhetorical Evaluation of User Interfaces
 

Similar a Modos de apelación visual

Creatividad Semana 3: Técnicas Creativas 2
Creatividad Semana 3: Técnicas Creativas 2Creatividad Semana 3: Técnicas Creativas 2
Creatividad Semana 3: Técnicas Creativas 2Eduardo Calvillo Gamez
 
Conceptos y Herramientas de Diseño en Sistemas Interactivos
Conceptos y Herramientas de Diseño en Sistemas InteractivosConceptos y Herramientas de Diseño en Sistemas Interactivos
Conceptos y Herramientas de Diseño en Sistemas InteractivosOmar Sosa-Tzec
 
3.definiciones de ensayo
3.definiciones de ensayo3.definiciones de ensayo
3.definiciones de ensayoakra1
 
Mapas mentales y ensayo
Mapas mentales y ensayoMapas mentales y ensayo
Mapas mentales y ensayoIsmery Silva
 
Las mejores técnicas creativas
Las mejores técnicas creativasLas mejores técnicas creativas
Las mejores técnicas creativasAgencia La Nave
 
Trabajo En Equipo
Trabajo En EquipoTrabajo En Equipo
Trabajo En Equipoguest7615e2
 
Estrategias para organizar la información nueva a aprender
Estrategias para organizar  la información nueva  a  aprenderEstrategias para organizar  la información nueva  a  aprender
Estrategias para organizar la información nueva a aprenderertaju
 
Definiciones de ensayo
Definiciones de ensayoDefiniciones de ensayo
Definiciones de ensayoJair Escobar
 
Introducción al Diseño - Clase 4 - 2022 - 2da etapa.pptx
Introducción al Diseño - Clase 4 - 2022 - 2da etapa.pptxIntroducción al Diseño - Clase 4 - 2022 - 2da etapa.pptx
Introducción al Diseño - Clase 4 - 2022 - 2da etapa.pptxMaricel973478
 
Anexo habilidades por áreas.pdf
Anexo habilidades por áreas.pdfAnexo habilidades por áreas.pdf
Anexo habilidades por áreas.pdfpigmalion26
 
presentacion-redlab-pdediseno_0.pdf
presentacion-redlab-pdediseno_0.pdfpresentacion-redlab-pdediseno_0.pdf
presentacion-redlab-pdediseno_0.pdfHaruRiveros
 

Similar a Modos de apelación visual (20)

Creatividad Semana 3: Técnicas Creativas 2
Creatividad Semana 3: Técnicas Creativas 2Creatividad Semana 3: Técnicas Creativas 2
Creatividad Semana 3: Técnicas Creativas 2
 
Creatividad
CreatividadCreatividad
Creatividad
 
Clase 2
Clase 2Clase 2
Clase 2
 
Tema 8
Tema 8Tema 8
Tema 8
 
La idea PPTP
La idea PPTPLa idea PPTP
La idea PPTP
 
Inspiración
InspiraciónInspiración
Inspiración
 
Conceptos y Herramientas de Diseño en Sistemas Interactivos
Conceptos y Herramientas de Diseño en Sistemas InteractivosConceptos y Herramientas de Diseño en Sistemas Interactivos
Conceptos y Herramientas de Diseño en Sistemas Interactivos
 
Creatividad
CreatividadCreatividad
Creatividad
 
3.definiciones de ensayo
3.definiciones de ensayo3.definiciones de ensayo
3.definiciones de ensayo
 
Mapas mentales y ensayo
Mapas mentales y ensayoMapas mentales y ensayo
Mapas mentales y ensayo
 
Las mejores técnicas creativas
Las mejores técnicas creativasLas mejores técnicas creativas
Las mejores técnicas creativas
 
Conceptualización en el Diseño
Conceptualización en el DiseñoConceptualización en el Diseño
Conceptualización en el Diseño
 
Trabajo En Equipo
Trabajo En EquipoTrabajo En Equipo
Trabajo En Equipo
 
Wellington perdomo tarea 10
Wellington perdomo tarea 10Wellington perdomo tarea 10
Wellington perdomo tarea 10
 
Estrategias para organizar la información nueva a aprender
Estrategias para organizar  la información nueva  a  aprenderEstrategias para organizar  la información nueva  a  aprender
Estrategias para organizar la información nueva a aprender
 
Definiciones de ensayo
Definiciones de ensayoDefiniciones de ensayo
Definiciones de ensayo
 
Introducción al Diseño - Clase 4 - 2022 - 2da etapa.pptx
Introducción al Diseño - Clase 4 - 2022 - 2da etapa.pptxIntroducción al Diseño - Clase 4 - 2022 - 2da etapa.pptx
Introducción al Diseño - Clase 4 - 2022 - 2da etapa.pptx
 
Anexo habilidades por áreas.pdf
Anexo habilidades por áreas.pdfAnexo habilidades por áreas.pdf
Anexo habilidades por áreas.pdf
 
Desarrollo del diseño
Desarrollo del diseñoDesarrollo del diseño
Desarrollo del diseño
 
presentacion-redlab-pdediseno_0.pdf
presentacion-redlab-pdediseno_0.pdfpresentacion-redlab-pdediseno_0.pdf
presentacion-redlab-pdediseno_0.pdf
 

Más de Omar Sosa-Tzec

Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...
Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...
Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...Omar Sosa-Tzec
 
Delight in the User Experience: Form and Place
Delight in the User Experience: Form and PlaceDelight in the User Experience: Form and Place
Delight in the User Experience: Form and PlaceOmar Sosa-Tzec
 
Delight by Motion: Investigating the Role of Animation in Microinteractions
Delight by Motion: Investigating the Role of Animation in MicrointeractionsDelight by Motion: Investigating the Role of Animation in Microinteractions
Delight by Motion: Investigating the Role of Animation in MicrointeractionsOmar Sosa-Tzec
 
Critical Design Research and Constructive Research Outcomes as Arguments
Critical Design Research and Constructive Research Outcomes as ArgumentsCritical Design Research and Constructive Research Outcomes as Arguments
Critical Design Research and Constructive Research Outcomes as ArgumentsOmar Sosa-Tzec
 
Creative Data and Information Visualization: Reflections on Two Pedagogical A...
Creative Data and Information Visualization: Reflections on Two Pedagogical A...Creative Data and Information Visualization: Reflections on Two Pedagogical A...
Creative Data and Information Visualization: Reflections on Two Pedagogical A...Omar Sosa-Tzec
 
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...Teaching Design, Information, and Interaction: Reflections, Foundations, and ...
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...Omar Sosa-Tzec
 
Visualizing Data Trails: Metaphors and a Symbolic Language for Interfaces
Visualizing Data Trails: Metaphors and a Symbolic Language for InterfacesVisualizing Data Trails: Metaphors and a Symbolic Language for Interfaces
Visualizing Data Trails: Metaphors and a Symbolic Language for InterfacesOmar Sosa-Tzec
 
Communicating design-related intellectual influence: towards visual references
 Communicating design-related intellectual influence: towards visual references Communicating design-related intellectual influence: towards visual references
Communicating design-related intellectual influence: towards visual referencesOmar Sosa-Tzec
 
Design tensions: Interaction Criticism on Instagram’s Mobile Interface
Design tensions: Interaction Criticism on Instagram’s Mobile InterfaceDesign tensions: Interaction Criticism on Instagram’s Mobile Interface
Design tensions: Interaction Criticism on Instagram’s Mobile InterfaceOmar Sosa-Tzec
 
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...Omar Sosa-Tzec
 
My fascination with the visual: meaning, persuasion, and delight
My fascination with the visual: meaning, persuasion, and delightMy fascination with the visual: meaning, persuasion, and delight
My fascination with the visual: meaning, persuasion, and delightOmar Sosa-Tzec
 
Principios de Diseño Visual para Interacción Humano-Computadora
Principios de Diseño Visual para Interacción Humano-ComputadoraPrincipios de Diseño Visual para Interacción Humano-Computadora
Principios de Diseño Visual para Interacción Humano-ComputadoraOmar Sosa-Tzec
 
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX Design
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX DesignExploration of Rhetorical Appeals, Operations and Figures in UI/UX Design
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX DesignOmar Sosa-Tzec
 
Towards a Pentadic Interaction Criticism
Towards a Pentadic Interaction CriticismTowards a Pentadic Interaction Criticism
Towards a Pentadic Interaction CriticismOmar Sosa-Tzec
 
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX Design
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX DesignExploration of Rhetorical Appeals, Operations and Figures in UI/UX Design
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX DesignOmar Sosa-Tzec
 
Visual Design for Presentations
Visual Design for PresentationsVisual Design for Presentations
Visual Design for PresentationsOmar Sosa-Tzec
 
Rhetorical Handbook. An Illustrated Manual for UX/UI Designers.
Rhetorical Handbook. An Illustrated Manual for UX/UI Designers.Rhetorical Handbook. An Illustrated Manual for UX/UI Designers.
Rhetorical Handbook. An Illustrated Manual for UX/UI Designers.Omar Sosa-Tzec
 
Human Development Index Visualization
Human Development Index VisualizationHuman Development Index Visualization
Human Development Index VisualizationOmar Sosa-Tzec
 

Más de Omar Sosa-Tzec (19)

Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...
Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...
Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...
 
Delight in the User Experience: Form and Place
Delight in the User Experience: Form and PlaceDelight in the User Experience: Form and Place
Delight in the User Experience: Form and Place
 
Delight by Motion: Investigating the Role of Animation in Microinteractions
Delight by Motion: Investigating the Role of Animation in MicrointeractionsDelight by Motion: Investigating the Role of Animation in Microinteractions
Delight by Motion: Investigating the Role of Animation in Microinteractions
 
Critical Design Research and Constructive Research Outcomes as Arguments
Critical Design Research and Constructive Research Outcomes as ArgumentsCritical Design Research and Constructive Research Outcomes as Arguments
Critical Design Research and Constructive Research Outcomes as Arguments
 
Creative Data and Information Visualization: Reflections on Two Pedagogical A...
Creative Data and Information Visualization: Reflections on Two Pedagogical A...Creative Data and Information Visualization: Reflections on Two Pedagogical A...
Creative Data and Information Visualization: Reflections on Two Pedagogical A...
 
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...Teaching Design, Information, and Interaction: Reflections, Foundations, and ...
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...
 
Visualizing Data Trails: Metaphors and a Symbolic Language for Interfaces
Visualizing Data Trails: Metaphors and a Symbolic Language for InterfacesVisualizing Data Trails: Metaphors and a Symbolic Language for Interfaces
Visualizing Data Trails: Metaphors and a Symbolic Language for Interfaces
 
Communicating design-related intellectual influence: towards visual references
 Communicating design-related intellectual influence: towards visual references Communicating design-related intellectual influence: towards visual references
Communicating design-related intellectual influence: towards visual references
 
Design tensions: Interaction Criticism on Instagram’s Mobile Interface
Design tensions: Interaction Criticism on Instagram’s Mobile InterfaceDesign tensions: Interaction Criticism on Instagram’s Mobile Interface
Design tensions: Interaction Criticism on Instagram’s Mobile Interface
 
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...
 
My fascination with the visual: meaning, persuasion, and delight
My fascination with the visual: meaning, persuasion, and delightMy fascination with the visual: meaning, persuasion, and delight
My fascination with the visual: meaning, persuasion, and delight
 
Principios de Diseño Visual para Interacción Humano-Computadora
Principios de Diseño Visual para Interacción Humano-ComputadoraPrincipios de Diseño Visual para Interacción Humano-Computadora
Principios de Diseño Visual para Interacción Humano-Computadora
 
HCI Seminar Fall 2015
HCI Seminar Fall 2015HCI Seminar Fall 2015
HCI Seminar Fall 2015
 
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX Design
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX DesignExploration of Rhetorical Appeals, Operations and Figures in UI/UX Design
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX Design
 
Towards a Pentadic Interaction Criticism
Towards a Pentadic Interaction CriticismTowards a Pentadic Interaction Criticism
Towards a Pentadic Interaction Criticism
 
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX Design
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX DesignExploration of Rhetorical Appeals, Operations and Figures in UI/UX Design
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX Design
 
Visual Design for Presentations
Visual Design for PresentationsVisual Design for Presentations
Visual Design for Presentations
 
Rhetorical Handbook. An Illustrated Manual for UX/UI Designers.
Rhetorical Handbook. An Illustrated Manual for UX/UI Designers.Rhetorical Handbook. An Illustrated Manual for UX/UI Designers.
Rhetorical Handbook. An Illustrated Manual for UX/UI Designers.
 
Human Development Index Visualization
Human Development Index VisualizationHuman Development Index Visualization
Human Development Index Visualization
 

Último

ALICORP wdv ebwnskjdhejsklxkcnhbvjdkspdlfkjhdjisokdjchbvfnhjdkslkjdhfeiopweoi...
ALICORP wdv ebwnskjdhejsklxkcnhbvjdkspdlfkjhdjisokdjchbvfnhjdkslkjdhfeiopweoi...ALICORP wdv ebwnskjdhejsklxkcnhbvjdkspdlfkjhdjisokdjchbvfnhjdkslkjdhfeiopweoi...
ALICORP wdv ebwnskjdhejsklxkcnhbvjdkspdlfkjhdjisokdjchbvfnhjdkslkjdhfeiopweoi...sayumi4
 
Arquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdfArquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdfsalazar1611ale
 
brasilia-150521136-lva1-app6891 (1).pptx
brasilia-150521136-lva1-app6891 (1).pptxbrasilia-150521136-lva1-app6891 (1).pptx
brasilia-150521136-lva1-app6891 (1).pptxErikRamirez67
 
Calendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdfCalendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdfAsol7
 
Historia de los estilos artísticos docum
Historia de los estilos artísticos documHistoria de los estilos artísticos docum
Historia de los estilos artísticos documminipuw
 
contaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelocontaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelomabel perez
 
Afiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la ModernidadAfiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la ModernidadDiosymarSuarez
 
EQUIPOS_DE_CONTROL_DE_CALIDAD_DE_TAB_1.pptx
EQUIPOS_DE_CONTROL_DE_CALIDAD_DE_TAB_1.pptxEQUIPOS_DE_CONTROL_DE_CALIDAD_DE_TAB_1.pptx
EQUIPOS_DE_CONTROL_DE_CALIDAD_DE_TAB_1.pptxLuisBeltranHuancaT
 
Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxMarcosAlvarezSalinas
 
Libro DIBUJO I digital (1).pdf, para estudiantes de nivel basico
Libro DIBUJO I digital  (1).pdf, para estudiantes de nivel basicoLibro DIBUJO I digital  (1).pdf, para estudiantes de nivel basico
Libro DIBUJO I digital (1).pdf, para estudiantes de nivel basicoJOSE645741
 
Plano de diseño de una Planta de tratamiento de aguas PTAP
Plano de diseño de una Planta de tratamiento de aguas  PTAPPlano de diseño de una Planta de tratamiento de aguas  PTAP
Plano de diseño de una Planta de tratamiento de aguas PTAPjuanrincon129309
 
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdfAndada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdfalguien92
 
Clase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxClase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxVanessaPobletePoblet
 
Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929FiorellaLaura2
 
Triptico de Sistemas anticaídas Arnes.pdf
Triptico de Sistemas anticaídas Arnes.pdfTriptico de Sistemas anticaídas Arnes.pdf
Triptico de Sistemas anticaídas Arnes.pdfMariaGabrielaSandova2
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Roheimariagsg
 
presentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentistapresentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentista30898575
 
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezLa Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezRosibelVictoriaVelas
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabrielaMarcano12
 
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfMARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfitssmalexa
 

Último (20)

ALICORP wdv ebwnskjdhejsklxkcnhbvjdkspdlfkjhdjisokdjchbvfnhjdkslkjdhfeiopweoi...
ALICORP wdv ebwnskjdhejsklxkcnhbvjdkspdlfkjhdjisokdjchbvfnhjdkslkjdhfeiopweoi...ALICORP wdv ebwnskjdhejsklxkcnhbvjdkspdlfkjhdjisokdjchbvfnhjdkslkjdhfeiopweoi...
ALICORP wdv ebwnskjdhejsklxkcnhbvjdkspdlfkjhdjisokdjchbvfnhjdkslkjdhfeiopweoi...
 
Arquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdfArquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdf
 
brasilia-150521136-lva1-app6891 (1).pptx
brasilia-150521136-lva1-app6891 (1).pptxbrasilia-150521136-lva1-app6891 (1).pptx
brasilia-150521136-lva1-app6891 (1).pptx
 
Calendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdfCalendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdf
 
Historia de los estilos artísticos docum
Historia de los estilos artísticos documHistoria de los estilos artísticos docum
Historia de los estilos artísticos docum
 
contaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelocontaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelo
 
Afiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la ModernidadAfiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la Modernidad
 
EQUIPOS_DE_CONTROL_DE_CALIDAD_DE_TAB_1.pptx
EQUIPOS_DE_CONTROL_DE_CALIDAD_DE_TAB_1.pptxEQUIPOS_DE_CONTROL_DE_CALIDAD_DE_TAB_1.pptx
EQUIPOS_DE_CONTROL_DE_CALIDAD_DE_TAB_1.pptx
 
Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptx
 
Libro DIBUJO I digital (1).pdf, para estudiantes de nivel basico
Libro DIBUJO I digital  (1).pdf, para estudiantes de nivel basicoLibro DIBUJO I digital  (1).pdf, para estudiantes de nivel basico
Libro DIBUJO I digital (1).pdf, para estudiantes de nivel basico
 
Plano de diseño de una Planta de tratamiento de aguas PTAP
Plano de diseño de una Planta de tratamiento de aguas  PTAPPlano de diseño de una Planta de tratamiento de aguas  PTAP
Plano de diseño de una Planta de tratamiento de aguas PTAP
 
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdfAndada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
 
Clase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxClase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptx
 
Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929
 
Triptico de Sistemas anticaídas Arnes.pdf
Triptico de Sistemas anticaídas Arnes.pdfTriptico de Sistemas anticaídas Arnes.pdf
Triptico de Sistemas anticaídas Arnes.pdf
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
 
presentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentistapresentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentista
 
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezLa Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimiento
 
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfMARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
 

Modos de apelación visual

  • 1. Diseño visual y los modos de apelación de la retórica. Un método rápido. Mtro. Omar Sosa Tzec. Lic. en Diseño de Interacción. Universidad Iberoamericana Campus Puebla. http://www.tzek-design.com/blog
  • 2. Modos de apelación de la retórica.
  • 3. logos. ethos. pathos. Hanno Ehses. Rhetorical Handbook. Nova Scotia College of Art and Design. 1996.
  • 4. ¿Cómo emplear los modos de apelación de la retórica en el diseño de un mensaje visual?
  • 6. objeto. ethos. logos. pathos.
  • 7. objeto. espectador.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14. 1. Hacer un free-listing.
  • 15. diseñador. observación. análisis. crítica. deconstrucción.
  • 18. logos. ethos. pathos. ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas…
  • 19. Si la idea es “logos” busca información fáctica, de preferencia de datos crudos. Procura encontrar comparaciones numéricas, de escala, cambios en el tiempo o en el espacio, siempre procurando hechos cuantificables o que sean expresado por autoridades en el área.
  • 20. Si la idea es “ethos”, elabora sub- De esas ideas o conceptos, intenta agrupaciones que expresen los descomponerla en otras unidades valores morales de la audiencia, así con significado o valor equivalente como los valores asociados al dentro de la cultura de la audiencia. “diseño”, la “calidad diseñística” y la estética. Revisa también las formas, acabados y detalles que pueden equipararse Intenta buscar ideas o conceptos en otros objetos relacionados o en similares, expresada a través de objetos que reflejen un valor sinónimos. También puedes hacer aspiracional mayor. una lluvia de ideas de los antivalores a través de antónimos y conformar un grupo que sirva de guía para “no tocar o utilizar” esas ideas.
  • 21. Si la idea es “pathos” entonces busca todas las emociones relacionadas, equivalentes o contrarias. Agrúpalas para saber “cuál camino tomar” y “cuál no”. Analiza cada una de las emociones y enlista sus posibles “disparadores”, ya sean tangibles o intangibles. Elabora jerarquías de “factores emocionales clave” según las características de la audiencia.
  • 22. 3. Selecciona los elementos clave de construcción del mensaje y constrúyelo.
  • 23. logos. ethos. pathos. ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas… ideas…
  • 24. La clave es “enunciar” la idea. Expresa con palabras un enunciado que explique o demuestre en qué va a consistir el mensaje visual empleando en ella las ideas o conceptos seleccionados. Este enunciado en sí, podría funcionar como copy, pero en realidad el copy es una reinterpretación más sintética de algo dicho dentro del enunciado general.
  • 25. 4. Extrae el copy y/u otros textos.
  • 26. 5. Plantea el componente gráfico.
  • 27. 6. Diseña la propuesta visual.
  • 28. * Determina layout. * Determina jerarquías. * Determina flujo de lectura y focos visuales. * Determina el soporte y sus características. * Determina el “humor” y “look and feel”. * Determina los acabados… etc.
  • 29. 7. Presenta y evalúa la propuesta.
  • 30. Gracias. * Presentación con fines didácticos sin lucro. Imágenes y textos son propiedad de sus autores.