設計技巧|一鍵輕鬆實現長頁面滾動,精肯定位!

高保真設計稿製做的過程當中,經常須要用到長頁面滾動,沒有原型設計工具該怎麼辦呢?使用摹客iDoc能夠輕鬆實現!同時,本次更新,iDoc插件在Sketch中的上傳速度也提高了好幾倍。一塊兒來看看吧!工具


關鍵信息

  • 利用iDoc輕鬆實現長頁面滾動
  • 手動輸入像素值,精肯定位
  • 摹客iDoc Sketch插件極速上傳


利用iDoc輕鬆實現長頁面滾動


App頁面設計內常常會須要固定頂部導航、底部導航,以及一些長內容頁內部分區域的滾動。通常在低保真階段,使用原型工具中能夠實現這種效果,但到了高保真階段該怎麼辦呢?測試


別擔憂,即使摹客iDoc是產品協做設計平臺,但它也提供了強大的交互演示功能。高保真設計稿能夠經過PS、Sketch、XD輕鬆上傳至iDoc,創建交互。對於固定頂部、底部,只需輕輕拖動遊標,便可實現。遊標上、下方是固定區域,中間部分則爲滾動區域,3秒就能夠設置好!插件



手動輸入像素值,精肯定位


若已知道距離頂部、底部的精確數值,iDoc還提供了手動輸入的功能,輸入數值就能夠快速定位到想要的位置,很是方便!設計



摹客iDoc Sketch插件極速上傳


iDoc插件支持Sketch設計稿,利用插件能夠快速切圖。在iDoc中能夠爲設計稿添加評論、智能標註、一鍵下載切圖等。同時,在Sketch中設置好的交互上傳iDoc後,交互仍保留,減小了不少重複的工做量。3d


本次更新,iDoc插件的上傳速度又進一步提高,解析圖層的過程也有所顯現。小摹測試了下包含10個畫板的Sketch設計稿,也很快就上傳成功啦!cdn



本期就介紹到這裏了,小夥伴們快去試試吧!www.mockplus.cn/idocblog


戳此處連接,輸入升級碼 CDUI912,還能免費領取限量團隊版試用禮包哦:​​​​
get

相關文章
相關標籤/搜索