咨询热线 021-60548428

上海UI培训学院

发布时间:2015-12-09 14:13:22

随着手机移动设备不断普及,对手机设备的软件需求越来越多,手机移动操作系统厂商正在不约而同地建立手机设备应用程序市场,如Apple的App Store、Google的Android Market、Microsoft的Windows Phone 7 Marketplace,给手机的终端用户带来巨量的应用软件。这些软件良莠不齐,界面各异,手机的终端用户在众多的应用使用中,最终会选择界面视觉效果良好,且具有良好体验的应用留在自己的手机上长期使用。面对用户对手机UI的要求,手机UI设计师如何满足用户要求,如何使自己设计的软件盈利呢?手机界面不同于网页和窗体应用的界面,手机UI设计师需要挑战小尺寸屏幕下的施展空间,需要将众多的信息放在小尺寸屏幕里,这无疑是一个巨大的挑战。
一、设计规范:
最常用的Photoshop、Ai和一些3D软件是制作的常用工具,在最终输入时会需要一些模拟程序以及平台程序的支持,不过在GUI设计阶段可以暂不考虑
尺寸: 建议选择240x320大小的屏幕尺寸进行设计,自由度和发挥空间会大一点
概念: 设计的概念是设计中尤其重要的部分,敢于尝试新颖的交互模型和GUI视觉元素是设计的重要工作。
设计定义
简单来说Mobile GUI设计就是手持设备的图形用户界面设计,狭义上来看是手机和PPC,广义上可以推广至手机,移动电视,车载系统,手持游戏机,MP3,GPS等一切手持移动设备。
Mobile GUI的设计基于对手持设备产品的使用特性的理解,对用户的研究和对界面使用情景的深入研究。GUI的设计分为平台内置和主题设计部分,前者需要专业的designhouse根据厂家的实际产品进行设计分析后进行整体设计,后者则可以经由任何用户进行自主设计,当然后者的设计限制和平台限制都比较大。索爱和三星以及Nokia的S60平台支持用户的Theme自定义设计。
设计研究的流程为: 产品特性--用户心理--市场背景--图形设计策略--设计检验--实际设计投放
界面基本要素
手机界面层级: idle(待机界面) Mainmenu(主菜单) Submenu(二级菜单)Third level menu(三级菜单) 界面除了包括图标和文字外,比较重要的还有function animation(呼叫,发送信息等) 以及 function interface(计算器,日历界面等)
明确意义的图标,风格鲜明的版面设计是手机界面设计的重要工作,较为流行的是以Motorola,Nokia等为代表的欧洲简单风格,以及韩国的时尚绚丽的风格。
在更新颖的交互操作和与手机Id设计的整体结合上,韩系手机作的比较好,而在可用性和体验难度上,欧系手机则比较优秀。
设计注意事项
尺寸问题: 480X800,540X960,720X1280,1080X1920象素尺寸是较常见的手机屏幕尺寸,在设计时可以根据实际产品要求进行设计,更大的屏幕可以有更多的交互表现和视觉元素的支持,较为自由。
色彩问题: 由于手机lcd本身的限制,在色彩的还原程度上没有pc如此完善,因此在选用色彩时要根据使用的屏幕进行调节。
可实现性问题: 受到硬件运算速度和内存的影响,以及不可预计的后台程序开发难度,过于复杂的效果将很难进行实现,与程序工程师和ui工程师,硬件工程师的沟通显得尤为重要。
需求分析、用户场景模拟、竞品分析(聆听用户心声)。
需求分析:对于一个产品来说,必然有对用户需求的分析内容,更多的是从MRD与PRD获得,或者从产品需求评审会议上得到需求分析的内容,当然可以直接与产品经理交流获得相关产品需求。如果说设计原则是所有设计的出发点的话,那么用户需求就是本次设计的出发点。
手机UI设计流程
手机UI设计流程
用户场景模拟:好的设计建立在对用户深刻了解之上。因此用户使用场景分析就很重要,了解产品的现有交互以及用户使用产品习惯等,但是设计人员在分析的时候一定要站在用户角度思考:如果我是用户,这里我会需要什么。
竞品分析(聆听用户心声):竞争产品能够上市并且被UI设计者知道,必然有其长处。这就是所谓三人行必有我师的意思。每个设计者的思维都有局限性,看到别人的设计会有触类旁通的好处。当市场上存在竞品时,去听听用户的评论,哪怕是骂声都好,别沉迷于自己的设计中,让真正的用户说话。
输入物:MRD、PRD、市场需求文档、市场调查报告、竞品分析文档(或其一或全部)
输出物:设计初稿(或许只是几个简单的界面)