|
正像前面所说,假如,我们将大海的感觉融入手机,应该是什么样子?会不会产生一种和自然沟通的感觉?当然这是我追求的,但显然从图形上还未达到。但我感到欣慰的是,从某种程度上已经寻求到了一种方法。
说说方法:
当我们提到大海,会想到的东西很多,让我们一一列举出来:
实体:气泡、波浪、灯塔、海草、日出、漂浮物、生物、水。。
感觉:清爽、耀眼、节奏、咸味、光滑、柔软。。
那么手机中的各种元素,是否可以将这些感觉融入进来呢?
比如:
1.所有的提示框用气泡来实现,当确定的时候,气泡就被戳炸了
2.当删除的时候,元素化作微生物飘向远方。
3.当有未接来电的时候,背景的海产生一道道波纹,好像海浪一样。
4.每一个功能在Main menu上,是不是可以像一个个在气泡中的珍珠宝物?
5.当我拖拽出一个功能,这个功能好像我从水中抓出一粒水珠。
6.当任何状态发生变化时,所有的提示是否可以做成微生物的漂浮?
。。。。。。。。。。。
当然这只是一个设计想法的概述,到真正的产品级别,还需要很多考虑
比如:
1.技术如何实现?
2.是否符合UI的规则和逻辑?
3.动画应做到什么样的节奏才可以即方便使用又不会拖沓?
4.元素应该如何提取?
上面的每个问题都能展开讨论很多,但这里我就不说啦。。。
因为空说和评价永远是最没用的。
初期的交互:
我把最初期的交互草稿放上来。在这个交互图中已经基本显示了我对IDLE界面的设计,我将在desktop中的灯光拿了过来,但将desktop中的主菜单换作快捷菜单,几点说明:
1.增加了“收起”键,这样用户可以用最快的方式把功能收起来。
2.增加排列键,回到传统的排列方式
3.所有功能均可进行定制等等,不赘述
几个UI草稿,很简陋:




这些都是最初期的描述,属于Guildline级别,真正的交互文档,还是邀请专业的交互设计师来做,他们会从专业的角度把你的想法细化成为真正可用的文档,包括各种情况的设计。但有一点需要说明,交互文档在最开始如果只能描述60%的问题就可以了,因为问题永远会在你想不到的地方和时间冒出来,所以不要幻想完美的流程和设计,要随机应变。需求变更是经常有的事情,但这个变更也要有一个限度,这个限度是要这个项目的OWNER决定的。
几个动画设计:

当你把菜单拽出来的时候,就像拽出一个水泡。这个效果我是用AE实现的,不然一帧一帧画我会累死。。。但用起来效果是很酷的。放一个实例:
拖拽,从大动画里临时抠的,所以有些生硬,但意思到了。
同样,为了速度,我把画质调低了不少。当你有未接电话的时候,他的背景就会这样闪动。。我的AE还是初学哈。。
---------------------------------------------------
整体的动画我就不放下载了,这是一个非常大的工程。但总体上说,设计也许还需要努力,但我寻找到了一种方法。当我们的需求方大声的对我们说,让我们超越iphone的时候,我们不如放下界面的技巧,回到生活中去寻找新的灵感。
我总觉得,设计不仅仅是给用户一个好用的规则,或者说是绚丽的界面,而是用一个智慧的方式去打动他。令他在使用的过程中,能够发现生活的另一面,寻找到最淳朴的快乐。设计一定存在着一个浪漫的领域,是心与心的沟通。好的创意和好的执行,再加上优良的流程,才能做出优秀的东西。呵呵,扯远啦
-Dooky.2008.12 |