界面尺寸规范
一、界面尺寸
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
附界面标注图