XIA LI
2012
PORTFOLIO
⺫⽬目录
APPS
互动装置
界⾯面设计
展览
游戏设计
/ Red Magazine / ⼈人脉管家
/ 距离 / Soundtrack of Walker
/ Vision
/ 禁⽌止通⾏行 / :D展
/ Where are your friends?
Where Are Your Friends?
Where Are Your Friends？ 是⼀一款推理 竞技的桌⾯面游戏，加⼊入真实世界的元 素，谁能最快的找到⾃自⼰己的朋友⽽而赢得 ⽐比赛呢？
距离
Red Magazine
Vision
禁⽌止通⾏行
科技让我们的世界变⼩小了。却让⼈人与⼈人内⼼心的距离疏远了。因此，对于这个现象， 我们团队做了⼀一个互动艺术装置 距离。
⾏行业资讯App应⽤用软件。
Vision 是⼀一款提供给学⽣生使⽤用的在线视 ⼒力测试软件。可以⽤用⼀一种更加可视化的 ⽅方式将测试的数据统计和进⾏行对⽐比。
禁⽌止通⾏行 是08年代表学校参加深圳“设 计中⼼心”OCT-LOFT 创意节的⼀一个项 ⺫⽬目。创意节邀请了世界各地著名设计 师，并与中国设计院校⼀一起完成⼀一次命 题展览。
APPS
Red Magazine 2011 11 — 2011 12
介绍 Red Magazine 是红桃网推出的一款资讯App应用软件。 为红桃网用户提供即时资讯，与Web端同步更新活动 介绍，并可一键报名参与活动。红桃网用户即使没有 在电脑前，亦可将一切信息掌握在手中。
人脉管家 2011 7 — 2011 8
介绍 人脉管家是一款集通讯录管理与提醒服务于一体的App应用软件，它可以将通讯录等信息同步至网页端，即使 数据丢失，也可以登入红桃网，所有信息一目了然。
互动装置
距离 2009 11 — 2009 12
介绍 随着科技的进步，我们的生活发生了巨大的变化。 人们享受着高科技产品给生活带来的方便于快捷， 也慢慢的习惯了人于人新的交流模式。我们从以前 面对面的沟通交流，现在我们可以使用信息， 邮件，聊天软件，社交网络等。也正因此，人们
概念
沉迷与虚拟世界，而忽略了现实中生活在身边人。
我们设计了6种人与人的关系，包括（父母与孩子
科技让我们的世界变小了。却让人与人内心的距离
同学之间）。装置需要2个以上的参与者，他们的
疏远了。因此，对于这个现象，我们团队做了一个
碰撞会随机出现一种动画。
之间，兄弟之间，朋友之间，恋人之间，同事之间，
互动艺术装置—距离。 距离的界面风格简单，富有趣味。大背景是世界地图， 每一个参与者的剪影都会跟随着一些科技设备的 图形。我们希望将一个沉重的话题以一种诙谐幽默的 方式传达。
概念发展
2010
电话
即时通讯
面对面
信息
社交网络
邮件
人们一天中使用科技设备的时间比例
68% 54% 56%
ENGLAND CHINA
49% AUSTRALIA
人与人之间沟通方式调查 国家: 英国
中国
美国
澳大利亚
调查对象：城市人口
图表非常清晰的向我们展示了， 这4个国家的人们都更喜欢使用 科技产品与人沟通。
USA
概念发展 概念草图
摄像头
投影仪
笔记本电脑
设备 距离 是一个互动投影装置。 主要需要的设备有笔记本电脑、投影机、红外线摄像头。 所用的软件是Flash，编程语言为Action Script 3.0。
制作过程
测试
课程展示
总结 距离 这个作品在课程展览的过程中非常受欢迎。 我们也希望将来能将其放置在公共场合， 能有更多的人参与。 点击观看视频
Soundtrack of Walker 2009 12 — 2010 1
介绍 Soundtrack of walker 的构想来源与对行人，对他们所生活的 城市的思考。 每一个城市有着自己的节奏。有时候我们可以通过这个城市 的行人走路的速度来判断一个城市或者一个地区的生活节奏 的快慢。比如，经过调查，在香港生活的人走路的速度是 北京的1.5倍，事实上，香港的确是中国生活节奏最快的城市。 我们设想了 Soundtrack of walker 这个互动装置，通过它来 捕捉行人的移动轨迹， 將行人位置转化为音乐的音符，将 行人的速度转化为音乐的节奏。并通过 Soundtrack of walker 将其谱写出来，演奏出城市独有的乐章。
概念发展
I am a bird ~
概念 Soundtrack of walker 的灵感来源于停留在电缆上 的麻雀，它们就像五线谱上的音符，描绘出大自然的 乐章。所以我们设想行人也否能和麻雀一样， 为他们的城市编写乐章。
概念发展
概念 将 Soundtrack of walker 放置在公共场所，比如公园， 街道，广场等等。它可以记录行人的位置和移动的速度， 然后将它们转化为音轨，并演奏出来。 它可以创造行人的音乐，如同生活节奏的信息可视化， 我们通过视觉和听觉认识自己共同组成的城市。
制作过程
设备 在制作模型的过程中，主要的材料 有arduino，超声波传感器，伺服马达， 光敏电阻，蜂鸣器等材料。
超声波传感器
模型展示
总结 Soundtrack of walker 是一个3星期 的课程项目，概念最后的呈现方式 是一个小型的模型， 在模型的制作过程中遇到了许多困难， 我们学会了不断的调整和克服， 这是一次非常棒的体验。 点击观看视频
模型
界面设计
vision 2009
5 — 2009
6
介绍 Vision 是一款提供给学生使用的在线视力测试软件。 它不同于中国院校内传统的视力检测方法（ 即一个人指字母， 一个人回答其字母的方向）。众所周知，传统的方法存在 很多问题，如人力资源的浪费，时间浪费以及测试数据得不到 及时的收集和整合等问题。 使用 vision，这些问题都可以得到解决，并且 vision 可以 用一种更加可视化的方式将测试的数据统计和进行对比。 在 vision 的概念设计中，我们将人的视力比喻成像素， 视力越好，像素就越高，看到的点就越小，画面也就更清晰。 相反，视力越差，看到的点也就越大，画面也就越模糊。 并且，用户可以上传自己的照片作为可视化的底图，当看到自己 模糊的脸时，就会意识到近视问题的严重性和广范性。
概念发展
提出问题 P1: 学生需要排队等候很长一段时间来完成 视力测试。同时，校医院需要安排许多医生 和使用很多的设备。 P2 : 当完成检测后，学生的视力被记录在 检测单子上，并且被储存在档案室。事实上， 学生与校方得到的只是一些数字。
概念发展 中国近视问题调查
NO.1
近视人口
遗传 / 后天生成 遗传
中国的近视人口排名全世界第一，
20%
近视的发病率为全世界第二。 特别是在大城市，学生的近视 普及率高达90％。但是近视问题 并没有受到特别重视。
4
后天生成
80% Billions
students 不通年龄层的近视比例
主要原因
90%
100% 85% 80%
10%
60%
60% 40%
40%
8%
电视
电脑
灯光
28%
20% 27%
9%
6%
0% 小学
初中
高中
大学
(7 - 13)
(13 - 16)
(16 - 19)
(19 - 23)
手机
书
饮食
概念发展
流程图 电脑 用户
浪费时间
浪费资源
“ VISION ” 能做什么 Vision 可以解决这3个问题， 因为它将收集到的信息进行统计 以更简单、更直观的方式呈现在
首页
人们的眼前，进行比较。 忽视数据
此外，这将帮助人们认识到 近视问题有多么的严重和普遍。
测试
视图
图表
左眼 年龄
右眼
设计元素
=
性别
专业
输入 信息
人的视力就像像素一样，你的 视力越好，你就有更高的像素。 视力 数据
这意味着，你可以看到更小的 圆点和更加清晰的画面。 换句话说，视力差的人只能看到 大的圆点，这样画面会很模糊。
视力 数据 服务器
制作过程 设计纸样版和测试
项目展示
总结 Vision 是“信息系统互动设计”课程的项目。 概念的发展、调研、用户测试、设计及编程， 项目的完成一共耗时20天。 我认为，Vision 可以继续增加一些如何进行 视力保护的相关设计，使得整个软件更加 实用和完善。 点击观看视频
展览
禁止通行 2008
9 — 2009 1
介绍 禁止通行 是08年代表学校参加深圳“设计中心” OCT-LOFT 创意节的一个项目。创意节邀请了 世界各地著名设计师，并与中国设计院校一起 完成一次命题展览。 我们学校和清华美院接受了由日本著名设计师 佐藤卓先生带来的命题－关系。
概念发展 佐藤卓
“关系”
日本著名设计师
+ 刀
概念 “关系”是一种自然的联系，我们看不到也触摸不到， 它仅存在于我们的思维里。一个哲学家强调：“在 世界上的一切事物都不存在孤立，彼此之间总是围绕着 联系。”因此，我们认为两个有联系的事情是有直接 关系，但也可以通过媒介让两个原本无关的事情得到 一个间接的关系。 当谈到主题—关系，佐藤卓先生希望我们可以分析和 连接生活中随处可见的事物。他还希望能深入挖掘出 我们的想法和想，我们也许能够使这两个毫无关系得 对象产生特殊的联系，因此我们会发现它们通过这种 关系产生新的价值。
路栅
概念发展
概念 我们选择了“刀”和“路栅”作为 主要元素。我们试图挖掘出两个 不同对象之间可能存在的联系。 发现，他们在使用过程中拥有类似 的移动轨迹。此外，“刀”发出一种 危险的感觉，而“路栅”亦有警告 的作用。
制作过程
技术 关于作品在制作上，由于我们选择比较长的“刀”型 作为“路栅”中可升降的部位。为了确保“路栅” 的墩部可以承受整个“刀”的重量，我们使用了最轻 的木质材料并保持内部空心，然后使用其他材料加重 墩部的重量。使得他们组装在一起时，可以保持平衡。
木工坊
作品展览
作品展览
总结 在这个项目中，需要思考和解决很多 问题。当考虑的问题越多，去解决时 所产生的关系线也就越多，整合寻找 各方各面的资源，然后使自己的作品 越完美。在这样的过程中，让我深刻 体会到，创作并不是孤立存在。创作 是一种一直在寻找关系，确定关系， 改变关系的过程。
： D展 2009
4 — 2009 4
介绍 ： D展 是长江艺术与设计学院数字媒体专业[DMD]自发策划的 第一次展览。 在学校里，对于DMD这个专业，有些事大家可能还在好奇， 有些东西可能不完全如大家想象中的那个样子，总是没有机会 被大家了解。于是我们创造了这次的机会，好好展现我们自己。 ： D一次的露面，期望大家带着快乐和轻松来参与我们。大家 可以大肆“品”大肆“论”，或者可以跟我们一样，嘴角上扬 30度，一起发出D字音。这一刻，它会给你最灿烂的微笑。
概念发展 概念 我們的出發點：快樂 我們希望將快樂傳達給每一個來看展覽的人。 D 倒過來看是一個微笑 D 發音的嘴型是一個微笑 D “第一”次辦展覽 D “多”媒體 D Digital D Design 因此我们将“D”作为主题，由“D”组成的笑脸作为展览形象。
050607
概念发展
7 05060
27日 日--4月 前楼 4月24 计学院 时间： 术与设 长江艺 地点：
概念 便条纸作为主要元素贯穿再整个展览里，并且选用颜色亮丽 的荧光色便条纸。它像一不速之客，它让人无法不留意它。 我们将它设计成海报的一部分，在便条纸上盖上D的可爱形象， 和展览信息，以便匆匆经过的路人能随时撕走它们，仔细阅读 或相互传阅。还以便条纸为元素创作了一个欢乐的宣传动画， 并起到了很好的宣传作用。 谁能忽视一张艳丽的小小便条纸？没有人！便条纸显得轻便容易， 并且他们可以贴在很多位置——包括身上！
布置过程
展览布局顶视图
通道
展览开幕
总结 ： D展 是我们自发策划的展览，是一个从无到 有的项目，我们需要参与每一个环节，将整个 事件搭建起来。在有限的时间里，设定展览 的主题、设计海报等相关物料、拍摄宣传短片、 思考宣传的方式并实行、收集同学们的作品、 还要考虑在仅有的预算内能达到最好的效果…… 我认为其中最重要的是寻找帮手以及合理的 分配时间分配任务，协调团队使得效率达到 最高。
游戏设计
职业卡 医生
画家
农民
宠物店老板
设计师
空服人员
长发飘飘
面如桃花
鼻子高高
樱桃小嘴
睫毛弯弯
浓眉大眼
特征卡
Where are your friends？ 2009
3 — 2009
3
介绍 这是一个快乐的游戏，没有打打杀杀，没有尔虞我诈，你只要想清楚 自己所需要的，然后去向它靠近就好了。它结合了现实的情景，为了 寻找志趣相投的朋友，你需要有一份相应的工作，并不断得努力赚钱，
医院
宠物店
设计中心
飞机场
农场
画室
当然觉得工资不够用？也可以小赌怡情一把，为自己博得更多的钱， 然后更好的提升自己。偶尔去花店给心仪的对象送上一束花，从而得到 线索知道心仪的他喜欢的职业或外貌，当心仪的双方使自己的条件满足 了对方，者两人成功成为朋友而胜出游戏。 Where are your friends？ 是一款需找朋友的桌面游戏，亦是一个现实 世界的小小缩影。
花店
职业介绍所
美容中心
道具店
赌场
XIA LI
INFORMATION!
EXPERIENCE!
中⽂文名 夏丽!
⼯工作经验! 2012 - 8 ⾄至 2013 - 7! 梦幻互动! 全职 - 交互设计师/产品经理!
英⽂文名 Lea! E: leaxhsia@gmail.com!
出⽣生年⽉月 1987年10⽉月!
T: 13760200786!
兴趣 旅游 / 电影 / 动漫 / 游戏 / 科技!
!
http://issuu.com/leahsia/docs/ portfolio
!
EDUCATION! 毕业院校 汕头⼤大学 - ⻓长江艺术与设计学院! 专业 数字媒体艺术 [Digital Media Design]! 课程 信息系统互动设计 / 信息架构学 / 导览系统及 模型 / 应⽤用及软件互动设计 / 流动及定位服务互动设 计 / 跨媒体应⽤用产品互动设计 / 游戏设计 / 物理环境 空间互动设计 / 展⽰示环境综合设计等! ⼊入学时间 2006-09-04! 毕业时间 2010-06-19!
!
2011 - 5 ⾄至 2012 - 4! 红桃⺴⽹网 [Aceona.com]! 全职 - 视觉设计师/交互设计! 2010 - 9 ⾄至 2011 - 3! 葱花科技（深圳）有限公司 [Masala Technology]! 全职 - UI设计师! 2009 - 7 ⾄至 2009 - 10 ! 汉诺森品牌设计机构 [⺩王⽂文亮品牌设计公司]! 实习 - 多媒体设计师!
!
项⺫⽬目经验! 2013 - 4 ⾄至 2013 - 6! Game - 逃⽣生者
ADAWDS!
休闲射击游戏 - 策划及交互
2009 靳埭强全球⼤大学⽣生设计奖 - 铜奖!
2012 - 12 ⾄至 2013 - 2!
2009 靳埭强全球⼤大学⽣生设计奖 - 优秀奖!
App - 创业资本圈
2009 台湾国际创意设计⼤大赛 - ⼊入选奖! 2009 ⼆二等奖学⾦金! 2008 获选参加中国院校&国际⼤大师命题展! 2008 靳埭强全球⼤大学⽣生设计奖 - ⼊入选奖!
深圳财经频道《创业资本圈》定制的客户端 - 策划及交互
2012 - 10 ⾄至 2013 - 5! App - 炮业解惑 两性解答、两性知识、两性产品 - 交互、界⾯面、项⺫⽬目管理
!
2011 - 9 ⾄至 2011 - 12!
SKILLS!
通讯录管理并同步⺴⽹网⻚页端、提醒服务 - 交互及界⾯面
电脑 PC / Mac! 软件 Photoshop / Illustrator / Flash / Premiere Pro / Dreamweaver / After Effects
App - ⼈人脉管家
2011 - 7 ⾄至 2011 - 10! App - Red Magazine 新闻资讯、活动介绍/报名 - 交互及界⾯面 ……
! !