2. 相对位置
相对位置:元素位置不固定,会随着页面尺寸或其他元素的影响而改变。
比如:支付宝的列表流。列表的间距固定,当删除一个列表时,下面的列表位置自动上移。(如下图)
二、位置标注的注意点
在做位置标注的时候,要有盖楼思维。什么是盖楼思维呢?
设计并列关系的模块,即相似的“楼层”,元素以模块的形式叠加成一栋楼。
在做标注的时候,通过分析元素与元素之间的相关性作出标注,标注元素位于所在楼层的位置。它能同时适用在整个制作设计稿的过程中。
比如:列表流、多个卡片或多行金刚区,只需标注某一层中元素的位置关系即可。(如下图)
三、绝对位置与相对位置的标注方法
对于位置的标注,并不是把元素的坐标点、上下左右间距都标注出来。而是根据元素与元素之间的关系,决定是否标注为绝对位置或相对位置,并对其进行明确清晰的标注以便开发人员能更好更快的还原。
绝对位置的标注采用百分比标注或固定位置标注。
相对位置采用普通像素标注即可。(如下图)