Top Banner
Protection notice / Copyright notice Visual Design Principles “A lot of trial and error goes into making things look effortless.” – Bill Moggridge, founder of IDEO
38

Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Jul 14, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Protection notice / Copyright notice

Visual Design Principles Marcela Esteves Guetter

UX Project Manager at Siemens Corp. Research

“A lot of trial and error goes into making things look effortless.”

– Bill Moggridge, founder of IDEO

Page 2: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Visual Design in UX Process

Page 3: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Visual Design in UX Process

Page 4: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Business Requirements

Page 5: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Business Requirements

Page 6: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Perceptual Requirements

Page 7: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Perceptual Requirements

Page 8: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Visual Design in UX Process

Page 9: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Wireframes

Page 10: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Outcome

Page 11: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Visual Design UX Process

Page 12: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design
Page 13: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design
Page 14: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Visual Design Elements

Page 15: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Visual Design in UX Process

Page 16: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Selecting the “right” answer

Page 17: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Selecting the “right” answer

Page 18: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

How to help your designer help you

Page 19: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

How to help your designer help you

Page 20: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Visual Hierarchy

Page 21: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Visual Hierarchy

Page 22: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Gestalt Principles

Page 23: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Gestalt Principles

Page 24: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Gestalt Principles

Page 25: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Putting It All Together

Page 26: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Good Design

Page 27: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Good Design: Common Practices

Page 28: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Good Design: Common Practices

Page 29: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Good Design: Common Practices

Page 30: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Good Design: Common Practices

Page 31: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Good Design: Common Practices

Page 32: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Good Design: Common Practices

Page 33: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Good Design: Common Practices

Page 34: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Good Design: Common Practices

Page 35: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Dieter Rams: Ten principles of good design

Page 36: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design
Page 37: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design
Page 38: Visual Design Principles - Infragistics Day... · G ood G ood G ood G ood G ood G ood G ood G ood G ood G ood design design design design design design design design design design

Related Documents
kapang.go.thkapang.go.th/fileupload/564148249.pdf00 ana âuaäaì 000 00b oosn ood ood 00b oogY ood Oõ-OOG< OO- 000 OG)G) 00b 00m OG)d ood-

kapang.go.thkapang.go.th/fileupload/564148249.pdf00 ana...

Category: Documents
 · 9Mñuunuu Yl.ñ. do-ana 000 00b oom ood ood 00b 0001 ood 000 006) 00b oom ood ood 00b ood aËm IJûm

 · 9Mñuunuu Yl.ñ. do-ana 000 00b oom ood ood 00b 0001...

Category: Documents
The Principles of G ood S upport

The Principles of G ood S upport

Category: Documents
Design OOA OOD

Design OOA OOD

Category: Education
1 Chapter 7 Graphical User Interface (GUI) and Object-Oriented Design (OOD)

1 Chapter 7 Graphical User Interface (GUI) and...

Category: Documents
เทศบาลเมืองลำพูน – Lamphun Municipal · VI ood ood 00b ood 000 oom ood 00b ood obo 019b G)lom obd obb (um b,ooo m,doo b,ooo 90,000 b,ooo 90,000 b,ooo

เทศบาลเมืองลำพูน – Lamphun...

Category: Documents
G OOD B E G I N Q¯¸리보기_굿비_고2... · 2018-12-04 · 1등급을 향한 수능 입문서 g ood b e g i n g ood b asi c q 좋은 시작, 좋은 기초 수학 굿비_앞부속_수학2.indd

G OOD B E G I N Q¯¸리보기_굿비_고2... ·...

Category: Documents
G ood Governance for Medicines Programme: the Thai Experience

G ood Governance for Medicines Programme: the Thai...

Category: Documents
G ood S olid T eaching of Percentages

G ood S olid T eaching of Percentages

Category: Documents
M OOD S TABILIZERS Brian Gomoll, MD. G ENERAL O VERVIEW.

M OOD S TABILIZERS Brian Gomoll, MD. G ENERAL O VERVIEW.

Category: Documents
Chapter 6 Graphical User Interface (GUI) and Object-Oriented Design (OOD)

Chapter 6 Graphical User Interface (GUI) and Object-Oriented...

Category: Documents
Looking B etter Then G ood

Looking B etter Then G ood

Category: Documents