BLAKE YAN Interaction Design Portfolio

2020

颜宇翔 Blake YAN 交互设计作品集 Interaction Design Portfolio

关于我 ABOUT ME

我拥有丰富的设计经验，熟练Sketch, Principle, AutoCAD， Adobe系列等多种设计，建模⼯具。熟悉 Arduino开发，了解 C语⾔，JSON。⼯作期间，我曾 服务/对接汇丰中国，⻨当劳中 国，吉祥航空，中国平 安，威⻢汽⻋，⽇本BUZZ LIFE等多家公司，为他们提 供数字化策略设计。

教育经历 Education

⼯作经历 Work

⾹港理⼯⼤学 交互设计硕⼠

上海尚器设计有限公司 UX/UI设计师

The Hong Kong Polytechnic University Master of Design Interaction Design

Shanghai Chinge Design Co, Ltd. UX/UI Designer

2019.09 - 2020.11

2018.08 - 2019.08

⻄澳⼤利亚⼤学 整合设计

深圳肃⽊丁建筑事务所 建筑师助理

University of Western Australia Exchange Program Intergrated Design

Shenzhen Swooding Architects Architecture Assistant

2017.02 - 2017.07

2017.08 - 2017.09

中国矿业⼤学 建筑学⼠

福建省联盛建筑设计有限公司 建筑师助理

WeChat xiaohei1225

China University of Mining Technology Bachelor of Architecture

Fujian Liansheng Architect Design Ltd. Architecture Assistant

Email blakedesign@foxmail.com

2013.09 - 2018.07

2017.01 - 2017.02

I have rich experience in the design area, familiar with Sketch, Principle, AutoCAD, Adobe, and different illustration and modeling tools. Familiar with Arduino IDE. I have been worked with HSBC China, Macdonald's China, Ping An Insurance Group, Junayao Air, Japan Buzz Life, WM Motor, and other companies to help build their digital solutions.

实习

实习

⽬录 Content

1

Research Skill

BUDG - 针对中国年轻群 体设计的消费⼲预 BUDG - Spending Intervention for Chinese Young Generation

2

点击跳转 Jump To Project

4

Prototyping & Coding

Work of AssRT “恶搞”当代艺术 Work of AssRT - Making Fun of Modern Art 点击跳转 Jump To Project

User Participated Design

EMODY - 针对⻘春期前 ⼉童的情绪教育 EMODY - Emotion Education for Preadolescent 点击跳转 Jump To Project

5

Space Design & Modeling

城市公园 - 郑州⼤学科技 产业园规划 City Park - Planning for Zhengzhou University Science Insustrial Park 点击跳转 Jump To Project

3

UI Design

吉祥航空国际版官⽹ 改版 Juneyao Air Global Website Redesign 点击跳转 Jump To Project

1 BUDG - 针对中国年轻群体设计的消费⼲预 BUDG - Spending Intervention for Chinese Young Generation 学校项⽬(个⼈) School Project (Personal)

BUDG 是⼀个以探究为主的项⽬，参考了许多⾏为经 济学的理论与实验，同时设计了简单的⼲预实验。希 望能⼲预并控制中国年轻⼈的个⼈消费⾏为，以此帮 助他们建⽴更理性的经济消费习惯。

BUDG is a research based project which involves a high proportion of literature review and a small behevior experiment. The design aims to intervene and control the Chinese young generation’s personal spending, to build a rational financial habits.

背景 Background

在中国，许多年轻⼈想存钱，但⼜存不下钱 Many young people in China want to save money, but lack of the capability.

2019年上海⽩领存款状况

2019年单身90后存款状况

2019 White Collar Savings Status in Shanghai

30%

2019 Single After 90s Savings Status

28.0%

30%

25.35% 23.00%

20%

17.6%

20% 14.7%

10%

16.17%

20.74%

90后每个⽉都会存钱 after 90s save money every month

14.74%

* 数据来源：余额宝90后攒钱报告

10%

6.3%

90%

⼤多数年轻⼈都在存钱，但⼤约有⼀半 的⼈群都只有⼩数⽬的存款 0%

0

0-1k

1k-10k

10-30k 30-50k

* 数据来源：智联招聘2019年⽩领满意度指数调查

