文章来源:一起设计UED 作者:一起设计UED
本文主要讲解了:设计与开发对于间距理解的不同,以及如何标注,才能获得更高质量的还原效果;
优秀的设计能够有效地传达产品价值,但也离不开技术的落地支持。随着市场环境变化与行业水平的提升,越来越多设计师开始意识到:设计稿还原的重要性。
但是在配合过程中,设计与研发思维的偏差也逐渐体现:“这个需求做不了,那个间距调不好”……设计稿落地后,往往要经过多轮测试和“小板凳”对接,才能达到预期效果。
可以说,在每一位UI设计师的成长过程中,设计稿还原,是一个必定经历且难以解决的问题。
如何更好的实现设计还原度,减少重复工作呢?
不妨试试换个角度,学习用开发的思维来做设计。
整篇文章分为以下五个部分:
01、位置
“元素位置”的标注是设计验收时与开发人员的必争之地。
面对它的时候,设计师应站在开发的角度,用动态视角的思维,对界面中元素位置进行合理的动态布局,输出正确的位置标注,减少开发人员多次返工的窘境。
一、绝对位置与相对位置
我们常说的“位置”是代表元素在界面内X轴与Y轴的坐标,同一元素会因为在不同的机型中呈现出不同的位置,大致会分为两种:1. 绝对位置;2. 相对位置。
就如初中物理学到的“运动与静止的相对性”,一艘船在海面航行,海岸是参照物,船相对于海岸是相对位置,海上的灯塔是绝对位置。
1. 绝对位置
绝对位置:屏幕是参照物,元素的位置相对屏幕固定,不会受其他元素的影响
比如:常见的导航栏、底部Tab栏,吸底按钮和悬浮按钮。