安卓和iOS端设计规范

北京/设计爱好者/8年前/2830浏览
安卓和iOS端设计规范

介绍app设计界面安卓端和ios端之间的区别和对比

由于iOS端和安卓尺寸不一样所以要求界面尺寸也不同,一般来说ios设计尺寸为750*1334,安卓为720*1280即可,这两种尺寸既可以满足不同尺寸的设计要求,后期切图的时候不会出现模糊的状态,方便后期程序人员调节满足自适应的要求,下面来看一下完美APP的iOS和安卓的设计界面:

iOS首页界面:

e51e58748947a8012060c86fa70b.jpg

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设计人员在设计之前先分析各个版块的功能,再根据功能进行设计,首页和关键页面制作尤其是首页制作至关重要,在首页中可以先定好规范,比如字体和按钮的颜色色值、字体、字号、两边间距以及各个版块之间的间距都要标注好,方便后期页面的制作,保证整体效果的统一和规范。

24
Report
|
99
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
一楼咖啡
Homepage recommendation
最近一些有层次的作品
Homepage recommendation
大家都在看
Log in