App原型设计规范(APP原型设计规范)

App原型设计规范(APP原型设计规范)

一、界面尺寸

1.ios分辨率

App原型设计规范(APP原型设计规范)

2.android界面尺寸

① 安卓分辨率

App原型设计规范(APP原型设计规范)

②常见安卓手机分辨率及尺寸

App原型设计规范(APP原型设计规范)

一般情况下大家在设计app端原型的时候,由于现在ios和安卓慢慢在趋向一致,所以基本上都只会设计一套原型,尺寸方面一般都是按照iphone6的750*1344(2倍率)进行设计,原型尺寸=实际分辨率/2,故手机原型的尺寸为375×667。如果要单独设计安卓的话,原型尺寸为360*640

二、其他尺寸及规范

1.其他内容大小规范

App原型设计规范(APP原型设计规范)

2.字体大小及样式

①样式

ios:

iOS中文字体:苹方/PingFang SC;

iOS英文字体:San Francisco Pro

安卓:

5.x以上版本:思源黑体/Noto Sans Han

5.0以下版本:Droid Sans Fallback

英文、数字:Roboto

②大小

a.一般都均采用偶数进行设置,字体大小采用4作为梯度

标题:16px;描述:12px

b.详情页,标题与正文间距,一般采用4作为梯度

12px,16px,20px

c.行间距,一般采用1.5一1.6倍

d.导航栏文字大小一般采用16px-20px

3.导航栏

App原型设计规范(APP原型设计规范)

App原型设计规范(APP原型设计规范)

4.标签栏

App原型设计规范(APP原型设计规范)

App原型设计规范(APP原型设计规范)

5.分类入口

App原型设计规范(APP原型设计规范)

App原型设计规范(APP原型设计规范)

注:

①移动端每行能同时显示的图标数目不超过5个

②图标大小双数

6.板块间距

App原型设计规范(APP原型设计规范)

间距大小10-15px,常见为12px

7.搜索框

App原型设计规范(APP原型设计规范)

字体大小一般为14px

8.输入框

App原型设计规范(APP原型设计规范)

输入框大小:20-25px

9.文字颜色(安全色)

App原型设计规范(APP原型设计规范)

App原型设计规范(APP原型设计规范)

10.导航栏下的提示栏

①颜色建议要鲜艳

②大小:28px

以上为app端绘制原型时,涉及到的一些规范及尺寸,希望能够帮助到大家,如有任何疑问或者建议,可在评论区交流

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2023年3月17日 上午9:28
下一篇 2023年3月17日 上午9:44

相关推荐