Page 1

Zhao Xue D E SI G N PORTFOLIO 2014


About Me Hi, I am Zhao Xue from Beijing, China. After graduated with a bachelor degree in Industrial Design, I worked on visual and UX design for more than 2 years, in which I picked up much experience in design. I recognized that design is not simple accumulation of functions, instead, it integrates user behavior and psychology with user experience throughout the design process. I love to focus on user needs and behavior, pay attention to communicating with users and learn more about the related knowledge. The accumulation of projects gave me an in-depth understanding that interaction design is not a simple presentation of visual interface and actions - it solves the problems of communication between people and things, which makes the products effective, easy-to-use and pleasant.

Skills

Experience

Education

Rhino, Keyshot, 3Ds Max SolidWorks Photoshop, Illustrator, In Design Prezi Axure, Balsamiq Mockups Mac OS X, Windows, Office Sketching Photography

2013.7-Present Visual Designer Beijng Genuine culture development Co., Ltd.

2007.9 - 2011.7 Bachelor in Industrial Design North China University of Technology

2012.8-2013.5 UX Designer Beijng WeiReasearch Co., Ltd.

2010.10-2012.7 Visual Designer Beijing Dongdu Technology Co., Ltd.


Content CIPG Fun With Chinese Characters for iPad

13 23

CNAT Branding & Website Development

1

CIPG Seal cutting art app for ipad

49 Deer Jet Business Handicraft

61 Wood Branches

31

Stationery Combination

FAB Intelligent Community Terminal

Some Graphic Design

65


CNAT Branding & Website Development China National Acrobatic Troupe (CNAT) was founded in 1950, and it was the first professional acrobatics group in China. With the team's strength, CNAT is known to the world. But the old website interface is out of touch with Chinese acrobatic style. Through investigation and interview in acrobatic circle, we decided to redefine brand culture of CNAT, integrate framework and establish new visual style fitting in with the brand culture.


DESIGNER

Project Process

CLIENT

1

Content arrangement

Inner Pages Artwork

Refinement

User Research

Wireframe

Landing Page Artwork

Testing

Needs Analysis

Infomation Architecture

Define Style

Validation

Initial Meeting

Site Outline

Visual Style

Coding

Research & Analysis

2

Ideation & Planning

3

Visual Design

Initial Meeting

Site Outline Review

Visual Style Review

Needs Feedback

Infomation Architecture Review

Landing Page Artwork Review

Wireframe Review

Inner Pages Artwork Review

4

Execute & Implement Final Review

Content Submission

Problem Finding

1

The original website is not efficient. For instance, a user takes 4 steps to browse the classical show. Users would lose patience during this process.

2

The design for each section is similar, no priority.

3

words and pictures lack of readability.

4

5

Navigation is chaotic, the first level has 13 items, each having 3-4 submenus items. Some items’ names do not show their function. Some infomation list is located in the top right corner or at the bottom. For new users not familiar with the website structure, it may be hard to find.


Core Concept

Ten years practice

Acrobat

One minute on stage

Audience

Show the work

tra

Tell about characters

to e in e c ang Ch udien a the

Public

Focused

e e th ssion re ang Ch l imp ona i t i d

Therefore, we rebuilt the brand for CNAT, subvert the traditional image of acrobatics in people's minds, and establish new look of Chinese acrobatics industry.

Emotional resonance

At the beginning of the project, CNAT's creative director Mr. Ho said: "Nowadays, acrobatics in many people's traditional concept still stay in the skill of juggling. The difficult skill is Chinese acrobat's advantage, and it also becomes stereotype about us. But in fact, many domestic groups have explored in choreography, costume, artistic expression, etc for many years, and have made considerable achievements."

Entertainment Amazing and different

Creation

Functional Analysis

We conducted analysis on potential user group through interviewing show promoters, foreign and domestic spectators, and expert judges in the industry, to make the website a platform for sharing information and resources of shows, as well as an effective bridge connecting show promoters, acrobatic talents, and the public.

Combining with the interview results, we analyzed and re-integrated the original framework and content of the website, in order to create an influential brand of circus arts. It is also intended to make an emotional connection with users, form user cognition of the brand through interacting influence, and cultivate user loyalty to the brand.

ion

User Research

Culture Resonance

Artistic Expression

rm

to

Acrobat

Watch Shows

Fo

Attitude

Co

CNAT Website

Sense Number Character Color

nn ota t

Public

Time

Skills

Gender Audience

Show Promoter

Magic

Beauty

Circus

Juggling Skills

Aerial Acrobatics

Writing

Physical Skills

Superior Difficulty

Acrobatics

Skill

Artistic Culture

Geography

Art Music

Challenge the Limit

Measured by the Number

Plot Measured by the Quality

Artistic Form Stage Cultural Inheritance

Movement


Infomation Architecture HOMEPAGE

1.1 THEY SPEAK

1.1.1 People

1.2 TIMELINE

1.2.1 Gold Medal List

1.3 WHERE

1.3.1

1.4

1.5 THE SHOW

INHERIT

1.4.1

Location

1.6.1

Content

1.5.1.1 Introduction

1.7 MEDIA

THE ART

1.5.1

Video

A Century of Chinese Acrobatics

1.6

1.6.2

Introduction

1.6.3

Video

1.5.1.2

Gallery

1.8

1.9

1.10

ABOUT US

CONTACT

CAREERS

1.6.3

1.6.3

Basic Information

Follow Us Weibo

1.7.1

Gallery

1.7.1.1

1.7.1.1

Content

Search

Send Message

1.7.3

Gallery

1.7.1.2 Category

1.7.2.1 Content

LINKS

1.6.3

1.7.2

News

1.11

1.7.2.2 Category

Video

1.7.3.1 Content

1.7.3.2 Category

THEY SPEAK What People Said About Chinese Acrobatics Select 6 celebrities from different areas, different countries to evaluate China acrobatics or Chinese Acrobatic Troupe.

CNAT

Other Conventional Content

TIMELINE The Memorabilla of Chinese Acrobatics Milestone events are narrated in a chronological order. WHERE Places Where CNAT Have Been and Performed

THE SHOW

Shows have been performed and their areas are searched for on map.

Show marketing is implemented with exquisite pictures and information.

INHERIT Get Closer to the People of Chinese Acrobatics

THE ART

The development CNAT is stated by video in aspects of ideas, actors, and media coverage.

The creating progress of shows is shown in terms of art performances and creative ideology.

After the discussion and research with clients, we decided to change the traditional web framework. We show the brand from two aspects: Chinese acrobatics and CNAT. A systematic review of Chinese acrobatics and CNAT is made to enhance their sense of authority and tradition. Newly added “The Art” allows users not only to feel acrobatic art from the final results of shows, but also to profoundly understand acrobatic art from all aspects including its creative concept, creative process, and characters and stories behind.


