Download as PDF, PPTX
Uploaded byOmar Sosa-Tzec
Visual Design for Interface and Experience Design
This document presents a lecture on visual design principles applied in UI/UX design, focusing on three key ideas: contrast, visual hierarchy, and the distinction between connotation and denotation. It discusses the importance of chromatic contrast, the use of grids in design, and the implications of these principles on user interaction. The author, Omar Sosa-Tzec, shares personal experiences in the field and provides various references for further learning.
More Related Content
Similar to Visual Design for Interface and Experience Design
Visual Design for Interface and Experience Design
- 1. VisualDesignforUI/UX OmarSosa-Tzec School of Informatics& Computing Indiana University Bloomington info i300 Human-Computer Interaction Fall 2015 A brief intro
- 2.
- 3. 2000 20042002 20062008 2010 2012 2014 Myhistorywithdesign Seduced by the creation,use and power of the visual 2015 Web design-Usability-Gestalt-Corporate identity Stochastic Particles Nonlinear Image Processing First formal encounter with rhetoric,semiotics, design research,and information design Rhetorical model of interaction design Encounter with Semiotic Engineering Design lecturer & freelancer Return to rhetoric Rhetorical criticism & HCI Rhetorical handbook for UI/UX Software as visual argument
- 4.
- 5. Whatis thislectureabout? Introduction to visualdesign principles and their application in UI/UX design
- 6.
- 7.
- 8.
- 12. And talking aboutchromatic contrast… https://youtu.be/VXJiBkFgprQ
- 13. And talking aboutchromatic contrast… https://youtu.be/VXJiBkFgprQ
- 17.
- 20. Changes intheUI (create semantic divisionsof the UI/UX)
- 22.
- 25.
- 26.
- 33.
- 34.
- 35. The Use ofGrids in Website Design http://www.designer-daily.com/the-use-of-grids-in-website-design-6639 http://www.thegridsystem.org/
- 36.
- 40.
- 41.
- 43. What does itmean for the members in the team?
- 45. Swipe to theright for Like Swipe to the left for Nope
- 46.
- 47. Left Swipe Dat:60 https://youtu.be/TtYMA97kJlM
- 48.
- 49. Thanks! @omitzec Note: Images takenfrom the Web just for pedagogical purposes. Copyright may apply.