安卓和iOS端设计规范
![](https://img.zcool.cn/community/0427de585ba0eaa801219c7738acf2.jpg?x-oss-process=image/resize,m_fill,w_160,h_160,limit_0/auto-orient,1/sharpen,100/quality,q_100/marker,u_plus)
![](https://img.zcool.cn/community/0427de585ba0eaa801219c7738acf2.jpg?x-oss-process=image/resize,m_fill,w_160,h_160,limit_0/auto-orient,1/sharpen,100/quality,q_100/marker,u_plus)
介绍app设计界面安卓端和ios端之间的区别和对比
由于iOS端和安卓尺寸不一样所以要求界面尺寸也不同,一般来说ios设计尺寸为750*1334,安卓为720*1280即可,这两种尺寸既可以满足不同尺寸的设计要求,后期切图的时候不会出现模糊的状态,方便后期程序人员调节满足自适应的要求,下面来看一下完美APP的iOS和安卓的设计界面:
iOS首页界面:
Android首页界面
从两个图中可以看出APP界面的组成元素:状态栏、导航栏、主菜单栏以及内容区大小不同,其中
iOS端
状态栏高为40px,
导航栏为88px,
下面的主菜单栏为98px,
内容区和两边的边距为30px,
版块之间间距为20px,
字体为黑体韩语,
字号在24-34号之间;
Andriod端
状态栏高为50px,
导航栏为96px,
下面的主菜单栏为96px,
内容区和两边的边距为32px也可以为24px,但是很少,
版块之间间距为20px,
在这里注意安卓端版块和版块之间的距离以及版块的高度应该为被4整除的数值,
字体为黑体韩语,
字号在24-34号之间,注意无论是iOS还是Aandroid端字号设置都应该为可以被2整除的数值。
下面是某安卓设计师的实践和工作总结。值得参考,也可以说是设计 Android APP的最佳实践:
1. 画布大小定位 720 x 1280,72 dpi
2. 只使用偶数单位的尺寸,比如 96 px 的列表项高度,32 px 的边距,64 px 的图标边长
3. 只使用 24 pt,28 pt,36 pt 和 44 pt 的字体
4. 设计完成以后,所有尺寸的 px 值除以 2 作为 dp 数值交给工程师
5. 所有字体的 pt 值除以 2 作为 sp 数值交给工程师
6. 所有切图变成三份,分别是原始大小、缩小 1.5 倍,缩小 2 倍,分别作为 xhdpi,hdpi,mdpi 的资源交给工程师,多种尺寸的设计图可以保证上线效果无瑕疵。
虽然两个版本内容区域没有固定规范,但是每套标准一旦确定整体制作风格要统一,UI设计人员在设计之前先分析各个版块的功能,再根据功能进行设计,首页和关键页面制作尤其是首页制作至关重要,在首页中可以先定好规范,比如字体和按钮的颜色色值、字体、字号、两边间距以及各个版块之间的间距都要标注好,方便后期页面的制作,保证整体效果的统一和规范。
![](https://static.zcool.cn/git_z/z/images/new/page-loading.gif)