Left-right roll Website Horizontal page is subpage of homepage. Users first browze from left to right, then up to down.

Landscape Website The menu is on the top of the web, other contents are displayed below menu.

Portrait Website The menu is on the left of the web, other contents are displayed at right of menu.

Ideation We carried on research and analysis on common website types, and finally combined the 3 types. “A Century of Chinese Acrobatics” menu is on the left of the page, “CNAT” menu is on the top, “Timeline” and “The Art” are tiled to better show the pictures. CNAT

Design Criteria Brand: Clear brand feature Homepage: The navigation is clear, simple and elegant Classical show infomation: Obvious position and clear information Multi language environment: Users can choose Chines or English freely

A Century of Chinese Acrobatics


1.1

1.2

They Speak

1.3

Timeline

1.5

1.4

Where

Inherit

1.6

一品—三绝

The Show

1.5.1

The Art

1.6.1

The Show - Content

1.5.1.1

1.6.2

The Art - Introduction

1.5.1.2

The Show - Introduction

The Show - Gallery

1.6.3

The Art - Video

The Art - Gallery


Wireframe Through analysis, the scheme about the information level and large pictures tiling from the homepage to the inside pages was used. In order to create a light and convenient content presentation, and reduce users' expected burden. The significance of flat design is more than just removing the texture and pure color blocks visually, but means the complete flattening of information structure. The reduction of information level means high efficiency.

1.7.1

1.7.3

1.7.2

视频分类

Media - News

1.7.1.1

Media - Gallery

1.7.2.1

Media - Video

1.7.3.1

01/15 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Media - News - Content

1.9

Media - Gallery - Content

1.10

Contact

Careers

Media - Video - Content


TIMELINE

THE SHOW

Visual Design We decided to bring better immersive experience to users. With the change of the selected sections and shows, website background also changes accordingly and enters into the world of light and shadow. Adding bright color block to the dark background is just like the dim light in the scenes of acrobatics. However, the screen is always multicolored. INHER

Dignified Elegant

Vivid

IT


MEDIA

WHERE

THE ART


How to weaken diďŹƒcult skills and enhance artistic appeal of acrobatics becomes a problem to be solved in the design process. After rendering pictures of the show artistically, surrealism art atmosphere is created for classic shows, making them very stunning.


CIPG Fun With Chinese Characters for iPad In 2013, we designed and develop this app commissioned by the client China International Publishing Group (CIPG). I participated in the interaction design of app and partial game planning work in the project. A large number of interactive elements are integrated into the product, which strengthen the interaction between Chinese characters and people. The product was oďŹƒcially launched last year.


Project Introduction The Client CIPG hope to present the evolution process of Chinese characters in the book through the advantage of app multimedia touch platform, so as to attract foreigners’ interest in Chinese characters and Chinese culture. It is not a educational app for professionals to study Chinese character culture, because it focuses more on entertainment than education functionally. The target users are westerners, with an emphasis on North Americans. Because the market is huge as English is their native language.

Simple

POSITIONING

Easy to use

Interesting

Concept Description By interviewing experts and dozens of overseas students, we found that most foreigners like Chinese characters and traditional Chinese cultures, but they find it hard to learn and write Chinese characters, mainly because that there’s no clear link between its pronunciation and writing. Moreover, current Chinese characters cannot leave direct visual impressions. In order to help foreigners learn and understand Chinese characters, we should start with its evolution, thus helping them understand how it has evolved from hieroglyphics to current Chinese characters. We have found through observation and research that in the process of language learning, users’ using vision, hearing and body movements can enhance their ability of understanding and effect of memorization. We integrate more visual, auditory and dynamic elements into product in subsequent design, thus increasing interactive experience.

Vision

Hearing

Body Movement

MOON

REST

CLOUD

WOOD

BOAT

RABBIT

BAMBOO

FIRE

FISH

HAIR

SUN

DOOR

MOUNTAIN

CROWD

FIELD

HUMAN

FRUIT

SON

OX

CLOTHES


Function Defining

Task Flow Menu

The design of app function is based on needs analysis. In view of the product’s entertainment, we do not solely demonstrate specific Chinese characters, but to help users to understand the evolution of Chinese characters by simple, fast and interactive mini-games.

Game

Awards

My Work

Scene Selection

Character List

Background Selection

Character Selection

Character Description

Free Creation

Play Music

Level 1

Options

Share

No Pass? Yes

Facebook

Twitter

Email

Save

Level 2 No

1 Recognize

2 Learn Learn

Chinese Character

Chinese Character Stamps

Play Game

Level 3 No Pass?

the Work

Free Creation

Chinese Character Game

Yes

4 Save

WHAT CAN USER DO WITH THIS APP?

3 Collect

Pass?

Chinese Character Evolution

5

Character Description

Share with Friends

We have selected 50 representative Chinese characters (extremely high in similarity of character and graphics) to develop games. 20 Chinese characters have been developed during the first phase of the project, different scenes have been designed according to the emotion conveyed by the Chinese characters.

Interactive Chinese Characters Game

Chinese Characters Evolution

A special function of free creation has been added, which leads to the mainline from Chinese characters games to works sharing.

Collect Chinese Characters Book

Chinese Characters Stamp

Create Your Work

Share Your Work


Interaction Mode Research By analyzing the scenario of iPad users, we got some conclusions: Learning-related apps are mostly used at home or other quiet, comfortable and relaxed places. So user often holds iPad by one hand or places upon other things. Their interaction areas are mostly at the center of the screen and area that can be touched by fingers of both hands for easy using and keeping balance. Considering this app is largely for entertainment rather than learning, many entertainment-preferred innovations are made on the page. we studied all common gestures and finally selected five interaction modes, including “Tap”, “Drag”, “Flick”, “Gravity sensor” and “Voice recognition”, integrated scene design and designed different interaction actions for 20 Chinese-character levels.

Drag

Tap

Flick

Gravity

Tap

Drag

Flick

Gravity

Voice

FISH

Catch the fish

BOAT

Don’t make the boat capsized

BAMBOO

Cut Bamboo

MOON

Keep the moon’s balance in the cloud

FIELD

Weeding

Scene 1

FRUIT

Pick all fruits to the basket

OX

Move all oxen to the barn

CLOTHES

Hang the clothes

Scene 2

First Stage

MOUNTAIN

Cut leaves from the wood

RABBIT

Jump over the obstacles

REST

Drag the man under the tree

CLOUD

Blow / Make sounds Keep the clouds floating

SUN

Make sounds Don’t let the sun set

Fill up the space

