Ophone的主页面是如何设计出来的

div+css

文章来源：菏泽网站建设　　文章作者：移动Labs　　　日期：2009年09月07日

绚丽主页面设计背后的故事（西便门的团队）

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

后来我想把这个核心页面做的更有趣，更出色一些。于是我在李超（移动研究院的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很个性。（如图）

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

1 2 3 下一页