1. Design & Illustration
  2. Adobe Photoshop

UI Elements in Photoshop

Ryan QuintalLessons: 23Length: 4 hours
Adobe PhotoshopUI DesignGraphic DesignWeb Design
Previous
Next Lesson

Next lesson playing in 5 seconds

Cancel
  • Overview
  • Transcript

4.1 Tables

While table design can be boring, simple adherence to usability guidelines can make sure you do it right. put important content first, highlight things user can take actions on, and decide whether to use line colors, separators, or other indicators for making the information scan-able.

1.Introduction
3 lessons, 05:25

1.1
Welcome
01:32

1.2
What is Usability
01:10

1.3
The Seven Stages of Action
02:43

2.Application Elements
6 lessons, 1:29:09

2.1
Modal Windows
20:31

2.2
Buttons
18:19

2.3
Tabs
15:30

2.4
Tuttons (Tabbed Buttons)
06:25

2.5
Toolbars
18:06

2.6
Scrollbars
10:18

3.Attention Elements
4 lessons, 46:55

3.1
Banners
06:57

3.2
Badges
11:20

3.3
Flags and Ribbons
17:17

3.4
Error Messages & Tooltips
11:21

4.Data Elements
4 lessons, 44:18

4.1
Tables
14:04

4.2
Form fields
08:58

4.3
Breadcrumbs
07:58

4.4
Tags
13:18

5.Multimedia Elements
5 lessons, 52:41

5.1
Media Controls
09:05

5.2
Slideshow Controls
02:25

5.3
Location Markers
14:13

5.4
Thumbnails
12:19

5.5
Comments
14:39

6.Conclusion
1 lesson, 01:16

6.1
Goodbye
01:16

Ryan Quintal
Ryan Quintal
Edgy. Daring. Sometimes a little kooky. Graphic designers of all backgrounds turn to Ryan's QuintalDesigns.com for industry articles, Adobe Illustrator and Photoshop Tutorials, and a host of other fun information. A blend of strong experience, innovative design, and geeky background. Ryan's current gig is as a Designer in Massachusetts, while at the same time, attending college, where he is honing his skills for his design career.
Course source files