HAIR

Add color

CROWD

Don’t let the people fall down

DOOR

Add color

SON

Keep the little boy’s balance

HUMAN

Add color

FIRE

Add color to make fire

Scene 3

WOOD

Voice

Scene 4


Wireframe 1

1.1

1.2 月 云

Moon

英文游戏提示

Cloud

Bamboo

GAME

Fun With Chinese Characters

AWARDS MY WORK OPTIONS

LEARN MORE

Boat

鱼 Fish

xxxxxx

xxxxxx

Unlocked 0/5

Unlocked 0/5

Unlocked 0/5 Fun With Chinese Characters

Homepage

Game-Scene Selection

3

B.C.1100

Fun With Chinese Characters

Game-Character Selection

Game

2

3.1

PRESENT

Fun With Chinese Characters

1.3 拼音

AWARDS 汉字

中文

汉字

英文

中文

英文

汉字

中文

汉字

英文

中文

英文

汉字

中文

汉字 B.C.1100

PRESENT

英文

英文 汉字

中文

汉字

英文

中文

英文

汉字

中文

汉字

英文

中文

英文

汉字

中文

英文

示意 图片

汉字

中文

英文

汉字

中文

英文

汉字

中文

英文

汉字

中文

汉字

英文

中文

英文

英文

汉字

英文

英文

中文

英文

汉字

中文

英文

Fun With Chinese Characters

汉字

中文

汉字

英文

中文

英文

汉字

中文

英文

英文

英文

英文 Fun

英文

英文

英文

英文 Characters 英文 With Chinese

英文

Awards

My work-Background Selection

4

3.2

英文

xxx xxx

xxx xxx

xxxxxxx xxxxxxx

英文

Fun With Chinese Characters

My work

英文 英文

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx

Fun With Chinese Characters

Character Description

2.1 拼音

OPTIONS

汉字 B.C.1100

PRESENT

Reset Progress 英文 Facebook

Twitter

E-mail

Information

Save

Credits Help 汉字

中文

英文

汉字

中文

英文

汉字

中文

英文

汉字

中文

英文

汉字

中文

英文

英文

英文

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxx xxx

xxx xxx

xxxxxxx xxxxxxx

英文

Fun With Chinese Characters

Share

示意 图片

Fun With Chinese Characters

Options

Fun With Chinese Characters

Character Description

We hope what this app focuses on is not just technology and the function that it provides, but also the emotion contained in itself. Every Chinese character has its own theme to convey. We do not need to build up a new emotion attached to it, but need just to let the users immerse in the emotion that each character projects into the mind of the users, in order to create an atmosphere absorbing to the users. This objective also follows one of the design criteria: make it interesting.


Main Pages Visual Design Considering the app is a Chinese-character game, a concise visual style of traditional Chinese ink is used, offering a user experience like writing Chinese characters with brush pen on Xuan paper. The Chinese element of the app is highlighted to weaken the relatively tedious evolution process of Chinese characters. The icon is flat and pure-color, without shadow and texture.

The unlocked numbers in Chinese characters are displayed in the top right corner, and the unlocked one will change into red.

Homepage

Game-Scene Selection

Game: 50 Chinese characters learning model AWARDS: collection of unlocked characters MY WORK: free creation model OPTIONS: sound, help, information, reset

There are four scenes in the game for users to choose, including “Moonlight River”, “Farming Time”, “Autumn Daybreak”and“Country Cottage”. Each scene contains five characters associated with the theme.

Game-Character Selection Click any hieroglyphs, then enter the game page.


Game-Scene Selection It can demonstrate the word evolution process through interactive game model. The game is designed to maintain the balance of the “boat� on the water in a certain period of time by the gravitational sensor of iPad.

Character Description Including evolution, pin yin, English, Chinese pronunciation, explanations, phrase.

Awards The unlocked Chinese characters on this page are displayed in the form of list. Click any Chinese character to enter the page explaining the Chinese character.


Chinese characters can be zoomed, deleted, and selected repeatedly. It can also play the related sound to help memory.

In the conversion process of each interface, we add some animation elements, such as left-right switching and magnifying on clicking. It can achieve the following effect:

Click the play button, the program will play superimposed background music and various sound effects according to the horizontal coordinate order of characters.

Alleviate users’ anxiety while waiting Imply users the source of current interface and clearly understand the information architecture Enhance user experience

My WorkBackground Selection My Work Every time unlock a Chinese character, users can get the oracle of the word. Drag multiple characters into the painting area, and create freely.

Two background models for users to choose.

Share After creation work, users can save it, and share with their friends by Facebook, Twitter or E-mail.


Testing

After finishing lo-fi prototype, we invited some potential users to try it. We imported it into the iPad prototyping software to test the size and position of controls, and the jump path among pages. Then when the game design was finished, we used Keynote to simulate animation to test the results, and discussed modifications with programmers and clients over and over to improve user experience.


CIPG Seal cutting art app for ipad platform In 2014, Seal cutting art app is another project of design service commissioned by CIPG. The seal cutting technique is actually simulated through different processes and operations, enabling users to spontaneously love traditional culture. And different modes are designed for different user groups, thus bringing better user experience. In this project, I am responsible for early investigation, user research, behavior analysis and partial visual design later.


Project Introduction Due to the arrival of informatization in the Internet era, the development of traditional crafts is impacted. Most young people do not understand seal cutting now. In order for people to have a better understanding of traditional crafts and knowledge on seal cutting, we design and develop this seal cutting app for CIPG, enabling people to learn knowledge on seal cutting while enjoying entertainment.

Expert Interviews

User Interviews

Problem Finding Through interview with users, we found that Chinese people are unfamiliar with seal cutting. There are some reasons: Its traditional culture and forms do not accord with modern aesthetics. Many people have heard of it, but have not seen it. So, they do not have such cultural experience. Knowing about and learning seal cutting is out of touch with the real life. Seal cutting is not applicable.

Design Concept We hope to through cognition, experience and application to allow users to learn seal cutting. The product will combine with many functions like knowledge, appreciation, game, creation, collection, share and ordering. Combine with Products tea cake, chocolate...

Culture

APPLICATION

Stone Selection

Polishing

Draft

Seal Cutting

Final Effect COGNITION

With full support of Master Cui Zhiqiang from Chinese Calligraphers Association at the early stage of this project, we obtained knowledge about the procedure of seal cutting, and photographed the ďŹ ne stone he provided for material of the product.

EXPERIENCE

Form Cartoon Illustration

Function IDENTIFICATION

Simulate Seal Cutting


How We Define Target User?

?

Target Users

Specified user/organisation

Participant

U

R

Individual user Researcher

Improve Quality of Product

