您的位置:首页网页设计经验技巧 → Ophone主界面的设计过程

Ophone主界面的设计过程

时间:2010/2/8 17:49:00来源:本站整理作者:我要评论(0)

Ophone主界面的设计过程:

Ophone主界面的设计过程

    关注过Ophone的人都会发现OPhone有好几个主屏幕,尤其是在发布前有一些谍照的主屏幕风格不一样(联想和多普达的不同),实际上是因为他们的谍照版本不同。最早的版本是一个快讯和搜索的widget下面是图标的页面,实际上这个版本是我2008年初期在移动内部的会议上(香山会议),只用了1小时画出来的。当时大家讨论的焦点都是如何满足移动数据业务,所以那个主页面基本没有太多的功能,完全都是业务的展现,甚至不能换壁纸也不能增减图标。(如下图):
    Ophone主界面的设计过程

    后来我想把这个核心页面做的更有趣,更出色一些。于是我在李超(移动研究院的flash程序高手)的帮助下设计出了一个新的主屏幕概念的Flash Demo,其核心思想是完全可以由用户自己定义主屏幕的任何内容。当我把这个Demo展现给项目组的时候我认识了一个非常优秀的工程师-田淼(Ophone开发者论坛的负责人)。他看到我的Demo 后立即给了我更多的意见,例如可以把屏幕的数量做到用户随意配置,屏幕上可以随意摆放小工具,可以把一个联系人或者一个网页链接当作一个快捷方式创建到屏幕上等,当时我俩聊得那是相当的兴奋。于是田淼自告奋勇帮我承担起开发主屏幕的工作,实际上这不是他的本职工作,于是在我俩一次一次的讨论后,Ophone最终主屏幕的代码完成了(基本都是我们夜里做的)但是主屏幕的代码快要集成的时候我们又遇到了新问题,因为开发已经接近尾声,这时候更换主屏幕对系统的稳定性风险太大。于是我和田淼拿着集成了新主屏幕的手机天天等在Bill办公室门口,堵着Bill,给他看进展,希望得到Bill的支持。另一方面我们又跑到Borqs游说张明(OPhone Borqs方面的项目经理),因为这个改动对软件来说是致命的风险,修改主页面会带来上百个Error,强行集成会毁掉OPhone。结果在我们1个多月的努力下,终于得到了Bill的认可。在张明,李建兵和邹伟的大力支持下,我们的主屏幕集成进去了。集成后大家修改了大概1个月的Error,终于完成了这个不符合开发流程的工作。最终的主屏幕不但可以自定义壁纸,屏幕个数还能换主题和随意摆放和删除图标和小工具,让用户定义成千上万个OPhone主屏幕。 
    主页面程序完成后,我感觉图标设计的还不理想,因为前期的图标是参考了Iphone的风格,其实Iphone的图标是参考了Yahoo widget的风格,圆倒角的平面图标一度是Widget的代表,我们的OPhone也是主推widget的,所以也采用了这个风格。但是这样设计会缺乏自己的个性,于是我决定再设计2套主题。第2套主题是夏爽设计的,纯黑的风格,很Cool很个性。(如图) 
   Ophone主界面的设计过程  

    随着发布的时间越来越接近,Erorr也越来越少,所以我们终于又有时间再做一套主题了,这次我集中了所有图形设计师(包括我),一起做这个终极版主题。为了能更好的发挥设计师的创造力和能动性,我放权给曹宇和其他设计师们负责这个项目,我只做一个普通设计师,不过多干预设计方向。因为我也是设计师出身,所以我很清楚设计经典理论:一个好的设计必须建立在对设计师完全信任的基础上,给设计师极大的权利,只有最大的发挥设计师的积极性才能设计出好动西。在这个最后的主题里曹宇,相辉,徐海波,夏爽,还有我和张霖用了3周的时间做了多个方案(图为中间的其他方案)

(方案1)

(方案2)

(方案3)

(方案4)

Ophone主界面的设计过程

(方案5)

Ophone主界面的设计过程

    终于在大家再三投票决定后,选择了徐海波和曹宇的3D风格图标,然后曹宇给这个风格的图标做出了图形颜色和角度规范,最后在大家共同努力下我们把40多个图标全部做出。至此OPhone 1.0发布前的所有设计全部完成,为了纪念我们辛苦了。

    2年的日子,我们把这个主题命名为西便门,因为所有OMS项目组移动的兄弟姐妹们是在北京西便门桥旁边的一个老楼里(新楼正在装修中)用了接近2年的时间做出了这个产品,这个名字为了纪念这些日子。西便门主题界面如下:
 

Ophone主界面的设计过程

Ophone主界面的设计过程

 

相关视频

    没有数据

相关阅读 合唱团体恤服标志LOGO设计过程Moto 360背后不为人知的设计过程腾讯QQ爱心图标设计过程iPhone数据迁移怎么用 iOS 12.4数据迁移功能使用教程iqoo neo和iqoo哪个好 iqoo neo和iqoo对比一览iqoo neo手机发布会直播地址 iqoo neo发布会直播网址怪物猎人世界冰原iceborne多少钱 怪物猎人世界冰原iceborne收费价oppo reno10倍变焦版有什么区别 oppo reno10倍变焦版和普通版对比

文章评论
发表评论

热门文章 Wordpress本地安装教程dx1.5如何设置二级域名

最新文章 hbuilder有哪些快捷键Wordpress本地安装教程 Wordpress本地安装教程expression web 4文档乱码解决方法dz 2.5“收藏本版”关闭小对话框无法关闭解在制作安装软件之前,您必须先将易语言存盘,

人气排行 如何使用multipart/form-data格式上传文件Photoshop PS图层混合模式详解(非常详细)ISAPI_Rewrite3使用教程网站里添加收藏和设为首页代码桌面快捷方式图标不见了C#获取执行程序所在的当前路径的方法详解(XMLHttpRequest)进行跨域请求方法如何用远程桌面连接进行传输文件