Lecture

Visual Design Principles: Grouping and Grid Systems

Graph Chat

Chat with Graph Search

Ask any question about EPFL courses, lectures, exercises, research, news, etc. or try the example questions below.

DISCLAIMER: The Graph Chatbot is not programmed to provide explicit or categorical answers to your questions. Rather, it transforms your questions into API requests that are distributed across the various IT services officially administered by EPFL. Its purpose is solely to collect and recommend relevant references to content that you can explore to help you answer your questions.

In course

CS-486: Interaction design

This course focuses on goal-directed design and interaction design, two subjects treated in depth in the Cooper book (see reference below). To practice these two methods, we propose a design challenge, which is further divided into mini-projects evenly spa ...

Description

This lecture covers the principles of visual design, focusing on grouping elements based on function and spatial relationships, using visual consistency, alignment, and grid systems to create a logical path for users through interfaces. Examples and critiques of visual interface design are also discussed.

Instructor

Pearl Pu Faltings

Expertise Human computer interaction, artificial intelligence, user experience research, user modeling, preference-based search, intelligent user interfaces, information visualization. Teaching & PhD Past EPFL PhD Students Denis Lalanne, Georgios Melissargos, Frank Paul Janecek, Li Chen, Jiyong Zhang, Nicolas Jones, Rong Hu, Yu Chen, Valentina Sintsova, Onur Yürüten, Yubo Xie, Ekaterina Svikhnushina, Kalpani Anuradha Welivita Past EPFL PhD Students as codirector Marina Boia, Igor Kulev Courses Interaction

Official source

Related concepts (19)

Visual arts

The visual arts are art forms such as painting, drawing, printmaking, sculpture, ceramics, photography, video, filmmaking, design, crafts, and architecture. Many artistic disciplines, such as performing arts, conceptual art, and textile arts, also involve aspects of the visual arts as well as arts of other types. Also included within the visual arts are the applied arts, such as industrial design, graphic design, fashion design, interior design, and decorative art.

Visual communication

Visual communication is the use of visual elements to convey ideas and information which include (but are not limited to) signs, typography, drawing, graphic design, illustration, industrial design, advertising, animation, and electronic resources. Humans have used visual communication since prehistoric times. Within modern culture, there are several types of characteristics when it comes to visual elements, they consist of objects, models, graphs, diagrams, maps, and photographs.

Visual design elements and principles

Visual design elements and principles describe fundamental ideas about the practice of visual design. Elements of art Design elements are the basic units of any visual design which form its structure and convey visual messages. Painter and design theorist Maitland E. Graves (1902-1978), who attempted to gestate the fundamental principles of aesthetic order in visual design, in his book, The Art of Color and Design (1941), defined the elements of design as line, direction, shape, size, texture, value, and color, concluding that "these elements are the materials from which all designs are built.

Communication design

Communication design is a mixed discipline between design and information-development which is concerned with how media communicate with people. A communication design approach is not only concerned with developing the message in addition to the aesthetics in media, but also with creating new media channels to ensure the message reaches the target audience. Some designers use graphic design and communication design interchangeably due to overlapping skills.

Graphic design

Graphic design is a profession, academic discipline and applied art whose activity consists in projecting visual communications intended to transmit specific messages to social groups, with specific objectives. Graphic design is an interdisciplinary branch of design and of the fine arts. Its practice involves creativity, innovation and lateral thinking using manual or digital tools, where it is usual to use text and graphics to communicate visually. The role of the graphic designer in the communication process is that of encoder or interpreter of the message.

Related lectures (36)

How to Create Effective Infographics

Explores the process of creating impactful infographics to present data and complex problems effectively.

Crafting Successful Research Proposals: Storytelling and Visuals

Emphasizes the importance of storytelling and visuals in crafting successful research proposals.

Matlab Widgets: GUI Elements Programming

Covers the programming of GUI elements using Matlab/Octave, including user interaction and file handling.

Analytical Design: Graphic Communication

Explores the use of aesthetics, visual metaphors, readability, and data integrity in creating effective visual representations.

Easing Model Conformal Theory: Scaling Limits and Correlations