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
:)