手机UI设计 （手机软件系统层面的整体设计）

基本简介

手机界面UI设计

设计要点

设计师根据多年设计第三方应用的经验，以实用和独特的想法提出了6个手机UI设计的技巧，希望使新手机应用在发布前提升质量，最大化发掘该应用的潜力，从而最小化用户差评和低下载量这种不良结果。

首次开启应用时，每个人的脑中都会浮现出相同的3个问题：我在哪里？我能够做什么？我接下来能够做什么？努力使应用立即对这些问题做出回答。如果你能够在前数秒的时间里告诉用户这是款适合他们的产品，那么他们势必会进行更深层次的发掘。

在熙熙攘攘的大街上，一手拿着杯咖啡，另一手拿着设备，在多数时间里，人们只使用1个拇指来执行应用的导航。不要执拗于多点触摸以及复杂精密的流程。让人们可以迅速地完成屏幕和信息间的切换和导航。让他们可以快速获得所需的信息，珍惜用户每次的输入操作。

没有人喜欢等待，在移动领域中尤其如此。我们将设备带上火车，在汽车上快速回复邮件，或者在走出屋子的时候查看天气预报。我们利用时间间隙来做这些小事情，来换取更多时间做真正喜欢做的事。不要让人们等待你的应用做某件事情。提升应用表现，改变UI，让用户所需结果的呈现变得更快。

有时，你或许会忘记手机设备不只有单一的纵向呈现。对用户来说，横向体验是完全不同的。你可以利用这种更宽的布局，以完全不同的方式呈现信息。比如，之前位于屏幕上方的按键可以移动到屏幕一侧。利用更宽的屏幕，呈现新的信息。

Android Market上有数十万款应用。你或许会时常问自己，如何从如此多的同类应用中突出重围呢。用户偏好的应用类型各不相同。人们喜欢与他们的个性相符的应用。适当展现你与众不同的风格。

手机UI

（整套图标基于“矩形”进行创意，使整体图标保持了很好的视觉一致性，同时也不乏生动的元素。在有限范围内寻找更多变化，做到简洁、大方、精致、通用。）

现状趋势

在中国，随着移动互联网的迅猛发展，整个行业的规模越发的庞大起来，分工也逐渐细化，越来越多的专业手机UI设计机构崭露头角。

UI设计的好坏的确影响了一款APP产品的成败，要成为一款有竞争力的软件，界面设计是第一位的，界面的体验和美观是用户对一个软件至关重要的第一印象。精美的界面设计、良好的用户体验使产品焕发了生命力、增进了用户的使用黏度与口碑传播，也大幅提升了产品的下载量、点击率。

国内的移动互联网尚处于发展初期，相信未来不久一定会呈现欣欣向荣的发展势头，而UI设计，一定会成为移动互联网产业结构的重要分支行业，成为促进移动互联网高速发展的重要力量。

基本规范

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

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

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

简单来说Mobile GUI设计就是手持设备的图形用户界面设计，狭义上来看是手机和PPC，广义上可以推广至手机，移动电视，车载系统，手持游戏机，MP3，GPS等一切手持移动设备。

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

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

手机界面层级：idle(待机界面)Mainmenu(主菜单)Submenu(二级菜单)Thirdl evel menu(三级菜单)界面除了包括图标和文字外，比较重要的还有function animation(呼叫，发送信息等)以及function interface(计算器，日历界面等)

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

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

尺寸问题：480X800，540X960，720X1280，1080X1920象素尺寸是较常见的手机屏幕尺寸，在设计时可以根据实际产品要求进行设计，更大的屏幕可以有更多的交互表现和视觉元素的支持，较为自由。

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

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

手机区别

1.手机的操作比web页面复杂，需了解其所基于的机型的硬件情况才能确定如何控制

2.手机软件需要与web不同的导航形式，空间所限

3.手机软件在操作步骤的缩减方面需要倾注更多的精力，每屏空间所限

4.手机软件需要在控件/组件释义方面倾注更多的精力，硬件和逻辑所限

设计流程

需求分析、用户场景模拟、竞品分析（聆听用户心声）。

手机UI设计流程

用户场景模拟：好的设计建立在对用户深刻了解之上。因此用户使用场景分析就很重要，了解产品的现有交互以及用户使用产品习惯等，但是设计人员在分析的时候一定要站在用户角度思考：如果我是用户，这里我会需要什么。

竞品分析（聆听用户心声）：竞争产品能够上市并且被UI设计者知道，必然有其长处。这就是所谓三人行必有我师的意思。每个设计者的思维都有局限性，看到别人的设计会有触类旁通的好处。当市场上存在竞品时，去听听用户的评论，哪怕是骂声都好，别沉迷于自己的设计中，让真正的用户说话。

输入物：MRD、PRD、市场需求文档、市场调查报告、竞品分析文档（或其一或全部）

输出物：设计初稿（或许只是几个简单的界面）

设计方法采用面向场景、面向事件驱动和面向对象的设计方法。面向场景是针对该产品使用场所等模拟，模拟用户在多种情况下产品使用的模拟。面向事件驱动则是对产品响应与触发事件的设计，一个提示框，一个提交按钮……这类都是对事件驱动的设计。面向对象，产品面向的用户不同对于产品的设计要求不同，不同年龄层的用户对于产品的要求不同，产品的用户定位将对UI设计师影响因素。

输入物：交互文档（高保真原型）

输出物：设计终稿（所有的设计稿）

UI设计师交出产品设计图时，更多的配合开发人员、测试人员进行截图配合。配合开发人员对于PSD格式的图片切图操作，对于不同的开发人员的要求，切图方式也有不同，UI设计师需配合相关的开发人员进行最适合的切图配合。

输入物：设计终稿

输出物：设计修改稿（设计稿切片）

手机UI设计流程

输入物：产品

输出物：产品（面向用户最终版本）

产品UI设计中夹杂着许多设计原则要求，统一公司UI设计流程，使UI设计师参与到产品设计整个环节中来，对产品的易用性进行全流程负责，使UI设计的流程规范化，保证UI设计流程的可操作性。UI设计师应该分析公司产品的特点，制定符合产品生命周期的UI设计流程。每个产品的生命周期中，UI设计师应该严格按照流程，完成每个环节的职责，确保流程准确有效的得到执行，从而提高产品的可用性，提升产品质量。