According to common understanding

Research Value

C Excellent project

Client

Considering that the product is for mass entertainment and also educational, targeted users range from children with certain cognitive ability to seniors. Different user groups also have different preferences to the product requirement.

Business opportunity

Scenario

According to individual context

The detailed use scenario is illustrated in the story of the persona, Sara, a young girl who likes Chinese traditional culture. The different touch points in the whole process of interaction between the user and the product are implemented in the story.

It’s really interesting~~ Like the real one!

There are many beautiful stones and seals I can appreciate!

She entered the inside page and she found there were many functions. She clicked the “introduction” menu to learn seal cutting knowledge.

One day, Sara saw a new seal cutting art app, and she was interested in it. So she download it to have a try.

Then she entered the game page. There were several levels about seal cutting. She began to play.

After passed a few levels, some new pages were unlock. So she began to enjoy the seal cutting.

Really nice! I love it! My Work Choose the product

package Collect Share Order

After creation, she collected it and shared it with her friends by email and weibo.

6

She was surprised to find there was an ordering function after creation. She tried to order one, so she chose the product and filled in the order information.

7

A few days later, Sara received the package. Now she had her own signature seal and can use it anywhere.


Mode Design After analysed the scenario, we began the ideation of the game. Because the game is designed for all ages, so we deďŹ ned it as a casual game. Casual games are easy-to-play and more interesting. By playing the game, users will learn more about seal cutting, and may be interested in the art of seal cutting. Task Mode familiar with seal cutting Specialized

Interesting

Free Mode old

young

Design Criteria unfamiliar with seal cutting

With the deepening of the project, we have discovered that giving more interest to the product and making its content more specialized are two paradoxical directions. While interest denotes completing the seal cutting work with the assistance of the simple and light interfacial design and inducing instruction, specialty means more open settings that do not subject users to the restriction of auxiliary functions at the same time of seal cutting. In order to meet these two requirements, we tried to develop the product in two modes - task mode and free mode. Task mode is more for beginners, there are several levels game and allow users to learn the whole process of seal cutting and knowledge. Free mode is suit for professional users or users who have a certain understanding of seal cutting. They can experience, play and create their own work and quickly share with others.

An intuitive interface clearly conveys contents and information to users. Various interface levels have clear loops and navigations from which users can be clear about their locations and conveniently switch columns by navigations. Stable interface structure Clear menu buttons and button icons used can correctly show their meanings. Reasonable and rich user experience pays attention to details and appropriately adds animation eects. The operation of skeuomorphic accords with the habits of users in real life.


Functional Structure

Homepage

Introduction

Origin

Primary Tool

Auxiliary Tool

Model

Knife Skill

Seal Stone Knowledge

Free Model

Task Model

Seal Cutting

Puzzle

Appreciation

Question

Stone

My Work

Seal

Ordering

Share

Seal Cutting

Task Flow Task Model

Level 1

Pass?

No

Yes

Level 2,3,4,5

Pass 5 Level?

Yes

Level 6

Pass?

Yes

Level 7,8...

No

No

Free Model

Stone Selection

Shape Selection

8 Stone Materials

4 Shapes

Polishing

Chinese Characters

Draft

Pattern

Seal Cutting

Drawing

Final Effect

Add to My Work

Email

Share

Replay

Weibo

Delete


User Interface In the style preview, we have tried a variety of styles, such as ink painting and red seal, and finally opted the wood scheme. Restoring the real scenario in use is just like operating on the wooden table.

iPad

4:20 PM

篆 刻 介 绍

篆刻主要工具 xxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxx xxxxx

起篆 源刻 工主 具要 篆刻 起源

xxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx

刀篆 法刻

Version 1

Version 2

知印 识石

首 页

iPad

4:20 PM

iPad

自 由 模 式 选材

石材 照片

首 页

选材

选形

打磨

打稿

刻制

石 材 名 称

石 材 名 称

石 材 名 称

石 材 名 称

石 材 名 称

石 材 名 称

石 材 名 称

石 材 名 称

下一步

Through analysis and discussion, we have put forward the concept of new experience on recreational seal cutting on iPad, in hope that the product promotes user experience by giving more enjoyment and entertainment. After determining the positioning of this app, we place the key point of consideration on the issue of how to highlight the entertaining atmosphere of seal cutting via visual so as to instill more interest to it. After thinking over, we have determined two direction of design.

任 务 模 式

4:20 PM

通关说明

问题描述 xxxxxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxx xxxxxxxxxx

02 知 识 问 答

知识帮助

选项A

选项B

选项C

选项D

首 页

iPad

任 务 模 式 01 完 成 篆 刻

确定

4:20 PM

通关说明 xxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxx xxxxxxxxxx

撤销

首 页

前进

重画

确定

1 Cartoon Image Packaging Inclusion of cartoon figures can enrich the page structure and increase the visual liveness of page. We selected the images of old man and descendants. Old man is emblematic of erudition and wit, and even the allegory of imparting knowledge, which coincides with the features of the product. Subsequently, considering the issue of multi-scenario application of image, we have added expressions and actions such as delight, disappointment, thinking and more, which are used for the page of knowledge Q&A. And we plan to increase the number of figures at the later stage of design to satisfy different users’ predilections by shaping different characters and different styles of figures.


Parallax Scrolling In order to achieve a better displaying effect, we have tried out several methods. On the page of introduction to seal cutting, considering the abundance of pictures and texts, we have adopted parallax scrolling design by dividing the texts, pictures and background into three layers and bringing users with fresh visual experience at different scrolling speeds.

2 Rendering of Scenarized Design The interest-oriented product can well boost the entertainment and sense of engagement in use of page by appropriately including scenarized design, on the premise of function assurance. As a result, we attempt to apply the technique of scenarized design to the free schema page. The key elements in the scenario of seal cutting - the wooden table and sheet of paper - are extracted to make visual expression.

The progress bar of polishing process

3D rotation On the page of appreciation, we have set 3D rotation function in order for users to understand the facade features of different stones on an omnibearing scale.

the steps in the procedure of seal cutting


FAB 5C Intelligent Community Terminal In 2013, I was as the main designer and collaborated with team members to design the interactive interface of community intelligent terminals for FAB Enterprise Group. In the period, I was responsible for the interaction design and the control over visual works. Besides, I communicated directly with the clients and successful completed the project jointly with the eort of my team members. Making user experience penetrate intro the entire design process not only solved problems, but also brought new design concepts to FAB.


Project Process

Interview Result Analysis

Concept Design Persona

Determine Needs

Determine Interview Questions

Stakeholders Interview

UX Design Principles

Determine Design Requirements

Layout Design Scheme

Task Flow

Prototype Test

