App开发中UI设计技巧.docVIP

App开发中UI设计技巧 　　摘要：移动4G时代的到来让人们越来越离不开手机，离不开手机应用。该文首先介绍了4G时代UI设计的重要性和UI设计的特点；分析了移动设备的特点。并在此基础上将App开发中的UI设计技巧进行了简单的总结和分析。 　　关键词：UI；App；界面设计 　　中图分类号：TP311 文献标识码：A 文章编号：1009-3044（2016）02-0082-02 　　在3G商用近五年之后，工信部正式发放4G牌照，国内的三大电信运营商中国移动、中国电信、中国联通，拿到了启动4G商用的资格。4G网络正式在中国推出。中国的4G时代随之到来，移动4G的到来成为了众多企业发展的新风标。以前人们在电脑上的很多工作都转移到了手机上来，手机上购物、缴费、手机导航、炒股、看新闻等等，人们对手机的依赖程度日益增大。政府机构、事业单位、各大银行纷纷开发了相应业务的手机端应用，而各大企业尤其是互联网企业更是重视移动端各种App应用的开发。 　　1 UI设计的重要性 　　UI即User Interface（用户界面）的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。如果App的开发仅限于编码开发实现必要功能，图形化的界面和简单易用的交互式方式没有得到体现，那么这类App将没有任何市场竞争力。所以，界面设计不仅仅是简单的美术绘画，他在艺术设计的基础上需要考量使用者的喜好、使用的环境、使用的人群特点等众多因素，最终使用者的用户体验是评价UI设计好坏的关键因素。因此，界面设计与使用人群分析要紧密结合。 　　随着App应用的不断普及，具有类似功能的App应用数量繁多，企业怎样才能让自身的App应用在让人应接不暇的App中脱颖而出？友好的界面设计是提升用户体验的有效方法之一。一款成熟的App应用不仅仅要具有实用的功能、安全的保障，还要具有令人愉悦、方便使用的用户界面。好的UI设计具有以下特点： 　　1）具有友好的操作界面，能让使用者操作便捷，易上手。用户体验因人而异，然而好的用户界面一定是简单、易用的，能引导用户顺利完成相应的操作。 　　2）让App应用有自己的个性和特色，进而提高品牌的识别度。如苹果手机中的基本应用一样，具有自己鲜明的风格。 　　3）能延长App的使用寿命，让应用深入人心，提升在App市场上的竞争力。 　　2 移动设备的特点 　　与电脑相比，移动设备的屏幕要小很多，因此显示的内容要尽量保持内容简洁。简单直观的交互能帮助用户快速地完成任务。由于移动设备的便携性，用户很有可能是在移动的环境下进行设备的操作，而无线网络通常不太不稳定，所以用户在一次屏幕更新后，应该尽量获得较多的信息，因此，显示的控件数量或有效信息也不能过少。 　　不同品牌不同型号的移动设备有不同的屏幕尺寸和分辨率，在设计前需要针对不同的移动设备进行相应的测试。分辨率和像素是我们需要测试的两个必要指标。屏幕分辨率通常是对经典VGA分辨率的修改，经典VGA分辨率是640*480。现在，移动手机端最大的尺寸是800*480（WVGA）。小一点的尺寸是竖屏，大一点的尺寸是横屏。目前很多移动手机端可以改变方向。大多数移动手机端的屏幕尺寸以240*320或者QVGA为主。也有许多公司涉及1920*1080的比例或者超高的清晰度。对于屏幕的像素，常见的几个标准像素密度有：Idpi（像素密度：100dpi-140dpi）、mdpi（像素密度：140dpi-190dpi）、hdpi（像素密度：大于等于190dpi）和xhdpi（像素密度：320dpi）。 　　3 App开发中的UI设计 　　一个完整的App设计由编码设计与UI设计构成。长期以来，开发者都重视功能的开发而忽略了UI的设计，导致很多实用性很强的App用户下载安装后不会用，或者觉得操作复杂不好用。由此，界面设计慢慢被互联网企业所重视，认为界面设计也是产品的重要卖点。 　　界面的设计大致需要经过目标人群确定、用户需求调查、交互式流程设计、界面风格定位功能icon的设计、整体视觉效果的优化和应用icon的设计几个阶段。其中目标人群确定、用户需求调查和交互式流程设计需要软件开发人员和设计人员共同完成。同时，App产品的UI设计需要对相应的功能需求有清晰的把握。由此，将界面设计的技巧总结如下： 　　1）页面布局 　　在开发前期进行App的原型设计，针对Android和ios制定不同的输出规范，而在页面布局时则可尽量兼顾Android系统和ios系统，在后期经过微调后输出适用安卓和ios不同的尺寸要求即可。同时，针对目标人群要尽量使用用户熟悉的界面风格，方便用户按照以往的使用习惯来操作软件，这样更容易让用户接受。如果设计得过于另类，则可能会很难符合大众口味，而不被大众接受。