Interface Design

DGM-152

Interface Design allows students to explore Gestalt theory, color theory, typography, and establishing a brand across mediums. Students apply these theories to design and prototype web pages, Android applications, and iOS applications.
Students will:

1. Select color palette that meet design requirements

2. Select appropriate fonts for content and device

3. Apply gestalt theory to designs and prototypes

4. Edit photos to optimize for web and devices

5. Select icon sets from web and mobile collections

6. Create wireframes for web and mobile

7. Create prototypes for web and mobile

I. Color

A. Limit colors on site

B. Approaches to selecting your palette

II. Font

A. Selecting fonts – what to look for

B. Google Fonts

III. Images

A. Editing

B. Resolution

C. Selecting sizes

D. File types

E. Icons

IV. Navigation

A. Approaches by device

B. Fitt’s law

V. Gestalt Theory

A. Figure / Ground

B. Area

C. Similarity

D. Unity

E. Continuity

F. Proximity

G. Symmetry

H. Parallelism

I. Past Experience

J. Focal Point

VI. Establishing a brand

A. Print

B. Web

C. Mobile

VII. Planning tools

A. Wireframe/mockup software

B. Testing

C. Prototypes

VIII. Web Design Guidelines

A. Responsive

B. fluid

C. Grid based

D. Navigation

E. Emerging Web Patterns

IX. iOS Human Interface Guidelines

A. Interaction

B. Features,

C. Visual Design

D. Graphics

E. UI Bars

F. UI Views

G. UI Controls

X. Android Material Design

A. Devices

B. Navigation

C. Notifications

D. Widgets

E. Swipe view

F. Full screen