Design Output Refinement

Phase 1

Phase 2

Phase 3

Phase 4

Page Framework

User Interview Concept Design Review

Phase

Survey & Research

UE & Concept Design

Scheme Design

Final Review Design Scheme Review

Story Board

Requirement Analysis

Phase 6

Mood Board

Design Requirements Review

Determine Research Form

Phase 5

Visual Design

Refine & Output

Determine Design Style


In the earlier stage, this project provides handy service for the public in the center of Wangjing Community in Beijing and develops two major functions: “Nearby Businesses” and “Property Information”. In later stage, it will gradually develop five functions: “Payment & Recharge”,“Coupon”, “Convenience Shopping”, “Entertainment Download”, “Hotline 96156”, depending on the business value injected by more merchants.

Drink

Grain& Oil Cigarettes& Alcohol

Important Notice

Property Advertisement

Pay Water Charges

Convenience Shopping

Others

Leisure& Entertainment

Snack Food

Property Information

Restaurant

Pay Electric Charges

Payment & Recharge

Pay Gas Charges

Others

Coupon

Life Service

Recharge Phone Bill

Hotel Sports& Fitness Parent-child Game

Function of Intelligent Terminal

Nearby Businesses

Wedding Photography

Hotline 96156

Beauty Salon Restaurant Shopping

Leisure& Entertainment Date Entertainment Download

Basic Information

System Settings

Mobile Phone Software

Music

Weather

Help Brightness

Movie

Time

Greeting Vocie

Temperature


User Research Target users are from 18 to 35. Allowing for the sensitivity of teenagers for interactive products and those in forties who work in high-tech companies, target users will upsize in the scope of age. Based on serving the public in communities, this program focuses on the housing community and divides the user groups according to age and activity scope. Different users pay attentions to different products functions. Meanwhile, the products they are using are also of different functions. Therefore, the design should be follow the properties of different users and their needs, which will contribute to product’s usability. We get knowledge of users’ characters and needs by interviews and establish four personas.

Young

Trendsetter

Striver

Most of them haven’t worked for a long period or even have no job, but their power of consumption is good and they are fond of trend-setting products. What they value most is brand and price ranks the second when they shopping. Awarding points and discount can enable them to make unreasonable consumptions.

Most of them belong to the stay-at-home type of people, who are not willing to shopping in the mall even it is nearby. For them, online shopping is a good choice. Daily special price and flash sale favor them very much and those cheap and popular goods interest them mostly.

Achiever

Homemaker

As the pillar of the society, they have certain economic strength and pursue a high-quality life. They only buy high-quality and high-price commodities but make reasonable consumptions.

They favor long-lived commodities that have high quality and cheap price, like discount merchandises and enjoys stocking up goods. They only pay attention to the necessities of life and make no impulse consumptions to non-necessities.

Trendsetter

Striver

Name: Tommy

Name: Ben

Age: 24

Age: 26

Interests: music, movie, sports, food, party

Interests: surf the internet, online games, discount, stay at home

Activity: around the community on working day(supermarket, shopping centre); away from the community on weekend (restaurant, park, shopping centre)

Striver

Trendsetter

Consumption Characteristics

Nearby Businesses

Coupon

Payment & Recharge

Gregarious

Activity: at home on working day (online games); around the community on weekend (bank, property, supermarket) Payment & Recharge

Property Information

Coupon

Home Bird

Achiever

Homemaker

Old

Achiever

Homemaker

Name: Fred

Name: Mary

Age: 35

Age: 42

Interests: automobile, photography, travel, wine tastings, nourishing of life

Interests: cooking, cleaning, health care, discount

Activity: away from the community on working day (restaurant, shopping centre); away from the community on weekend (suburb)

Activity: around the community on working day(supermarket, go for a walk); around the community on working day (bank, property)

Nearby Businesses Property Information

Payment & Recharge

Property Information

Payment & Recharge

Nearby Businesses

Coupon


Scenarios

Standby page of the community terminal... 2

Name: To mmy

Hot Pot

Oh! An information? Let me see...

What’s that?

Age: 24 Tommy is a young m an play. He us ually goes who likes to KTV, mov to restau ies, sports ra field with nt, after wor friends k or on th e Sometim w es he need eekend. s to view informat ion mobile ph about them, but th one netw e ork signa good... l is not

Where shall we go? 1

He had used the community terminal last week...

Oh! It can choose the distance. Let me choose the nearest one...

After choosing a restaurant...

Enter mobile phone number...

Enter the page...

3

4

The notification time is approaching... Cool~ The pictures can tell the truth!

Hot pot, I’m coming! Hahaha...

6

Store more water for later use~

Oh My Gosh! Thanks to the remind message!

4

5

Click the ‘Coupons’...

Enter the content page... Great~~! I can also view other property information on this page~

2

Yeah, I can use it to find the restaurant around here~

3

1

5

It really comes in handy! I have extra water to use! Name:

Wow!20% discount! I can save some money~~

Mary

2 Age: 4 6

7

she sy and . very bu f her family usually re o Mary is s to take ca e notice d e th e d n n n o o als ensi n’t fi ly susp She did Once, e water supp tin board. th ity bulle about n u m com us ... on the to tremendo ’s family d That le ience to Mary n e v incon


Import Scenario Analysis

Emotion/ Memory

As for the import scenario, we mainly take into account sensory experience of users such as visual and auditory feelings, achieving the eect of guiding users to use by catering to their aesthetic appreciation. Subject to these factors, the users will be able to successfully enter the standby interface, to achieve our purpose of import.

Fu lfil

In allusion to these four import methods, we have analyzed the measures that can be taken by each method. For instance, for the method of attraction, we have made analysis of the factors which can attract users, such as appearance, voice, logo, screen and information, studying the problems that result from these factors and putting forward solutions based on the interaction model.

lm en t

Before the design of import interface, we make it clear as for what methods the users will adopt to understand and use the terminal: attracted by the machine, re-use, publicity or others’ introduction.

Experience

Communication

Information Accessment

Standby Page UX

Interaction Model

For the standby page, we have clearly stated its function and expression mode, and discovered problems that may be encountered by the users in the standby page and the corresponding solutions by interaction model and user needs analysis.

Beautiful Beautiful

Legibility

Staffs Legibility

Volume

Attraction

Beautiful

Advertising

Legibility

Appearance

Volume

Positioning Vending machine

Voice

Outside

Import

Logo

Import

Placement

Volume

Screen

Family

Information

Introduced by others under known or unknown

Define Functions

Random Content Presentation

Have ever used the

Screen Savers

Positioning

related or other functions

Import

on the vending machine

Introduce

Broadcast Advertising

Legibility

Friends

Not long ago

