63
Chang Joan Copyright © Joan Chang . All rights reserved. 2017.10.26 20:00

F2E&RGBA Design - 帕格識別與Guideline實務經驗分享 - 171026

  • Upload
    -

  • View
    1.603

  • Download
    1

Embed Size (px)

Citation preview

  • 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

    [email protected]

    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

    [email protected]

    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

    [email protected]

    https://medium.com/@joankaminari