|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| [ work ] | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Personal Website |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| March.2, 2011 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| application design 「 应用设计 」 |
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Times , 11.03.02 - 11.03.15 |
client , Pilot project |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 这是一个以iphone为终端的一个应用程序的界面设计,是一个比较概念的clock的设计。整个界面突破了传统的时间显示的结构,时间的展示被融入进了一种手绘的办公的场景当中,时间的读取和设定闹钟的过程变的更加的有意思,而不是枯燥乏味的单纯在数字上进行选择。 阅读时间的整个设计概念是营造了一种设计师在图纸上用马克笔画图的一个情景,最大的数字代表小时,被涂满的空间代表分钟,随着时间不停的走代表小时的图像逐渐的被颜色所填满,好像正由一个设计师在不断的完成他的作品一样。这样使得每一份每一秒呈现的图像都是不一样的,从界面有趣的形式和视觉感入手,给予用户还原生活本身而却又新奇趣味的体验。本应用中信息之间的组织和关系也进行了研究,按照时针和分针的关系来确定他们出现的顺序,信息出现的节奏什么样会让用户感觉顺畅,用户第一眼看见是很大的未画完的小时,随后很清晰的就可以在他已涂满的地方看到分钟。 时间的同整个iphone的时间是同步的,因此不需要设置。闹钟的时间设计是基于设计师在画草图或工作这个情景下完成的,定时这一动作,用户的基本目的就是在某一具体的时间提醒他,让他不用户要忘记什么。在现实生活中我们一般为了提醒自己会用笔记在纸上,所以我在设计这个功能时也是让用户用手写的交互方式来在手机上记住自己的预定时间,这样输入起来不仅方便快捷而且还可以用户在输入具体时间时高度集中精神,降低犯错几率。做到这里出现便出现了clock v1.0这款设计。 等一下!既然是clock为什么不做的纯粹点,人们如果真的需要看时钟不会去打开你这个clock应用去看,因为时间直接就显示在屏幕上。clock的功能是在人们有定时需求时才会使用,一个好的产品一定是专业的,功能清晰的,v1.0中的两个时间会产生混淆,而且时间的面积比clock的面积大很多,并且clock的时间和目前的时间没有必然的联系。于是在v2.0中只显示clock设定的时间,这样清晰多了。我把现有的这两款形式拆分来做,又出来两款不同的clock设计。 继续发挥...v3.0简捷到极致,现代时尚,更改时间设置的方式一目了然。 在整体的视觉设计上选用的是纯手绘风格的展现方式,和图纸一样的蓝色的签字笔配合银灰色的背景给人一种高端的现代生活感受。这和iphone整体的产品硬件的风格很搭配,在界面和硬件之间产生了隐性的联系。 这个应用没有被实现但我还是很喜欢这个小东西,他的设计概念突破了传统钟表的应用形式,我希望自己多做一些突破性或颠覆性的实验与想法。突破一些至少我认为还不够好的用户习惯和体验。我相信未来的世界和人们,他们需要更多前所未有的体验,他们永远不会满足于当前已有的任何事物。一个真正好的产品是会在人们用的时候会触动人的一些情感,然后给人留下一些回忆。 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Times , 11.03.15 - 11.04.07 |
Tool , AI + PS |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ︿ 俗一把,做几张效果图。 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
![]() |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ︿ 上面三个版本按时间顺序设计的,第一个交互是主要是手写,第二和第三个是滑动用滑动的方式来设置时间很方便人性化。 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||
︿ icon的设计主要包括图表的尺寸和可识别性,精确到每个像素达到最佳效果。 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||