Continuity

Attraction

Neighbors

A long time ago

Volume

Re-use Operability

Attract Attention Standby Page

Import

Memory

Legibility

Speech Presentation

Expansibility

Legality

Beautiful

Operability


User Needs

coupon

recommended store

store & product introduction

group purchase

search

ranking list store name

business hours

store & product pictures

repayment

network signal is not good

store address

store phone number

property information

Attractions

Needs Analysis

important notice

pay water& electric charges

store evaluation

clear information

recharge card

don’t know keyword can’t searcs h

Competitive Needs Home Page Information an better th ive competitts produc

differences between similar products

weather

increase user viscosity

Basic Element

greeting

Interface Optimization

time

function prediction

the lat t informates ion ranking list

fast identification

clear function module show next content

expansibility

appropriate size of controls

legibility

reduce the level of pages

simplify proces

good tactility

avoid user waiting

extensibility

display more information in one level

After the interview, we will make a summary of needs and classify those needs based on the Kano Model so as to continue subsequent design works.

intuitively display easy to use

concise style

easy operation

Satisfied p dragogor g effecin t

low sensitivity sliding screen

Attractions

attract user

Attractions

Indifference Linear

easy navigation

voice

colour

clear navigation

Need not Fulfilled

Fundamentals

Need Well Fulfilled Basic

The overall information

brightness

affinity

User Experience Organization of information Layout

Linear

Fundamentals

Users’ maximized appeal for the function and performance Complex interaction and presentation of information The usability, ease of use, durability, robustness, extendibility of information and interaction flow

Dissatisfied

Kano Model


Design Criteria Interface Design Criteria

Accessibility

Should be applicable to all potential users. We should take into account the special user groups' habits, such as for color blindness, color weakness, the elderly, etc.

Before we start designing, we clarify the criteria for design and the interface strategy of this project. Also, we have to study the design criteria to be followed by each page

Legibility

Affinity Expansibility

The addition of other functional modules in the later stage will not disturb the existing visual system

Adaptability

Can adapt to different indoor light environment and space size.The interface colors and information can keep clear

Extensibility

Simplify Pleasure

Can allow user to has a pleasant feeling in the use process

Standby Page

1 Legibility

Usability

Can allow user to identify each function module quickly

Can allow user to complete operation clearly and fulfill their requirements

Home Page

2

Function Page

3

Content Page

4

No ambiguity

Reasonable layout

Reasonable layout

Reasonable layout

Can attract user

Can add other functions at the later stage

Can add other contents at the later stage

Easy to update

Can display the function

Function need to have obvious characteristic

Comprehensive and clear function

With clear information

Should accord with the overall visual style

Unified style

Clear navigation

Beautiful

Simple and beautiful

Unified style

Unified style

Simple and beautiful

Simple and beautiful

Clear navigation


Ideation We write down stakeholders and user needs, and place paper as terminal interface in different regions before the design of page layout. The integration of functions and information is considered to better adapt to paper sizes.

Standby Page Through analysis, the major function of lock screen is summarized as attracting users and displaying functions. In the design procedure, dynamic effect is also considered. Meanwhile, some real time information such as time and weather information as well as modules for tips are added.

Home Page Homepage is the main page, including seven function modules. Due to the differences in user groups and using frequencies, the modules have different positions and sizes. In the design procedure, a host of studies of the size, distances in between, integrated relations, display form and other aspects are conducted to increase the module resolution and to bring joyful experience for users.

Coupon Nearby Businesses

Functional Module

Property Information

Basic Information

Payment & Recharge

It is the key point of our design to make modules of different functions integrated with the overall style on the premise of maintaining their own features. Property Information function is the key point of the program. We are hoping that we can distinguish the importance of each function according to the different sizes. Latest information will be displayed on the module of the first page.

Hotline 96156

Content Page

Entertainment Download Convenience Shopping

System Settings

This page is used to fully display contents. It is also expected to be as simple in operation as possible. So the third-layer page and parts of the second-layer page are integrated to optimize user’s experience.


Mood Board Before the mood board is created, we did brainstorming based on explicit interface design principles (aďŹƒnity, simplify, extensibility, legibility), classifying all derivative keywords into vision, mentality and physical expression, and ďŹ nding corresponding pictures to exemplify the abstract words from the perspective of users and apply them in visual design.

Extensibility Affinity

Simplify

Legibility


Extensibility

Affinity Color

Shape

- Soft, warm, no stimulation

- Elastic, soft and round

- Mostly the same color, low saturation

- Irregular shape with tension-free or regular shape with small tension is preferred

- The overall color should be harmonious and unified

- Can add quasi materialized design Resizing shapes and changing the space between them can reduce stiff feeling.

Material - Tend to be warm, natural and downy Like scarf, cake, fluffy hat, fabric sofa, carpet, towel, etc.

Color - Should have the characteristics of serialization - The same saturation

It can be appropriate to add these materials if necessary, but do not overuse them in the interface.

- Easy to add a new color

Simplify Color

- Mostly light or solid color High purity color gives a strong visual impact, that can only be used in local area to attract users.

- Use as few color categories as possible on the same interface

- Convex-concave Through the edge connections to improve extensibility and bring modules into close association. Such as puzzle, tetris, gear, building blocks, etc. It can add other functional modules at the later stage without destroying unity.

Using the shape of real object in life, that can close distance between users and product.

- Fresh, natural, vitality, and do not make public

Shape - A series of the same shapes

Material - Flat, wide, broad and extensive Do not necessarily need to add concrete material for the interface. Minimize the use of material and details expression. Solid color, no gradient, no shadow and no high optical is perferred. Use the same material like wood, paper, metal wire drawing, that can make the interface more extended.

Legibility Shape - Basic geometries Such as streamline, circle, square rectangle, line, etc

- Must be united Use as few shape elements as possible on the same interface. The arrangement of shapes should be unified. Manipulate the horizontal and vertical spacing between shapes.

Material - Pure, clear, natural Minimize the use of material and details expression. Solid color, no gradient, no shadow and no high optical is perferred. Do not use the disordered materials. Use the same or similar elements can make the interface more simplified, and that will bring a good user experience.

Color - Tricolor or strong contrast colors The color has the difference in hue, lightness, purity.

- Has an explicitly orientated

Shape - Mostly representative, concise, recognizable symbols Select the unique shapes or details and refine the characteristics to generate module or icon.

Material - Can be used as a light source, silky smooth surface - Can add quasi materialized design Using the material of real object in life appropriately, that can make interface easy to identify.


Scheme 1 Round shape represents the reunion, the success, symbolizing the expectations of the people for a better life. The round design elements and page layout is extracted from galaxies in the universe, showing the symbol of nature and harmony, and indicating that the community service commits to provide a better living environment for residents. What is more, the round shape makes the interface more user friendly.