>50k

0%

0

0-10k

10k-30k 30-100k >100k

* 数据来源：珍爱⽹2019Q1单身⼈群调查报告

Most young people are trying to save money, but about half of them only have small amounts of savings

⽬标⽤户调研 Target User Research

年轻⼈更有难以控制个⼈消费的困扰 Young people tend to have more difficulties in controlling their personal spendings. 是否有时觉得⾃⼰“穷”？

哪些消费可以减少？

Have you ever felt being “poor”?

What spending can be reduced?

是 88.89%

不是 11.11%

42.86% 不知道钱花在哪 don’t know where the money goes

导致“穷”的主要原因是？ What is the key reason of being “poor”? 爱花钱 like spending <25 25-29 30-35 36-50 >50

赚的少及其它 low income & others

吃

25.87% 认为消费需要控制 consider the money need to be controlled

⾐服

游戏

电⼦产品

购物

美护产品

社交

需要控制的消费是享乐消费 和与享乐有关的⽇常消费 Hedonic and hedonic related daily commodity expense should be controlled

理论调研 Literature Review

如何增加消费的疼痛感？ How to make spendings more “felt”?

⼼理账户 Mental Account

可⽤账户效应 Accessible Account Effect

⽐例偏⻅ Ratio Bias

通过关联未来⽣活⽬标，协助⽤户建⽴存 款⽬标，减少愿意⽤来消费的钱

引导⽤户在消费时参照⾦额相对较⼩的⼼ 理账户，让⽤户觉得商品更贵

利⽤消费的绝对数值和百分⽐进⾏消费⾦ 额的提醒，让⽤户觉得花的钱更多

Help user to build a saving target which is related with future living plan, to reduce the money which is willing to be spent.

Guide users to access smaller amount of mental account, thus for user to have a feeling of the product is more expensive.

Use ratio and absolute numbers to remind user’s spending amounts, make user feel they spend a larger amount.

远景理论 Perspective Theory

双通道⼼理账户 Double-Entry Mental Account

反复提醒消费失去的⾦额，⽽不是收获的 商品的价值，强调失去的疼痛

强化消费后个⼈⾦钱即时减少的感觉，增 强花钱的疼痛

Keep reminding the loss of money for consumption, rather than the value from the products, emphasize the loss.

Emphasize the decreasing of money right after the payment, increase the pain of paying.

设计策略 Design Strategy

1

通过APP帮助⽤户制定合理的⽇常 消费与享乐消费计划，并记录预算 使⽤情况 Use the APP to set up daily expense and hedonic expense budget plan for users, and record spendings

2

借由⼿机壳，提供持续的预算使 ⽤情况的视觉提示 Use phone case to support a lasting visual reminder for the using status of the budget

策略调整 Strategy Adjustment

实验与采访 Experiment & Interview

⽤户可根据⾃⼰的实际 情况调整推荐预算⾦额

预算计划会如何影响⽤户？ How budget plan will affect users?

1

2

3

提供⽣活必须品和享乐消费品，并 询问参与者对两个商品的⽀付意愿

询问参与者的收⼊情况，为其指定⼀个存 款计划并以此给出平时的消费预算建议

询问参与者在得到预算建议后商品⽀付意 愿是否有变化以及有什么想法

Ask for participants’ willingess to pay for commodity product and hedonic product.

Ask for participants’ income status, and set a saving target for them, support a budget plan according to the target.

Ask if participants have changed their willingess to pay and if they have any thoughts

Users can adjust the recomend budget amount according to self situations.

发现 Insight

多数参与者会将建议预算与当前⼤概 的消费情况取平均值作为⾃⼰真正的 预算计划

消费预算的⾦额建议超过了某些参与 者平时的消费习惯，反⽽会提⾼他们 的消费意愿

Most participants will use the average amount of the recommendation and their real spending as the final budget

The rocommendation is higher than some participants spending habit, which increse their willingness to pay.

当预算建议⽐参与者当前消费习惯低 太多，参与者会感到沮丧且想放弃 When the recommended budget is too much lower than the participants’ habits, they were depressed and tend to give up

⼿机壳设计 Phone case design

灯带同步 Light Strip Synchronize

灯带将根据预算的使⽤百 分⽐进⾏显示

