From the course: Interaction Design: Structure
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Overview of page-level elements - Sketch Tutorial
From the course: Interaction Design: Structure
Overview of page-level elements
- [Instructor] In addition to the information architecture of the site, acting as the foundation of the structure, to reinforce the structure of the site through the interface, we need to establish a visual hierarchy. Visual hierarchy refers to the organization of elements on the interface to create logical groupings of information. The principles are rooted in Gestalt principles of visual perception. When establishing an interface layout, like everything else we do, there'll be a lot of iteration, prototyping, and testing to ensure that our design meets the needs of our users. We can establish visual hierarchy through relationships that communicate with shared visual properties, visual weighted elements, and affordances for behavior. Here's an example of how visual interface design indicates relationships, this is a classic tree view with a breadcrumb navigation display to traverse a folder structure. But you can see how, through indenting and using a simple color palette, this…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.