欢迎光临中国网站建设网
加入收藏夹 | English
当前位置:主页>设计网页>
手机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设计的整体结合上,韩系手机作的比较好,而在可用性和体验难度上,欧系手机则比较优秀。

  三、设计注意事项

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

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

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

  四、建议

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

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

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

上一篇:网页UI设计探讨:雅虎韩国站点设计
下一篇:没有了
关于本站 | 会员服务 | 隐私保护 | 法律声明 | 站点地图 | RSS订阅 | 友情链接
免责声明:凡本站注明来源为xx所属媒体的作品,均转载自其它媒体转载目的在于传递更多信息,并不代表本站赞同其观点和对其真实性负责。