Android端App设计经验小分享

Android端App设计经验小分享

ID:36494463

大小:143.50 KB

页数:7页

时间:2019-05-11

Android端App设计经验小分享_第1页
Android端App设计经验小分享_第2页
Android端App设计经验小分享_第3页
Android端App设计经验小分享_第4页
Android端App设计经验小分享_第5页
资源描述:

《Android端App设计经验小分享》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、论文组有同学在开发安卓端的App,结合自己实习和自学的经验,写篇小东西简单介绍下安卓端App设计的基础知识吧~   1.分辨率  要做安卓端的UI设计,首先比较了解安卓机的各种分辨率。  Android的麻烦在于“各种价位,各种性能,各种分辨率”,不同的分辨率对应不同的dpi模式。Android支持多种不同的dpi模式:ldpimdpihdpixhdpixxhdpixxxhdpi图1  常见的三种是mdpihdpixdpi。   mdpi,对应480*320的手机。  hdpi,对应800*480的手机。主流机型,很多。  xdpi,对应1

2、280*720的手机。三星Galaxy系列。  至于ldpi是几乎见不着了,xxdhpi主要是htcone(1920×1080),Android4.3之后又新增了xxxhdpi也就是我们常说的4K分辨率(3840×2160)。  针对不同的分辨率,在PS中设置对应大小的画布,就可以开始着手设计了。  当为不同分辨率的手机设计时,该怎么开始呢?  理想的方法是每种分辨率做一套设计稿,包括所用到的Icon以及设计稿标注。但在实际开发过程中,这个方法耗时过大,通常被放弃。  为了适应多分辨率,一个方法是:在标准基础(MDPI)上开始,然后放大或缩

3、小,以适应到其他尺寸。另一个办法是从设备的最大尺寸开始,然后缩小,并适应到所需的最小屏幕尺寸。【在实际开发过程中,Android和IOS的设计稿若无太大差异,也可从IOS的分辨率(960*640)开始,再调整设计稿的比例,适应其他分辨率】  2.常用形式  Android定义了自己的风格和UI规范,进行设计时除了要注意通用的人机交互,还要注意和IOS系统的区别。  A.触摸反馈  利用颜色和光作为触摸的反馈,强调交互行为的结果,暗示哪些操作能用,哪些操作不能用。图2  B.48dp规律  通常把48dp作为可触摸的UI元件的标准。图3  为

4、什么要用48dp呢?  一般来说,48dp转化为一个物理尺寸约9毫米。建议的目标大小为7-10毫米的范围,这是一个用户手指能准确并且舒适触摸的区域。  如果你设计的元素高和宽至少48dp,你就可以保证:  (1).触摸目标绝不会比建议的最低目标(7mm)小,无论在什么屏幕上显示。  (2).在整体信息密度和触摸目标大小之间取得了一个很好的平衡。  而每个UI元素之间的空白通常是8dp.  简单理解的话,px(像素)是我们UI设计师在PS里使用的(不解释),同时也是手机屏幕上所显示的,dp是开发写layout的时候使用的尺寸单位。  当运行在

5、mdpi下时,1dp=1px:也就是说设计师在PS里定义一个item高48px,开发就会定义该item高48dp;当运行在hdpi模式下时,1dp=1.5px:也就是说设计师在PS里定义一个item高72px,开发就会定义该item高48dp。当你的app需要适配多个dpi模式的时候,请参考上图所示的比例进行换算。  C.字体  安卓4.0(IceCreamSandwich)之后用的字体是Roboto。  3.个人经验  要做UI的话,规范很重要。  A.对齐  多用PS顶部功能栏的这些对齐选项。图4  B.文本工具  点击即可进入编辑状态

6、,建议使用此方法,尤其对于APP中经常出现的列表文字,每一行的字符少,单独分开,易于编辑和对齐。点击后拖拉出输入框,适用于区块文字,成段文字,慎用。  C.图层命名  语义化命名,并进行合理分组图5  D.图层效果  做UI,质感很重要。善用图层效果。图6  E.参考线  拉好参考线,分好区块,开启智能对齐,有利于提高工作效率。  F.文件格式  Flie—SaveforWeb,保存为网络格式,切好的图可以直接分开保存。  G.规范标注  通常APP设计都会涉及到多个分辨率兼容开发的问题,因此设计的时候,要定好规范。最好建立相关文档,记录使

7、用的字体、颜色,常用的字号和间距,给出编号A1A2A3B1B2B3,不同分辨率下换算的结果,便于技术人员进行开发。  如需对设计稿进行后期的标注,则可使用该套规范,对设计稿中的字号、颜色、间距进行标注。推荐一个小工具,MarkMan,标注设计稿十分方便。因为这是一个Adobe的插件,所以可以和PS同步。在MarkMan中打开psd源图进行标注,若psd源图有所修改,刷新之后即可同步到MarkMan文件中。  H.兼容性测试  做好的设计稿进行实体机的测试很重要,因为电脑屏幕上看到的效果和手机屏幕上看到的效果可能不太一样。把常见的三种分辨率都

8、要进行测试,当然能所有分辨率都测试一遍最好,不过这取决于有多土豪,或者身边有多少土豪朋友。  如果想做一个好的UI设计师,一定要从规范入手。很多都是细节的东西,在于积累。   有

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。