J. Correia Lopes


User Tools

Site Tools


T: 01/03/2019

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

Lecture #3 :: 01/03/2019


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 elements and principles of Visual communication design, by Andreia Pinto de Sousa. 1)

LBAW, 2018/19

« 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: 01/03/2019 10:06 by Correia Lopes