连接 Connect

The light strip will light up according to the proposrtion used of budget

通过Lightning连接 Use Lightning to connect

灯带唤醒 Light Strip Light Up

每次唤醒屏幕，⼿机壳灯 带也会被同时亮起 The light strip in the phone case will light up every time the screen wake up

主要功能 Key Features

1

01

了解⽤户收⼊状况 与当前消费习惯

预算规划 Budget Plann

Ask for user’s income status and current spending habit

2

协助建⽴与未来⽣活规划 相关的存款⼼理账户 Help to build the saving mental account which is realted to future living plan

3

根据⽤户经济状况与存款 ⽬标建议合理的消费预算 （⽤户可⾃⾏调整） Recomment a rational budget plan for user according to the financial status and saving target (user can edit the recommended amounts)

主要功能 Key Features

02

消费⾦额提示 Expense Amounts Reminder

1

3

通过⼿机壳的指示灯与常驻状态 栏的通知，让⽤户不需要进⼊ app就能了解预算情况 By using the instruction lights on the phone case and permanent notifications, let the user can know the budget status wihtout entering the app

突出已花费的⾦额，以强化“失去”的 ⾦钱，增加下⼀次花钱的疼痛感 Emphasize the spending amounts to increase the feeling of loss 2

突出已花费的⾦额，以强化“失去”的 ⾦钱，增加下⼀次花钱的疼痛感 Emphasize the spending amounts to increase the feeling of loss

You have spent 62% of daily budget, please be thoughtful for next spending!

主要功能 Key Features

03

快速记账

3

Quick Expence Record

左划选择删除快速记账条⽬ Swipe left to choose to delete the quick record item

coffee

¥ 28

Meals

daily expense

hedonic expense

commodity expense

self development

relation expense

1

根据中国⼈⼼理 账户的研究设定 的⼀级类别 Set the first-level spending category according to the study of The Implicit Structure of Mental Accounting among Chinese People

¥ 52

Daily expense

Amount

¥52 Time

8th, Aug

Category

meals

Record

2

两步完成重复性的消费记录 Complete recording repeated spending in two steps

测试及迭代 Test & Iteration

与4名⽤户进⾏设计预演 Cognitive walkthrough with 4 users ⽤户会忘记当前享乐预算的剩余使 ⽤时间

不同⽤户有不同的享乐消费频率 Differnt users have different frequency for hedonic spending

享乐预算的时间单位更改为可调整 The time unit of the hedonic budget can be customised

Users may forget the left time for the hedonic budget balance

商家记录不重要，且让⽤户认为操 作冗⻓，可⽤备注代替 The merchants record is not important for users, and make record process seems more complecated

移除消费商家输⼊字段 Remove the input area for merchants

享乐预算余额将显示当前时段 The time period of the hedonic budget will be specific

hedonic budget - JUN-MAR

Merchants hedonic budget

¥ 2,000

/ 3 months

?

edit

Text here.

设计呈现 Design Deliverable

在invision上查看可交互 原型及所有屏幕 View the interactive prototype & all screens in invision 点击此处 Click here

观看演示视频 Check the demo video 点击此处 Click here

2 EMODY - 针对⻘春期前⼉童的情绪教育 EMODY - Emotion Education for Preadolescent

学校项⽬(团队) School Project (Team) | ⻆⾊：⽤户调研与APP设计 Role: User Research & APP Design

EMODY 是⼀个希望为⽗⺟和临近⻘春期⼉童加深交流的 游戏化平台。我们在调研中发现，⼉童的情绪管理和⽗⺟ 有很紧密的联系，加深亲⼦间的交流对情绪教育⼗分重 要。我们希望在⻘春期前增进亲⼦间的情绪交流，以帮助 ⼉童更好应对未来可能发⽣的情绪问题。

EMODY is a gamification platform which aims to enhance the communication between parents and preadolescent. In our study, we found children’s emotions are highly relys on their interaction with their parents, which will have key effect on the emotion education. We hope to help them in communication to learn to deal with their emotions in there preadolescent.

背景 Background ⼼理障碍

情绪教育 Emotion Education

⼉童时期

Mental Disorder

成年时期

Childhood

Adult

