From the course: Interaction Design: Interface
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Grouping and organization - Sketch Tutorial
From the course: Interaction Design: Interface
Grouping and organization
- Two key perception principles related to interface design are proximity and similarity. When applying these principles to our design we want to make sure we are visually conveying how elements of information are related to each other. Our goal is to highlight how elements relate without overwhelming the user. We want the design to support our user's tasks and help them achieve their goal. To accentuate relationships on the user interface we can manipulate position, size, shape, and the color of the elements. Let's take a look at a simple example of grouping from Xcode, a code editor used to build Mac apps. This screenshot shows grouping of icons on the top bar. These icons are positioned globally, indicating actions taken from here will affect the window. In this case, the layout. The icons on the left, on select, change the view of this panel, and represent another grouping of icons. The position of where the icons are…
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.