联想 Ideapad U8 UI界面设计-By eico design

UI / UI设计 / 软件界面 /      

uimaker
UI设计师 / 江苏 南京

来源:uimaker.com   作者:eico

关键词

 联想 Ideapad U8 UI界面设计-By eico design

临危受命

2007年9月份的某天,我们与北京联想研 究院以及上海笔记本部门的同事进行了一次长时间的会谈,终于摆脱了多次的引荐以及邮件往来,将次年1月份即将在CES2008展出的新一代 MID(Mobile Internet Device)产品的全系统UI规划提到了日程。我们了解这不仅仅是联想品牌的首个MID产品,也是Intel即将推广的新型手持设备的一次实战产品,我 们的客户对此寄予厚望!

最大的问题在距离CES2008展会我们只有不到2个月多的 时间,我们需要展出一个包含比较完整构架以及关键应用展示的系统,其中包含系统的基础UI交互以及视觉设计,如果设计不能如期完成,只能采用备用的原始 UI构架展示,这当然不是我们所希望看到的。没有想更多,我们马上投入了紧张的设计工作。

虽然时间紧迫,我们仍然坚持将设计的拓展阶段投入了最大的精 力,在同联想的硬件设计部门以及市场部门进行沟通过后,我们充分了解了此产品的市场定位以及硬件设计理念,与工业设计师面对面的讨论此产品材质,结构以及 布键问题。之后我们的交互设计师开始了多个方案的探讨,最终我们将目光定在一套我们称之为"Crossroad"的交互方案上,此设计方案不仅充分考虑到 了16:9的屏幕横向优势,同时可以对中多功能归类划分,再此基础上,我们同时提出双模式主界面方案(Dual Mode Homescreen) ,可以不同方式对功能进行归类。

同时,视觉设计也抓紧时间开始了多个方案设计探索,最终入选的方案界面面板左右的弧度充分的考虑到了 实际硬件设计左右的弧度,使软件界面与硬件达到视觉上的统一,另外对于界面关键色的使用,我们采用了亮橙色,呼应硬件灯光,而且在绝大多数的界面我们只使用了橙色与黑色搭配,达到了最大可能性的减少视觉复杂程度,以及隐性扩展屏幕尺寸的作用。

Lenovo Ideapad U8 在CES上的展出终于成功亮相,不仅主界面部分我们完成交互与视觉设计,在多媒体以及互联网浏览部分我们也均完成任务。在之后4月份上海的IDF 2008中Ideapad U8也出色的完成任务,我们在此版本中加入了更多功能以及更完善的界面体验。

扬长避短

当然这离不开与我们共同辛勤工作的程序工作人员,在与他们的紧密配合之下我们完成了 许多前所未有的界面体验,当然软件系统并不是万能的,在软件开发遇到很多限制的情况下,我们还要考虑图形/动态效果对于硬件的影响,我们尽其可能的扬长避 短,与系统软件工程师充分探讨,多次讨论动态可实现性问题。例如:图片浏览功能的"画廊模式"(Gallery Mode)就感谢与我们配合的工程师充分发挥了系统机能在5天内完成了其所有代码编写工作;还有如主界面模式切换动画的坠落效果(Fall Off Effect) 也是我们得知系统可实现性后充分利用系统机能实现的优秀案例。

善始善终的后期整合工作

后期所有界面的的设计以及整合工作几乎占了整个项目三分之一的时间,主要 在于与工程师长时间的图形校对以及弥补丢失元素。工作虽然花费时间精力但是我们力求善始善终,将每个界面,图标,按钮,控件逐个检讨完善。另外我们还辅助 联想的多个ISV(软件开发商),帮助其提供设计意见反馈和协助修改调较工作。

 

UI界面设计01
UI界面设计01

UI界面设计02
UI界面设计02

UI界面设计03
UI界面设计03

UI界面设计04
UI界面设计04

UI界面设计05
UI界面设计05

UI界面设计06
UI界面设计06

UI界面设计07
UI界面设计07

UI界面设计08
UI界面设计08

UI界面设计09
UI界面设计09
 
原文地址:http://www.eicodesign.com/portfolio/1388.shtml

 

 收藏