app界面设计规范

《app界面设计规范》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、app界面设计规范　　篇一：移动app界面设计规范色彩篇　　移动app界面设计规范——色彩篇　　色彩在我们的APP界面设计中，是一个很让人头疼的事情。无论是APPUI设计大神还是APP设计新手，都是需要制定一套属于自己的配色方案或配色计划色彩，从当代建筑、路标、人行横道以及运动场馆中获取灵感，由此引发出大胆的颜色表达激活了色彩，与单调乏味的周边环境形成鲜明的对比。强调大胆的阴影和高光。引出意想不到且充满活力的颜色。　　调色板　　调色板以一些基础色为基准，通过填充光谱来为Android、Web和iOS环境提供一套完整可用的颜色。基础色的饱和度是500。　　篇

2、二：安卓界面设计规范　　目前主流的安卓手机分辨率有以下3种：　　hdpi，对应800*480的手机。主流机型，很多。如小米1，1s三星htc等xdpi，对应1280*720的手机。三星Galaxy系列和华为p6.　　xxdpi，对应1080*1920的手机。小米手机，华为荣耀手机系列为主加上htcone。　　下面是当面流行的安卓手机的屏幕尺寸和分辨率：　　小米3和小米4屏幕尺寸和分辨率：5英寸1920×1080像素　　魅族MX2屏幕尺寸和分辨率：英寸1280×800像　　魅族MX3屏幕尺寸和分辨率：英寸1800×1080像素HTCone屏幕尺寸和分辨率：英

3、寸1920×1080像素　　华为荣耀6屏幕尺寸和分辨率：5英寸1920×1080像素　　华为p6屏幕尺寸和分辨率：英寸1280×720像素　　华为p7屏幕尺寸和分辨率：5英寸1920×1080像素　　什么是屏幕像素密度？　　屏幕像素密度，即每英寸屏幕所拥有的像素数，英文简称PPI。　　在目前我们的安卓APP设计项目当中，我们并不会去为每一种分辨率去设计一套UI界面。这是一种追求完美和理想的状态。小公司肯定是耗不起这样的。所以，这个时候我们需要学会变通。为了适应多分辨率，　　1：在标准基础（xdpi：1280*720）上开始，然后放大或缩小，以适应到其他尺寸

4、。　　2：从设备的最大尺寸（xxdpi：1920×1080）开始，然后缩小，并适应到所需的最小屏幕尺寸。　　有些时候我们也会在实际开发过程中，Android和IOS的设计稿若无太大差异，也可从IOS的分辨率（960*640）开始，再调整设计稿的比例，适应其他分辨率。但是这种方法在切图的时候需要做一些图片的调整。如果不是矢量图的元件需要重新按照1280*720的尺寸设计下。　　2、安卓app设计规范之字体和字体大小　　我们必须知道的安卓设计常识：安卓之后用的字体是Roboto。中文字体：方正兰亭黑体　　今天跟大家讲解的是在720*1280的基础上的字体设计大

5、小。　　注释最小字体：12sp==24px　　文本字体：14sp==28px　　文章标题或图标名称：16sp==32px　　导航标题：18sp==36px　　一般android设置长度和宽度多用dip,设置字体大小多用sp.在屏幕密度为160，1dp=1px=1dip,1pt=160/72sp1pt=1/72英寸.当屏幕密度为240时，1dp=1dip=　　安卓多分辨率解决方案　　Android的多分辨率，一向是设计师和开发者非常头疼的事儿。尽管如此，对于多分辨造成的复杂问题，也是大家要优先解决的。Android支持多种不同的dpi模式：ldpi、mdpi

6、、hdpi、xhdpi、xxhdpi、xxxhdpi　　注意，ppi、dpi是密度单位，不是度量单位：　　*ppi(pixelsperinch)：图像分辨率（在图像中，每英寸所包含的像素数目）*dpi(dotsperinch)：打印分辨率（每英寸所能打印的点数，即打印精度）　　dpi主要应用于输出，重点是打印设备上；ppi对于设计师应该比较熟悉，photoshop画布的分辨率常设置为72像素/英寸，这个单位其实就是ppi。尽管概念不同，但是对于移动设备的显示屏，可以看作ppi=dpi。　　ppi的运算方式是：PPI=√（长度像素数2+宽度像素数2）/屏幕对

7、角线英寸数。即：长、宽各自平方之和的开方，再除以屏幕对角线的英寸数。　　以iphone5为例，其ppi=√（1136px2+640px2）/4in=326ppi（视网膜Retina屏）对于android手机，一个不确切的分法是，720x1280的手机很可能接近320dpi（xhdpi模式），480x800的手机很可能接近240dpi（hdpi模式），而320x480的手机则很接近160dpi（mdpi模式）。　　来自友盟指数XX年3月份的数据（戳这里看最新数据）：　　480x800的手机占比最高为%，720x1280的手机占比为%位居第二，而240x320

8、的手机占比最少为%。xxdhpi模式的高分辨率1080x1920手