界面尺寸规范

一、界面尺寸

1. 常用尺寸: 宽度750px、高度1334px 

( 其他尺寸:720*1280、1080*1920 )这些尺寸都可以做

2. 状态栏高度:750*40px、导航栏高度:750*88px、标签栏高度:750*98px

例如:

二、轮播尺寸

1.  一般整体页面左右间距为24px、在间距为24的情况下、轮播图宽度为700px、高度自定义、也可设置为(700*300、700*340、700*360、700*400之间或者高度更大)

1. 若不设置两边间距、轮播图宽度则为750px、高度自定义、一般为3-6张,

可自定义轮播图张数。

例如:

三、图标尺寸

1. 金刚区是页面的核心功能区域、是聚合各类子板块的入口,为各个子板块分发内容。一般位于页面中头部位置,展示样式为多行排列的宫格图标。一般为2-3行,每行4-10个,内容多的时候可左右滑动。

比如饿了么首页banner下的图标、支付宝首页的图标。

2.  一般图标尺寸可设计为100*100px、或者比100大、比100小的尺寸都可以、例如:84*84、200*200、尺寸没有具体的规范标准、形状为圆形或者正方形以及其他形状都可以、根据产品自身金刚区高度去设计,以线上设计稿为准,也可参考诸多app中的视觉大小,保持视觉统一和app首页的整体视觉舒适即可。

例如:

注:切图需为正方形

四、其他插图尺寸

1. 常见的尺寸有16:9、4:3、3:2、1:1、具体根据界面的排版内容区定义、没有固定的尺寸

例如:

五、底部标签栏

1. 标签栏icon的设计尺寸一般不小于44px,常用尺寸是44*44px,60*60px、保证正方形、圆形、纵向矩形、水平矩形视觉保持一致大小。(后台有自定义的icon、则无需在重新设计)

例如:

六、推广海报

1. 推广海报尺寸为640*1008

附界面标注图


文档更新时间: 2023-09-23 14:46   作者:售后技术支持-李旭媚