User Tools

Site Tools


LE03: 28/02/2020

Master in Informatics and Computing Engineering
Database and Web Applications Laboratory
Instance: 2019/2020

Lecture #3 :: 28/02/2020


By the end of this class, the student should be able to:

  • Understand the fundamentals of visual design and the intrinsic complexities of designing interactive systems.
  • Understand the impact of visual design on usability and readability.
  • Identify common mistakes and pitfalls of visual design, specifically on the web.


  • The importance of visual communication on the Web
  • Impact of the visual communication on usability and legibility
  • Introduction to elements of visual communication
    • Typography
    • Color
  • Introduction to principles of visual communication
    • Proximity
    • Similarity
    • Continuity
    • Closure
    • Visual Flow
    • Constrast
    • Hierarchy


  • Lupton, E., & Phillips, J. C. (2008). Graphic Design The New Basics (Second Edi). New York: Princeton Architectural
  • Lupton, E. (2014). Type on screen. (Ellen Lupton, Ed.). A Design Handbook.
  • Maria, J. S. (2014). On Web Typography. New York: A Book Apart.
  • Samara, T. (2007). Design Elements: A Graphic Style Manual. Rockport Publishers, Inc.
  • Sherin, A. (2012). Design Elements: Color Fundamentals. Rockport Publishers.
  • Stein, B. (2017). Webfont Handbook. New York: A Book Apart.
  • White, A. (2011). The Elements of Graphic Design (Second Edi). New York: Allworth Press.



  • Introduction to the elements and principles of Visual Communication Design, by Andreia Pinto de Sousa. 1)

LBAW, 2019/20

« Previous | Index | Next »

Introdução aos elementos e princípios de Design de Comunicação Visual, por Andreia Pinto de Sousa.
teach/lbaw/lectures/03.txt · Last modified: 21/02/2020 14:41 by Sérgio Nunes