多云 -7°C~-3°C

Important Notice

Product Information

Property Advertisement

返回

返回

首页

吃喝玩乐 | 餐饮美食 | 休闲娱乐 | 购物达人 | 丽人美体 | 婚纱摄影 | 亲子游戏 | 运动健身 | 酒店住宿 | 生活服务 |

外婆家

外婆家 人均¥93

火锅

Home Page

850m

外婆家 火锅

850m

火锅

外婆家

帮助

Nearby Businesses Category page

声音

850m

人均¥93 火锅

850m

外婆家 人均¥93

火锅

850m

外婆家

外婆家 人均¥93 850m

人均¥93 火锅

人均¥93 火锅

850m

外婆家 850m

外婆家 850m

人均¥93 火锅

人均¥93

人均¥93

火锅

850m

外婆家

外婆家 火锅

外婆家 人均¥93

火锅

人均¥93

850m

人均¥93 火锅

850m

亮度

Nearby Businesses Display page

Business Information

Product Presentation

360 Degree Panorama


Interface Design

Frequently used information conclusion Information such as the time and the weather is located on the top left corner of the page, leaving space for visual focus and easy to see.

Rapid access to function modules Modules are displayed in circle in accordance with the overall roundness style. Directly click the inner information on the modules, and enter the content page. Modules are easily to be dierentiated.

Integration of function modules according to the user needs Payment & Recharge modules are separated according to what are paid for. User operation process is optimized and easy to be identiďŹ ed. The major modules are designed with larger size to attract user. On the home page, user can learn about important notiďŹ cations.Click and enter next page to view details to optimize user operation process.


Scheme 2 Final Scheme

Square symbolizes the strictness and calmness, representing the unity of the form. The inspiration comes from the bulletin board in real life, and it meets the users' psychological demands and habits. In addition, the square design is visually simple and more intuitive and eďŹƒcient in conveying information.

Important Notice

Property Information Category page

Nearby Businesses Display page

Business Information

Property Advertisement

Home Page

Product Presentation

Product Information

360 Degree Panorama


Interface Element

2013-01-24 星期四

吃喝玩乐

缴费通道

有想吃想玩的么?快来这里 查找一下周边的好去处!

不想排队?不想请假去银行? 轻松缴费就来这里吧 ...

北京

24 -7°~-3° 多云

水 费

电 费

燃气费

农历 腊月十三

餐饮美食

25%

010-82120966

50%

用户登录

周一至周日9:00-22:00 75%

100%

海淀区科学院南路44号华星影院1楼 距您的位置850m

登 录

不同模块颜色:

注 册

- Adopting simple pure color design in the visual style, while weakening the sense of interface and highlighting contents of scripts and pictures allows users to receive information more intuitively. - Through strong constitution to create a plane aesthetic feeling which can be interpreted as having bright and soft blocks of color as well as tidily arranged shapes. - In addition, system resources will occupy less but respond more rapidly.

Interface Design

Create business express entry on demand Create express entry for the most common business types on the home page. Users can quickly access businesses for dining, entertaining and shopping on the home page, saved from entering secondary pages to choose business types.

Maintain interface expansion

Easily discernible function modules

Those modules are distinguished by colors but harmonious with the same lightness and saturation.

Function modules are independent from each other and characterized by pictures’ switching, icons and texts, so that can easy to be identified.

The home page includes seven functions, whose modules should be designed to be square so that further modules can be added.


Deer Jet

Business Handicraft

According to the brand features of Deer Jet, we researched and developed business handicraft for VIP clients. Finally the products satisfying three parties were made, which solved a series of problems for customers from the orientation to design and to production.


Deer Jet was ďŹ rst established in 1995 as one of the key subsidiaries of the Hainan Airlines Group, China’s fourth largest commercial airline. Deer Jet provide a variety of services, such as business charter, aircraft management, ground handling, aircraft sales and medical evacuation.

NOBLE

EFFICIENT

At the early stage of the project, the client needed to design a VIP card which could be used both for recording membership information for identity authentication, and for collection and giving as presents. The VIP card should manifest the distinguished identity of the members and at the same time inherit the image of the brand. After a series of research and digging deeper into the client's requirement, I have found that the essential requirement was to convey the connotation of the product, that is, the client wanted to emphasize on the product's being the symbol of identity and the brand, instead of the form of the product.

EXCLUSIVE

Design Process

Orientation

Design

Production

Submission

Brand Feature Brand Essence

Username Signature Engrave Decoration & Usage

Brand Image Communication Pure

Exclusive

Functional Relationship

Unique

Environment Material Appearance

Sense of Ritual

Process Requirement

Noble

Material Selection

Username

Material Selection

Streamline

Decoration &Usage Smooth Surface

Signature Engrave

Decorative Detail Ceremonial Magnanimity

Environment Material

Generous Shape

Efficient Comfortable Experience Brand Image Communication

Comfortable Experience Unique

Smooth Surface

Functional Relationship

Generous Shape

Etiquette & Bearing

Purity Appearance

Process Requirement

Decorative Detail


Market Research Card

with the product

card cover

Bank cards, membership cards and consumer cards are required to be carried and shown during settlement.

Common market membership cards are mostly plastic or metal with dierent printing techniques and patterns, diďŹƒcult to distinguish their grades.

card cover

custom packaging

Traditional membership card packaging is hard to highlight the noble status of enterprise services and holders.

Results As a symbol of service and quality, Deer Jet VIP Card is not used for data transmission, no need to carry it around. It does not have to be designed in a traditional card type.


Packaging Material

Rigid Package

Metal

Wood

Flexible Package

Plastic

Paper

Fabric

Leather

Through a research on the packaging boxes of high-end products in the market, a conclusion is reached concerning the materials with high usage rate: metal, wood, plastic, paper, fabric, leather. Apart from single material, some packages also adopt the design of multiple materials, for instance, paper and fabric, wood and leather etc., which not only serves as the ďŹ nishing touch, but also helps to save materials and cut costs. The lining of the packaging boxes is mainly velvet or sponge, which acts as the buer. The research result is also categorized based on the style of packaging and common opening methods are also summarized in the paper.

Packaging Style Modern & Fashion

Opening Method

up & down Simple & Elegant

Intricate & Refined

left & right

push & pull Traditional & Classical


Scheme 1 Brand Image Communication

The card selects and uses high-grade leather with bright colors, emphasizing honorable and comfortable user experience, and the hot press technology presents the brand image.

Environment Material

Sense of Ritual

Generous Shape

Material Selection

Comfortable Experience

Smooth Surface