不容忽视的⼼理障碍问题

通过⻘春期前的情绪教育来改善情况

Significant mental disorders challenges

Improve the situation emotion education in their preadolescent

38% 2017年全球约有13%⼈⼝有⼼理障碍

97年⾄17年因⼼理障碍造成⽣活负担增加的⼈数

In 2017, about 13% population globally is suffering from mental disorders

The increasing percentage of people who is suffering disease burden due to mental disorders

* 数据来源：MENTAL AND SUBSTANCE USE DISORDERS - SEX: FEMALE - AGE: ALL AGES

关于孩⼦的调研 Research on Children

⽂化探针

实地观察

⼯作坊

原型设计

Culture Probe

Field Observation

Workshop

Prototype

孩⼦是否理解不同的情绪？如何表达，释放？ Do children understand different emotions? How they express, release? 我们招募了5个11-13岁的参与者，发现: We recruited 5 participants (ages from 11-13) :

孩⼦的感受与⽗⺟的有紧密联系 Children’s feelings have strong relativeness with parents.

翻转卡⽚ Flip Cards

情绪袋

Emotion Bag

让孩⼦随意写或画，表现他们对⼋ 种基本情绪的认识

提供⼀个⼩麻袋和便签本，让他们 随时发泄⾃⼰的不开⼼

Let the children express their understanding for eight basic emotions in th ecards.

Support a bag and small notes for children to release any bad feelings they experienced.

⼼情⽇记

Emotion Diary 记录⼀天的⼼情，并写下原因 Ask children to record the mood of the day and write down the reasons.

孩⼦通常只能分辨开⼼与悲伤两类情绪 Children can mostly identify two sets of emotions: happiness and sadness.

对情绪的有限认知限制了他们的表达 Limited understanding for emotions have limited their expressions of how they feel.

关于孩⼦的调研 Research on Children

对放学情境的观察

实地观察

⼯作坊

原型设计

Culture Probe

Field Observation

Workshop

Prototype

我们发现 We found

Observation on off-school situation ⽗⺟

Parents

学校

School

⻘春期前⼉童

⽂化探针

1

