ui设计师与开发人员对接总结

ui设计与程序开发适配问题

项目初期的设计阶段:
ui设计师使用Axure,以px(像素)为单位
开发人员使用android studio开发以dp(主要)为单位
(注:都是新手,勿怪)
如何针对产品进行对接成为我们讨论的焦点。
因此针对对接过程做如下记录。

适配关系(单位转换)

首先要是到不同单位的适配关系,以dp与px为例。

根据不同的屏幕分辨率,dp与px有不同的对应关系。

再关于二者适配及转换:
在这里插入图片描述

以WVGA屏为例,该屏幕为480px*800px,按3.8寸屏算,点密度 √ (480^2 + 800^2) / 3.8 = 245,约等于240,对应于hdpi屏幕,所以该屏幕1dp=1.5px
在这里插入图片描述

公式: 1dp=(屏幕ppi/ 160)px
带入公式也可得:该屏幕1dp=1.5px

因此,在进行一系列资料调查(受推荐)后
我们选择了720*1280这一标准
当然同时也是为了方便计算,在这一标准下于是有1px=2dp

对接过程

一开始也有说开发人员下载一个Axure,这样就可以方便又快捷的查看文档了(设计师交付了后缀为.rp的文档,没有axure无法打开),但又反过来想,设计师要想更好地对接的话他们是不是还得下载一个Android studio呢?我想情况并不是这样的,因此本着探讨对接本质的原则,坚持一个软件都不下载。才有了如下讨论。

1.单位之间的关系有了,设计师如何将产品交付到开发人员手上?

蓝湖,是个不错的选择。这是一个可以在线编辑的平台。然而在蓝湖上摸索一番后(人比较笨,对如何使用还是不太熟悉),由于驾驭不了(上传axure文件时需要本机安装axure),暂时搁置。

2.设计图看得到,但看不到具体的尺寸。网上一通搜索“标尺工具”、“Axure插件”、“尺寸标注”等等,除过付费软件并没有找到很好的尺寸标注工具,但是发现了一些不错的案例:

尺寸标注demo效果

Axure案例推荐

3.前两个居然都没有解决方案? 那必不可能,哈哈哈。

最终选择了Axure导出html文件

预览效果暂时够用,实际操作如何还未实践。(具体开发还未开始)
导出html文件后收到压缩包,打开后如下图在这里插入图片描述
在打开html文件时,将文件夹压缩包中拉出来,否则预览效果可能不好。

4.另外,如果在火狐中打开遇到问题那么:
解除firefox本地访问限制:
1、点击开关火狐浏览器,在地址栏输入:about:config;
2、弹出提示,点击我了解风险,进行进入;
3、输入security.fileuri.strict_origin_policy,搜索;
4、双击把这个值更改为false即可。

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值