Etiquette & Bearing

Purity

The metal material starts from the function, and the cold punching technology records the Vip exclusive number.

This is a design scheme starting from the brand sense of ritual. All the materials of the whole series refer to the materials within business classes. It synthesizes the material and techniques to extrude the sense of quality, using metal and leather materials as a contrast.

Packaging The packaging box is designed with up-down structure, which enables the member to extend hands into it from two sides and thus highlights the ritual of actions. size: 170*170*55mm material: leather (print logo) + sponge cushion


Scheme 2

Sense of Ritual

Concept

Functional Relationship Decoration &Usage

Etiquette & Bearing

Decorative Detail

Process Requirement

Purity

acrylic crystal

metal or ABS matches well with the pseudo-metal surface high-density plastic + pseudo-lacquer surface

This is a design proposal with an emphasis on the etiquette and bearing of the brand, referring to the waist-band styling of traditional crafts, which manifests the special status of the user and ensures the functionality of the products. Special emphasis is given to the details of decoration and there are also high demands for the craft.

Packaging Draw on the traditional gift box embodying social etiquette and reecting oriental taste. size: 150*100*70mm material: high density board / dark solid wood


Sense of Ritual

Concept

Scheme 3

Username

Etiquette & Bearing

Engrave

Based on the above two schemes, we select the design scheme with bold attempt to focus on the performance of the brand purity. The membership card is no longer of a simple function, but equipped with a decorative function and use function at the same time. The seal, as the concept of intention, inherits the traditional noble authentication mode, with VIP name engraved at the bottom. Giving priority to the image, the design combines with sculptural techniques to show the beauty of structure, and extracts the pure decorative eect.

Unique

Purity Signature

Appearance

black sponge pu leather embossed logo

black plastic

Packaging classic portfolio of handbag + gift case, products highlighted in dark internally. Material: paper+ sponge cushion

size: 60*80mm Vip number Vip name

acrylic or high-density plastic


Packaging

1 The internal structural design highlights the multiple layers and exhibits a ceremonial formality. Material: white special paper + dark gray EVA Foam

2 The internal space reveals the nobleness of the product. Material: black cardboard + EVA Foam + silk

4

3

Based on the Oriental elements, the red brocade is attached to package, that makes simple and generous. Material: cardboard + red brocade + EVA Foam

The opening mode endows the package with a three-dimensional touch and has a feature of demonstration. The liner EVA has a particular angle of inclination, which allows the product to be placed more stably when opened in a vertical manner. Material: black cardboard + EVA Foam + silk


Product Brochure

1

The type setting is simple, and the change of size regarding the picture and the blank form a kind of rhythm, with due attention given to both the whole and details.

2

It follows the previous designing style of the manual, with the whole-page picture demonstrating the focus, which displays a graceful and comfortable service experience.

3

The well-chosen pictures are decorated with simple but elegant text boxes, which make the brochure seem a package of hardcover travel postcards.

4

The navigation bar is set at the left of the page, so that the structure of the brochure looks clearer and readers can search content easily. Besides, those crossed lines symbolize that Deer Jet provides abundant air lines for customers to choose from.


Production


Branches stationery combination For people who pursue high quality of life, Wood Branches series is a quiet and romantic stationery design, with which one always feel the breath of natural.


Tape Holder The integral styling of Tape holder is inspired by branch form. And geometry simpliďŹ cation is carried out combining with the stationery structure to make the appearance more concise and mass production more convenient. The main part of Tape holder is completely made by wood with superior grain presenting the natural texture.


Branch-like appearance has simple beauty.

The roller is made of flexible glue,which makes the roller elastic and fit the internal adhesive tape roller.

The structure is in favor of adhesive tape’s installment.


Wood Pen Morphological characteristics of tree branch is employed in the modeling of Wood Pen, making the pen point scalable. The pen becomes more interesting by designing the button, which controls the tip, into twig shape.

Wood Ruler-Pencil Pencil and ruler are the most commonly used tools in drawing, and Wood Ruler-Pencil contains both of them making it more convenient to use.

twig shape

expose nib nib retract


Postercard There are many problems about current postcard: old theme, single function, lack of culture and local characteristics. The design concept comes from the Chinese traditional paper-cut and lantern. This page of the postcard can be torn down, then the four can be combined into an auspicious lantern. People can also send dierent postcards to friends.


Herbal Tea Packaging Long shaped box with solid color dots can give people modern fashion sense. The internal independent packaging is fashion, health and convenient. Use the color to distinguish dierent seasonal herbal tea.


Acrobatic Show Poster


Logo


03

04

After field visits and investigation, Yungang Buddha, mostly characteristic of local culture, is selected as logo body with flame pattern and lotus image added to its solemnity. 01

02

01-02 03

Letter paper and envelope design

04

Logo design

05-06 05

06

Poster of “capital of China sculpture Tatung 2011 international sculpture biennial festival”

Poster design of “Changsheng Fund”


1

4

2

5

3

Juice Bar Logo The inspiration derives from people’s pursuit of delicious food. Based on the elements like water drops, shape of grasping juice with hands, facial expressions, as well as the brand attributes, ďŹ ve designs are produced which express the youthful vigor of the brand and stimulates consuming desire.


Snack Festival & Folk Association Logo C:5

M:23 Y:90 K:0

C:8

M:18 Y:43 K:0

C:4

M:51 Y:90 K:0

C:13 M:43 Y:85 K:3 C:5

M:95 Y:87 K:0

C:14 M:69 Y:33 K:3 C:2

- The overall design chooses traditional Beijing folk food cultural elements and highlights snack festivals with bright colors.

M:24 Y:37 K:0

C:16 M:91 Y:15 K:1 C:45 M:11 Y:89 K:1 C:78 M:27 Y:83 K:12

- Lotus and Yinding Bridge in Shichahai are used as main visual images, and characteristic Beijing paper-cutting style is adopted to stress humanistic feelings.

C:4

M:51 Y:90 K:0

C:4

M:51 Y:90 K:0

C:40 M:65 Y:90 K:35

C:19 M:100 Y:87 K:11

C:35 M:60 Y:80 K:25

C:0

M:0

Y:0

K:0


Blind Theme Experience Activities Visual Identity How to keep brand inuence as long as possible with short-term seasonable activities? After design the logo for SID, many derivatives are designed in accordance with clients’ requirments to promote brand image.


01

02

03

04

01

05

F1 Racing Driver Ho-Pin Tung Business Brochure

06


Thank You For Looking

Zhao Xue Mobile: +86 150 0104 1371 Email: sherryzhao25@gmail.com


2014 Design Portfolio  

Interaction and Visual Design

Read more
Read more
Similar to
Popular now
Just for you