孩⼦与同学分离后回家(或与⽗⺟⼀起离 开）时表现出情绪落差 Children reveal depressions after seperating with friends and go back home (or leave with parents).

Preadolescent

2

学校是孩⼦在家庭（与⽗⺟相处）之外最经常呆的地⽅，我们希望在孩⼦同时 与⽗⺟及学校（同学）都有接触的场景下观察孩⼦与⽗⺟的互动。 School is the place where children spend most of their time besides home (with parents), thus, we choose to observe the scene which children contact with both parents and school (claasmates), to see the interaction with parents.

点击观看情景还原 的⻆⾊扮演记录 Click here to see the role-play recording

⽗⺟没有回应孩⼦的 情绪反应 Parents do not respond to children’s emotional reactions.

关于⽗⺟的调研 Research on Parents

⽂化探针

实地观察

⼯作坊

原型设计

Culture Probe

Field Observation

Workshop

Prototype

⽗⺟如何看待他们与孩⼦的关系？ What parents think about their relationships with children?

ACTIVITY 1.

了解⽗⺟对⼋种基本情绪的知识认知

ACTIVITY 2.

了解⽗⺟与孩⼦相处的⽇程表

ACTIVITY 3.

写下⽗⺟⼼中与孩⼦最好与最坏的回忆

ACTIVITY 4.

分发情境卡（由探针与观察搜集得到），让⽗⺟选 择他们的感受与对待⽅式

我们招募了5位孩⼦在11-13岁的家⻓，发现: We recruited 5 parents who have kids between 11 to 13:

1

Know parents’ knowledge about eight basic emotions

Know parents’ daily schedule of spending time with children

Write down parents best and worst moment with children

Support Scenario Cards (collected from Probe and observation), let parents choose their feelings and ways of dealing

来⾃于外界的压⼒有时让⽗⺟⽆暇顾及 孩⼦的感受 The society pressure sometimes make parents have no extra effort to care children’s feelings

2

⽗⺟也缺少情绪知识，对如何处理孩⼦ 的情绪感到⽆奈 Parents are lack of emotion knowledge, they feel helpless about dealing with kids’ emotion properly

观点总结 Insights Conclusion

设计特质 Design Criteria

⽗⺟受社会影响，对孩⼦成 功，负责任的压⼒，由于缺少 情绪知识⽽感到⽆助。负⾯情 绪投射到孩⼦的⽣活环境。 Due to the effect of the environment, parents suffer from the pressures of their kids’ being successful, be responsible for their growing.

Parents feel helpless because of the shortage of knowledge. The negative feeling reflec on children’s living environment.

1

创造亲⼦间的交流机会，对孩⼦的⽣ 活⽇程形成共识 Create communication opportunities, parents and children can have agreement in lives.

2

增进对对⽅⽴场的理解

3

对⽗⺟和孩⼦都进⾏情感知识的教育

Enhance the understanting from each other’s point

Support emotion knowledge trainning both for parents and children

设计产出 Design Deliverable

01

周末探险 - 通过⼀起决定周末的亲⼦活动，让⽗⺟ 了解孩⼦的兴趣 Help parents to know children’s interests through discussing activities together 每周末从我们提供的刮刮卡⾥抽 取⼀张获得“本周主题”，我们将 根据主题推荐周边适合的亲⼦活 动，⽗⺟与孩⼦⼀起讨论做决定 参加哪个。

Pick one scratch cards we support every weekend to get “theme of the weekend”, we will suggest corresponding activities, let parents discuss with children to decide which to join.

9:41

Good morning, Lee!

END WEEKNTURE ADVE

WEEK

Weekend Adventure WE

EKEND

TURE

ADVEN

Charade

E

ADVEN ND TURE

END WEEK TURE ADVEN

WEEK

E

ADVEN ND TURE

⽂化探针

实地观察

⼯作坊

原型设计

Culture Probe

Field Observation

Workshop

Prototype

设计产出 Design Deliverable

Charade

02 你划我猜 - 互换⻆⾊，扮演对⽅ 的⽣活情境，加深对彼此⽣活的 了解 Exchange roles, play each other’s life scenario, deeper the understanding for each other 我们分别提供了“家⻓情境”和“孩⼦情境”两套卡 ⽚，⽗⺟与孩⼦交换⻆⾊扮演对⽅的情境，让对⽅ 猜⾃⼰表演的是什么 We support “parents scenario” and “children scenario” two card sets. Parents and children exchange roles to play, let each other guess what they are playing

04

设计产出 Design Deliverable

⼩测验 - 通过情境选择题来 教导⽗⺟和孩⼦情绪知识

Use scenario test to educate parents and children’s emotion knowledge

03 情感漂流瓶 - 发泄情 绪问题，并会有我们 的专家在⼏天后提供 疏导建议 Release both parents and children’s emotions, our experts will support help after a few days.

Emotion Bottle

You have got a reply, check here!

My Coins

90 Redeem

05

在社区分享活动经历以 赚取积分并兑换奖品

Share activities in the community to get coins and redeem rewards

Frozen II (2D) Family Movie Sets 180 coins

All Cinema

3 吉祥航空国际版官⽹改版

Juneyao Air Global Website Redesign ⼯作项⽬ Work Project | ⻆⾊：UX/UI设计 Role: UX/UI Design

为了应对国际业务拓展带来的新需求，吉祥 航空希望对其国际版官⽹进⾏交互优化及新 的视觉设计，追求更⾼效的使⽤流程的同时 强化品牌形象。

Due to the requirements from the expanding of global business, Juneyao Air is looking for interaction optimization and new visual design for their global website, seek for more effective using process and stronger branding image.

改版⽬标 Redesign Target

1

更清晰的信息层 级

2

统⼀视觉⻛格 Unite the visual style

Clearer information hierarchy

旧⽹站缺少适当的信息过滤，内 容繁多。字体使⽤了过多⼤⼩和 颜⾊，导致有些重要信息被视觉 弱化。 The previous design display too many info and too many different font sizes and colors are used, which weaked some important information.

3

更专业化的视觉 效果 More professional visual effect

旧⽹站将拟物化于扁平⻛格混杂 使⽤，不同的阴影，icon样式。 不同功能模块⻛格差距明显。

旧⽹站使⽤了较多不同的颜⾊， 新⽹站要更契合品牌颜⾊，传递 更商务，专业化的品牌形象。

The previous design mixed skeuomorphic and flat design, different styles shadow and icon were used. Different function modules have different visual styles.

The previous design used many colors. In new website, only brand theme color can be used, aims to build a more professional branding image.

原官⽹ PREVIOUS JUNEYAO WEBSITE

⾸⻚改版 Homepage Redesign

March 2019

将通知栏与订票操作区相 邻放置 Put notification and booking operation area together

1

通知与⽤户出⾏安排密切相关，与操作区合并放 置让通知更容易被注意 Notification is closely related with users’ travelling plan, put the column together with the operation area to make it more noticeable Adults (Age12+)

1

Children (Age2-11)

0

Infants (Age0-1, on lap)

0

Confirm

统⼀不同促销信息的视觉 ⻛格同时保留层级关系

2

Unify visual styles for different offerings but keep the hierarchy at the same time 2

April 2019

SUN

MON

TUE

WED

THU

FRI

SAT

SUN

MON

TUE

WED

THU

FRI

SAT

26

27

28

29

30

1

2

26

27

28

29

30

1

2

3

4

5

6

7

8

9

3

4

5

6

7

8

9

10

11

12

13

14

15

16

10

11

12

13

14

15

16

17

18

19

20

21

22

23

17

18

19

20

21

22

23

24

25

26

27

28

29

30

24

25

26

27

28

29

30

航班列表改版 Flights Redesign

London To

New York City

1

Round Trip Adult(s) 1, Child(ren) 1, Infant(s) 1

Departure

折叠搜索条件栏 Fold search area

减少⾮⾼频操作对操作的⼲扰及⻚⾯占⽤空间。 Reduce distractions for users and save area in the page.

Return

13:40 JFK Change

Fri, 18 Jun, 2019

Sat, 19 Jun, 2019

08:50 LHR

2

Mon, 20 Aug, 2019

13:05 JFK

Wed, 21 Aug, 2019

09:20 PVG

+1day

John F. Kennedy International APT, New York

Pudong International APT, Shanghai

Wed, 21 Aug, 2019

Wed, 21 Aug, 2019

Pudong International APT, Shanghai

London Heathrow APT, London

12:20 PVG

19:20 LHR

Return Mon, 20 Aug, 2019

13:40 JFK

Wed, 21 Aug, 2019

09:20 LHR

Price Detail Passenger Type

最低价⽇期的红点提示

Total Per Passenger

Price Detail

Total

Remind users with red dots for lowest price

Adults

GBP

1,906.22

Next

GBP 1890.22

Ticket Fares

GBP 1541.22

Taxes & Extra Fees

GBP 321.22

- Air Passenger Duty

GBP 120.22

- Passenger Service Charge

GBP 30

- Carrier Imposed International Surcharge

GBP 30

Number of Passengers

1

Currency Exchange Reference Passenger Type

1 USD equals

Fold flight detail

100

3

671.6

折叠详情以减少空间占⽤，增加⼀屏能显示的航 班数量。 Fold less important details so more flights can be shown in one screen.

以不同的颜⾊块区分舱位 Use different colors for different class

Total Per Passenger

671.6 CNY

折叠航班详情

Children GBP 1890.22

Ticket Fares

GBP 1541.22

Taxes & Extra Fees

USD

GBP 321.22

- Air Passenger Duty

CNY

GBP 120.22

- Passenger Service Charge

GBP 30

- Carrier Imposed International Surcharge

GBP 30

Number of Passengers

1

Update: Mar 19, 9:32 AM UTC Change & Cancellation Rules

4

Change Fee

Cancellation Fee

7 days before departure

GBP 180

GBP 180

72hours - 7 days before departure

GBP 280

GBP 280

4hours before departure and after departure

GBP 480

GBP 480

Juneyao cannot guarantee the accuracy of the exchange rates displayed. You should confirm current rates with bank counter.

Total

GBP

2899.22

5

跟随⻚⾯滚动的侧边信息栏 Sticky information sidebar

⽅便⽤户预览⾃⼰所选航班的信息并可进⾏调整 Easily reviewed brief of the choosen flights’ information that follows a user’s scroll on the page

个⼈中⼼改版 Personal Page Redesign Departure Date Range Departure Date Order Number

More Filter Options

以红⾊标记需要执⾏操作 的订单状态

Booking Date Range

Departure Place

Booking Date Passenger Name

Search Destination

1

2

Use red to highlight order status which need further actions

折叠部分筛选菜单

Fold part of the filter options

⾼亮显示机场与航班时间 Highlight airports and flight time 对已完成的订单，⽤户最关注的是机场及航班时 间，⾼亮显示并弱化其它信息 For orders completed, flight airport and time is the information users care most, highlight them and weak other information.

3

折叠不常⽤的筛选信息以节省空间 Fold less frequently used options for saving space

r

Ma

U

ED

UE

N

N MO

SU

ICON与⼿机UI设计 ICON and mobile pages design

18 24

T A B

l

na tio a ern

G PV

C D

Int a hin

j an

dC

an inl

Ma

H

OT

ing

i

a gh

an

Sh

N u

ua

o nzh

ng Qi

o da

E F G H I J K L

25

21

20

19 26

15

14

13

12

11 17

HO

6

4 10

8 7

5

3

1

30

29

28

27

26

W

T

2

TH

27

28

4 Work of AssRT - “恶搞”当代艺术 Work of AssRT - Making Fun of Modern Art

学校项⽬(团队) School Project (Team) | ⻆⾊：概念设计与电路设计/编程 Role: Concept Design & Circuit Design & Coding

Work of AssRT意在通过诙谐的⽅式让每个⼈都可以尝试 创造“当代艺术品”，以此引发⼈们对当代艺术的思考。装 置由两个坐垫和⼀个投影仪组成，坐在坐垫上投影仪就会 根据坐姿投射不同的图案。既是幽默，也是⼀种批判。

Work of AssRT aims to use a fun way to make every one have a try of generating “modern art” pieces, and inspire people to think about it. The installation consist of two cushions for sitting and a projector to project patterns when people sit. It is a humor and a critical work.

背景 Background 许多⼈在参观当代艺术品时经常感到艺术品都⼗分 简单，只是⼀堆“胡诌”，他们，甚⾄孩⼦，都能轻 松地完成⼀件“当代艺术品”。 There is a real viewpoint from regular art viewers that many of postmodern and modern art is simplistic and “full of bullshit”. They assume that they， even their children’ could easily make modern art pieces, without really any effort.

想法 The Idea

如何⽤⼀种有趣轻松的⽅式，让⼈们真正 尝试创造“当代艺术品”？ How can we use a fun and easy way to let people have a try on generating “modern art”?

概念构建 Concept

⼀切只需要 “坐” What needed is “sit”

坐下，不花功夫 - 我们使⽤了博物馆看展时最经常发⽣的情境。 当⽤户坐在我们的坐垫上后，调整坐姿时细微的压⼒改变将会产⽣ 不同的艺术样式并显示在屏幕上。 Sitting down, putting in little to no effort - we use the context of gazing in the museum space. When visitors sit in our cusions, the different small nuances of pressure will transfer to artsy patterns and project in the screen.

构件 Components 2 投影仪 Projector

1 坐垫 Cushion

3 ⽹站 Website

线上存储观众“创造”的艺术品 To archive ausience’s work online

压⼒传感器与坐垫

电路板与结构⽀撑

FSR sensors in cusion

Circuit & Interior Support

原型构建 Prototype

感应不同压⼒

不同图案

图案叠加

Sense different pressures

Generate different patterns

Overlay patterns

⽩⾊⽓泡

波浪

⻢赛克

WHITE BUBBLES

CURVES

ESP32开发板与电路

TILE PATTERN

暖⾊圆 WARM COLOR CIRCLES

⿊⽩⽅块 BLOCKS

冷⾊圆 COOL COLOR CIRCLES

波纹 CURVES

⿊⽩⽅块 BLOCKS

特殊⽂字 ARTWORK TEXT

ESP32 Board & Circuit

数据流 Data Flow

流程设计 User Journey 1 初始状态 Initial Status

2 体验中 Experiencing

3 离开坐垫 Leave cusions

⽆⼈时，初始屏幕指引参观者坐下

参观者坐下后，屏幕开始显示图案

提示图案已被保存，扫码访问作品⽹站

Instruct visitors to sit when no one is experiencing

After visitors sit down, the screen start to generate the patterns

Remind the visitors the picture have been saved online, scan the QR code to visit the website

Sit on the cusion and see what you can create.

Your master piece has been saved, review on ASART.com Your master ID:

102437

展览 Exhibition

在视频观看展览现场及装置搭建过程 For the exhibition and more progress, please check the video 点击观看 Click to watch

5 城市公园 - 郑州⼤学科技产业园规划 City Park - Planning for Zhengzhou University Science Insustrial Park

学校项⽬（团队） Work Project（Team） | ⻆⾊：概念设计/园区规划/建筑设计 Role: Concept Design & Planning & Architecture Design

郑州⼤学科技产业园是河南省的国家级产业园， 将作为郑州最主要的校企合作中⼼。园区将建设 七个研发中⼼，同时有⼀块⼤⾯积不可建设绿 地。经过调研，我们决定利⽤绿地，将产业园同 时打造为⼀个向市⺠开放的绿地公园。

Zhengzhou University Science Industrial Park is the national industrial park in Henan Province, and will become the most important school-enterprise cooperation center, 7 research center will be built. There is a large green field which cannot be constructed in the park. After the research, we decided to use the green field and design the park as a green park for the citizens in the same time.

场地分析 Location Analysis

毗邻⼤学与多个住区，周边公共空间较少 Beside with residential area, but few public space surrounded. 项⽬地点位于郑州⼤学东⻔外，附近巴⼠站分 布较少，地铁将是其它地区居⺠的主要到访交 通⽅式。场地周边有⼤⾯积居住区，但附近步 ⾏范围内没有开放的公共绿地空间。由于场地 内有⼀块不可建设绿地，我们希望由此将园区 打造成也可供市⺠活动的城市公园。

地铁站 Subway Station 巴⼠站 Bus Station

The project locats on the east of Zhengzhou University, subway will be the main transportation for citizens to visit the park as few bus stations nearby. The site is surrounded by residential area, but lack of open activity places for residents. Thus, we want to use the green field in the site which cannot be constructed, to make the science park as a “green park” for citizens.

住宅⽤地 Residential Area 教育⽤地 Education Area

交通站点分布

周边⽤地情况

周边绿地

Traffic stations locations

Properties around the site

Parks around the site

⽕⻋站 Railway Station

产业园区 Industrial Parks

郑州市区地图 Map of Zhengzhou

初步规划 Initial Planning

根据交通流塑造建筑体块 Shape the buildings according to traffic streamline.

SITE

主要⼈流来源 Source of visitors

⼈流更⼤的商业中⼼毗邻⼤负荷道路

可能产⽣有害⽓体的研究中⼼位于下⻛向

确定⼈流⼊⼝

通过⼈⾏流线切割建筑

协调建筑形态与城市界⾯保持⼀致

Roads which can support higher traffic load

Set research centers according to wind directions

SITE

主⼲道 Main Road

确定交通负荷量更⼤的道路

Business center with the road with busier traffic

Confirm the entrance of human traffic

⾼速路 Highway

周边道路等级 Road network

Cut the building mass with traffic streamline

Keep consistency with the urban interface

概念⽣成 Concept Development

将建筑体块与⾃然⼭⽔形态结合 Combine the form of architecture with natural landscape.

⾃然⼭⽔

⼭⽔画

与场地结合

Natural landscape

Chinese traditional painting

Combine with the site

初步建筑形态 Initial form of the architecture

偏转⽴⾯形成⾃然的不规则⼊⼝

模仿⼭峦对建筑⾼度错落设置

Deflect the elevation to become irregular entrance

Set height difference for buildings to stimulate hills

⽤⼈⾏流线划分绿地

⽤最短流线连接地铁站与

Divide the green field with streamline

Divide the green field with streamline

园区规划 Park Design

引导性的⼊⼝ Leading Entrance

⾃由的⼈⾏流线 Free Walk Streamline

园区规划 Park Design

研究中⼼设计 Research Center Design

欢迎与我联系 Waiting for your contact wechat xiaohei1225 email blakedesign@foxmail.com

:)