您現在的位置是:首頁 > 棋牌

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

  • 由 Mockplus摹客 發表于 棋牌
  • 2022-05-14
簡介關鍵資訊利用iDoc輕鬆實現長頁面滾動手動輸入畫素值,精確定位摹客iDoc Sketch外掛極速上傳利用iDoc輕鬆實現長頁面滾動App頁面設計內經常會需要固定頂部導航、底部導航,以及一些長內容頁內部分割槽域的滾動

摹客怎麼切圖

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

高保真設計稿製作的過程中,常常需要用到長頁面滾動,沒有原型設計工具該怎麼辦呢?使用摹客iDoc可以輕鬆實現這一效果!同時,本次更新,iDoc外掛在Sketch中的上傳速度也提升了好幾倍。一起來看看吧!

關鍵資訊

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

手動輸入畫素值,精確定位

摹客iDoc Sketch外掛極速上傳

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

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

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

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

手動輸入畫素值,精確定位

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

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

摹客iDoc Sketch外掛極速上傳

iDoc外掛支援Sketch設計稿,利用外掛可以快速切圖。在iDoc中可以為設計稿新增評論、智慧標註、一鍵下載切圖等。同時,在Sketch中設定好的互動上傳iDoc後,互動仍保留,減少了很多重複的工作量。

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

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

本期就介紹到這裡了,小夥伴們快去試試吧!

Top