手机UI设计规范
手机UI设计规范-移动阅读二维码

常用的photoshop,ai和一些3d软件是制作的常用工具,在最终输入时会需要一些模拟程序以及平台程序的支持,不过在gui设计阶段可以暂不考虑

尺寸: 建议选择240×320大小的屏幕尺寸进行设计,自由度和发挥空间会大一点

概念: 设计的概念是设计中尤其重要的部分,敢于尝试新颖的交互模型和gui视觉元素是设计的重要工作。

一、什么是 mobile gui设计

简单来说mobile gui设计就是手持设备的图形用户界面设计,狭义上来看是手机和ppc,广义上可以推广至手机,移动电视,车载系统,手持游戏机,mp3,gps等一切手持移动设备。

mobile gui的设计基于对手持设备产品的使用特性的理解,对用户的研究和对界面使用情景的深入研究。gui的设计分为平台内置和主题设计部分,前者需要专业的design house根据厂家的实际产品进行设计分析后进行整体设计,后者则可以经由任何用户进行自主设计,当然后者的设计限制和平台限制都比较大。目前索爱和三星以及nokia的s60平台支持用户的theme自定义设计。

设计研究的流程为: 产品特性 – 用户心理 – 市场背景 – 图形设计策略 – 设计检验 – 实际设计投放

二、界面基本要素

手机界面层级: idle(待机界面) – mainmenu(主菜单) – submenu(二级菜单) – third level menu(三级菜单) 界面除了包括图标和文字外,比较重要的还有function animation(呼叫,发送信息等) 以及 function interface(计算器,日历界面等)

明确意义的图标,风格鲜明的版面设计是手机界面设计的重要工作,目前较为流行的是以motorola,nokia等为代表的欧洲简单风格,以及韩国的时尚绚丽的风格。

在更新颖的交互操作和与手机id设计的整体结合上,韩系手机作的比较好,而在可用性和体验难度上,欧系手机则比较优秀。

三、设计注意事项

尺寸问题: 128×160, 176×220, 240×320 象素尺寸是目前较常见的手机屏幕尺寸,在设计时可以根据实际产品要求进行设计,更大的屏幕可以有更多的交互表现和视觉元素的支持,较为自由。

色彩问题: 由于手机lcd本身的限制,在色彩的还原程度上没有pc如此完善,因此在选用色彩时要根据使用的屏幕进行调节。

可实现性问题: 受到硬件运算速度和内存的影响,以及不可预计的后台程序开发难度,过于复杂的效果将很难进行实现,与程序工程师和ui工程师,硬件工程师的沟通显得尤为重要。

本文链接:http://www.mobileui.cn/phone-ui-design-specifications.html
本文标签: , , , , , ,