Android端App设计经验小分享.doc

论文组有同学在开发安卓端的App，结合自己实习和自学的经验，写篇小东西简单介绍下安卓端App设计的基础知识吧1. 分辨率 要做安卓端的UI设计，首先比较了解安卓机的各种分辨率。Android的麻烦在于“各种价位，各种性能，各种分辨率”， 不同的分辨率对应不同的dpi模式。Android支持多种不同的dpi模式：ldpi mdpi hdpi xhdpi xxhdpi xxxhdpi图1常见的三种是mdpi hdpi xdpi 。mdpi，对应480*320的手机。hdpi，对应800*480的手机。主流机型，很多。xdpi，对应1280*720的手机。三星Galaxy系列。至于ldpi是几乎见不着了，xxdhpi主要是htc one（19201080），Android 4.3之后又新增了xxxhdpi也就是我们常说的4K分辨率(38402160)。针对不同的分辨率，在PS中设置对应大小的画布，就可以开始着手设计了。当为不同分辨率的手机设计时，该怎么开始呢？理想的方法是每种分辨率做一套设计稿，包括所用到的Icon以及设计稿标注。但在实际开发过程中，这个方法耗时过大，通常被放弃。为了适应多分辨率，一个方法是：在标准基础（MDPI）上开始，然后放大或缩小，以适应到其他尺寸。另一个办法是从设备的最大尺寸开始，然后缩小，并适应到所需的最小屏幕尺寸。【在实际开发过程中，Android和IOS的设计稿若无太大差异，也可从IOS的分辨率（960*640）开始，再调整设计稿的比例，适应其他分辨率】2. 常用形式 Android定义了自己的风格和UI规范，进行设计时除了要注意通用的人机交互，还要注意和IOS系统的区别。A. 触摸反馈 利用颜色和光作为触摸的反馈，强调交互行为的结果，暗示哪些操作能用，哪些操作不能用。图2B. 48dp规律 通常把48dp作为可触摸的UI元件的标准。图3为什么要用48dp呢？一般来说，48dp转化为一个物理尺寸约9毫米。建议的目标大小为7-10毫米的范围，这是一个用户手指能准确并且舒适触摸的区域。如果你设计的元素高和宽至少48dp，你就可以保证：（1）. 触摸目标绝不会比建议的最低目标（7mm）小，无论在什么屏幕上显示。（2）. 在整体信息密度和触摸目标大小之间取得了一个很好的平衡。而每个UI元素之间的空白通常是8dp.简单理解的话，px（像素）是我们UI设计师在PS里使用的（不解释），同时也是手机屏幕上所显示的，dp是开发写layout的时候使用的尺寸单位。当运行在mdpi下时，1dp=1px：也就是说设计师在PS里定义一个item高48px，开发就会定义该item高48dp；当运行在hdpi模式下时，1dp=1.5px：也就是说设计师在PS里定义一个item高72px，开发就会定义该item高48dp。 当你的app需要适配多个dpi模式的时候，请参考上图所示的比例进行换算。C. 字体 安卓4.0（Ice Cream Sandwich）之后用的字体是Roboto。3. 个人经验 要做UI的话，规范很重要。A. 对齐 多用PS顶部功能栏的这些对齐选项。图4B. 文本工具 点击即可进入编辑状态，建议使用此方法，尤其对于APP中经常出现的列表文字，每一行的字符少，单独分开，易于编辑和对齐。 点击后拖拉出输入框，适用于区块文字，成段文字，慎用。C. 图层命名 语义化命名，并进行合理分组图5D. 图层效果 做UI，质感很重要。善用图层效果。图6E. 参考线 拉好参考线，分好区块，开启智能对齐，有利于提高工作效率。F. 文件格式 FlieSave for Web，保存为网络格式，切好的图可以直接分开保存。G. 规范标注 通常APP设计都会涉及到多个分辨率兼容开发的问题，因此设计的时候，要定好规范。最好建立相关文档，记录使用的字体、颜色，常用的字号和间距，给出编号A1 A2 A3 B1 B2 B3，不同分辨率下换算的结果，便于技术人员进行开发。如需对设计稿进行后期的标注，则可使用该套规范，对设计稿中的字号、颜色、间距进行标注。推荐一个小工具，MarkMan，标注设计稿十分方便。因为这是一个Adobe的插件，所以可以和PS同步。在MarkMan中打开psd源图进行标注，若psd源图有所修改，刷新之后即可同步到MarkMan文件中。H. 兼容性测试做好的设计稿进行实体机的测试很重要，因为电脑屏幕上看到的效果和手机屏幕上看到的效果可能不太一样。把常见的三种分辨率都要进行测试，当然能所有分辨率都测试一遍最好，不过这取决于有多土豪，或者身边有多少土豪朋友。如果想做一个好的UI设计师，一定要从规范入手。很多都是细节的东西，在于积累。有兴趣了解更多的同学，请点