[ 探索 ] Mobile Animation III [ Time:2008-12-28 15:10:00 ]  

正像前面所说,假如,我们将大海的感觉融入手机,应该是什么样子?会不会产生一种和自然沟通的感觉?当然这是我追求的,但显然从图形上还未达到。但我感到欣慰的是,从某种程度上已经寻求到了一种方法。

说说方法:

当我们提到大海,会想到的东西很多,让我们一一列举出来:

实体:气泡、波浪、灯塔、海草、日出、漂浮物、生物、水。。

感觉:清爽、耀眼、节奏、咸味、光滑、柔软。。

那么手机中的各种元素,是否可以将这些感觉融入进来呢?

比如:

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

返回 
 Author : Dooky.x     |     Category : My Projects     |     TrackBack : 0      |     Views : 15957      |     Comments : 101
wendyshiwei - 2010-06-19 06:29:00
感觉左右设计很奇怪,首先,摆放的样式不是很好;其次如果不拖拽出来不清楚他的function是什么?;从水珠到function的出现很牵强:)
passer - 2010-03-15 06:01:00
这个想法很棒,但是技术上的实现没那么简单吧,不过现在支持FLash平台了,指日可待哦,很想知道现在这个想法有没有变成现实
passer - 2010-03-15 06:01:00
这个想法很棒,但是技术上的实现没那么简单吧,不过现在支持FLash平台了,指日可待哦,很想知道现在这个想法有没有变成现实
yoya - 2009-07-15 16:59:00
谢谢分享,正需要学习这方面的知识,希望能与你多交流。 http://yoyawork.blogbus.com/ qq:47286902 msn:yt_yoya@hotmail.com
冬幕 - 2009-06-18 09:18:00
呵呵 很漂亮 楼下说的我也赞同啊 哈哈 魅族找你就好了....
何其狂 - 2009-06-15 19:32:00
好漂亮,给联想做的么? 那狂手机上的呀,呵呵。 魅族应该请你做ui,太好看了!
huhu - 2009-06-11 09:51:00
漂亮 魅族m8应该找你谈
hurry - 2009-05-21 10:03:00
如此绚丽的效果会不会影响手机的使用速度?还是只能装在巨贵配置巨好的手机上供有钱人用? ps:国产山寨们真的挺烦人的,你们要是不能脱离拿来主义的思想就永远别想超越某某品牌,品牌名都土的要命一点文化内涵都没有还一天到晚想超越MAC…
wutiansky - 2009-05-20 17:20:00
生活本身,就是设计的起源地;而设计,归根结底就是我们对生活的发言。
zkk - 2009-05-19 16:34:00
强烈支持和魅族合作
|< 1 2 3 4 5 6 7 ... > >|  
添加评论:
Name:
figure:
Content:
 
  返回