F2E&RGBA Design - 帕格識別與Guideline實務經驗分享 - 171026
Transcript of F2E&RGBA Design - 帕格識別與Guideline實務經驗分享 - 171026
-
ChangJoan
Copyright
Joa
n C
hang. All rights reserved.
2017.10.26 20:00
-
ChangJoan
Copyright J
oan
Cha
ng. All rights reserved.
Visual
Designer
Freelancer
Branding
Strategy
Designer
TA
-
ChangJoan
ASK01 | 10
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Ask Analysis Focus Design
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Ask Analysis Focus Design
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Ask Analysis Focus Design
V I
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Ask Analysis Focus Design
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Ask Analysis Focus Design
20
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Ask Analysis Focus Design
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Ask Analysis Focus Design
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Ask Analysis Focus Design
-
ChangJoan
ANALYSIS02 | 10
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
a.
b.
c.
d. Logo
Ask Analysis Focus Design
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Ask Analysis Focus Design
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Ask Analysis Focus Design
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Ask Analysis Focus Design
-
ChangJoan
FOCUS03 | 10
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Ask Analysis Focus Design
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Ask Analysis Focus Design
-
ChangJoan
DESIGN04 | 10
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Ask Analysis Focus Design
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Ask Analysis Focus Design
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Ask Analysis Focus Design
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Ask Analysis Focus Design
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Ask Analysis Focus Design
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Ask Analysis Focus Design
www.paganiniplus.com
Remi Lin
886.2.2717.0960 (#355)
54398098
886.2.2717.0950
42736
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Ask Analysis Focus Design
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Ask Analysis Focus Design
-
ChangJoan
WHY05 | 10
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Why Who How Schedule Problem Advantage
www.paganiniplus.com
Remi Lin
886.2.2717.0960 (#355)
54398098
886.2.2717.0950
42736
-
ChangJoan
WHO06 | 10
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Why Who How Schedule Problem Advantage
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
/
/
Why Who How Schedule Problem Advantage
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Why Who How Schedule Problem Advantage
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Why Who How Schedule Problem Advantage
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Why Who How Schedule Problem Advantage
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Why Who How Schedule Problem Advantage
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Why Who How Schedule Problem Advantage
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Why Who How Schedule Problem Advantage
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Why Who How Schedule Problem Advantage
-
ChangJoan
HOW07 | 10
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Why Who How Schedule Problem Advantage
Bootstrap
AI PS
SCSS
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Why Who How Schedule Problem Advantage
Material design
iOS HCI
Ant Design
Other Guideline
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Why Who How Schedule Problem Advantage
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Why Who How Schedule Problem Advantage
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Why Who How Schedule Problem Advantage
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Why Who How Schedule Problem Advantage
UI ElementBrand Style Guide
Logo
Color
Typography
Imagery
Writing
Buttons Elements Icon Panels Tabs - Static Tables Data Tables
Sketch PS AI
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Why Who How Schedule Problem Advantage
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Why Who How Schedule Problem Advantage
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Why Who How Schedule Problem Advantage
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Why Who How Schedule Problem Advantage
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Why Who How Schedule Problem Advantage
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Why Who How Schedule Problem Advantage
-
ChangJoan
SCHEDULE08 | 10
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Why Who How Schedule Problem Advantage
6 1
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Why Who How Schedule Problem Advantage
material design iOS HCI Ant Design other Guideline
VI UI
AI PS Bootstrap
0 30 60 90
-
ChangJoan
PROBLEM09 | 10
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Why Who How Schedule Problem Advantage
-
ChangJoan
ADVANTAGE10 | 10
-
Copyright J
oan
Cha
ng. All rights reserved.
ChangJoan
Brand Guideline
Visual Identity
Why Who How Schedule Problem Advantage
-
ChangJoan
Copyright J
oan
Cha
ng. All rights reserved.
QADesigner
www.facebook.com/joanvisualdesign
https://medium.com/@joankaminari