顶部固定不动 下部分滚动_设计技巧|一键轻松实现长页面滚动,精确定位

e4cb3aa0851972429cfa4978f222db22.png

高保真设计稿制作的过程中,常常需要用到长页面滚动,没有原型设计工具该怎么办呢?使用摹客iDoc可以轻松实现这一效果!同时,本次更新,iDoc插件在Sketch中的上传速度也提升了好几倍。一起来看看吧!

关键信息

  • 利用iDoc轻松实现长页面滚动
  • 手动输入像素值,精确定位
  • 摹客iDoc Sketch插件极速上传

利用iDoc轻松实现长页面滚动

App页面设计内经常会需要固定顶部导航、底部导航,以及一些长内容页内部分区域的滚动。一般在低保真阶段,使用原型工具中可以实现这种效果,但到了高保真阶段该怎么办呢?

别担心,即便摹客iDoc是产品协作设计平台,但它也提供了强大的交互演示功能。高保真设计稿可以通过PS、Sketch、XD轻松上传至iDoc,建立交互。对于固定顶部、底部,只需轻轻拖动游标,即可实现。游标上、下方是固定区域,中间部分则为滚动区域,3秒就可以设置好!

d260fb4bab49d2c2b67013c521d2df1d.gif

手动输入像素值,精确定位

若已知道距离顶部、底部的精确数值,iDoc还提供了手动输入的功能,输入数值就可以快速定位到想要的位置,非常方便!

1b446e22fcd5614178d5d64a8b814bbe.png

摹客iDoc Sketch插件极速上传

iDoc插件支持Sketch设计稿,利用插件可以快速切图。在iDoc中可以为设计稿添加评论、智能标注、一键下载切图等。同时,在Sketch中设置好的交互上传iDoc后,交互仍保留,减少了很多重复的工作量。

本次更新,iDoc插件的上传速度又进一步提升,解析图层的过程也有所显现。小摹测试了下包含10个画板的Sketch设计稿,也很快就上传成功啦!

491bdd0d9474f01297105f223c868db8.png

本期就介绍到这里了,小伙伴们快去试试吧!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值