wqwq

BitForex移动端 设计

切片、标注、UI规范、注意事项


 

1.切片说明

  • Android 提供xhdpi、xxhdpi两套切片;
  • ios 提供@2、@3两套切片;
  • H5 提供二倍图的切片【每张图片需根据标注给宽高定值】;

 

2.标注说明

  • 标注为Html文件,为375x667(对应苹果7一倍设计稿 / 对应安卓的mdpi设计稿)的设计稿标注图;
  • 设计稿中的宽度中的块块建议用百分比,高度的块块不建议使用百分比【尤其交易页面】;
  • 打开标注文件后,可以按住ctrl+鼠标移动来查看百分百和对应px 或 dp数值;
  • 安卓与ios用一套标注,顶部栏44px(44dp)、底部栏49px(49dp)【默认的顶部与底部高度就可以】;

 

3.设计规范

 

4.交易对图片调取

  • 后期增加币种接口  前端需要动态加载图片URL

  • 下方为‘币种名称 与 币种地址 相对应的规则’

5.细节说明

交互演示