手机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设计者知道，必然有其长处。这就是所谓三人行必有我师的意思。每个设计者的思维都有局限性，看到别人的设计会有触类旁通的好处。当市场上存在竞品时，去听听用户的评论，哪怕是骂声都好，别沉迷于自己的设计中，让真正的用户说话。

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

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

  设计阶段

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

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

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

  团队合作

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

  输入物：设计终稿

  输出物：设计修改稿

  验证

  产品出来后，UI设计师需对产品的效果进行验证，与当初设计产品时的想法是否一致，是否可用，用户是否接受，以及与需求是否一致。都需要UI设计师验证，UI设计师是将产品需求用图片展现给用户直接的经手人，对于产品的理解会更加深刻。

  手机UI设计流程

  输入物：产品

  输出物：产品

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

  之前我也听说过不少想要自学ui的朋友，和你们说了这么多你们又做如何感想呢？想要在短时间内有个好的圆满的收获，对于自学的想法还是斟酌透彻为好。

尊重原创文章，转载请注明出处与链接：http://nnthu.5zix.com/news/142304/ 违者必究！ 以上就是南宁天琥设计培训学校 小编为您整理手机UI的流程是什么的全部内容。

---

• ← 如何算好的网页设计
• 什么是UI交互设计 →