tft每日頭條

 > 生活

 > xd軟件中怎麼制作滾動效果

xd軟件中怎麼制作滾動效果

生活 更新时间:2024-09-11 21:17:00

今天就給大家歸納總結了目前最常用也是很簡單的一款頁面交互軟件 Adobe XD[送心]。

涵蓋以下三點主要功能

設計

快速繪制線框和模型,創建适合任何屏幕的高保真設計,實時協同工作。

原型創建

添加動畫,補充交互,跨設備測試,将靜态設計轉變為交互式原型。

共享

提交設計,收集反饋,快速疊代,通過内置的共享工具,确保所有人保持一緻的工作狀态。

xd軟件中怎麼制作滾動效果(15個AdobeXD交互原型必看小技巧)1

優勢:

與其他Adobe産品無縫協作。

一鍵生成動效。

原型的語音控制。

MacOS與Windows皆可使用。

與開發人員輕松共享協作。[666]

xd軟件中怎麼制作滾動效果(15個AdobeXD交互原型必看小技巧)2

XD的一些小技巧彙總:

XD可直接打開和編輯Sketch文件,但保存後為XD格式[贊]

批量修改邊距和模塊,使用重複網格功能[碰拳]

組件功能比較強大,注意點擊左側選擇編輯主組件[太陽]

顔色(漸變也可以):主色其它色用透明度,這樣可實現一鍵替換[ok]

XD可直接粘貼psd、ai、svg圖形、文字;[加油]

AI中漸變和疊加效果在XD中顯示不了,暫時用PNG代替;[比心]

排列如果用數字來控制這樣更好,暫時解決辦法頁面左對齊頂對齊,再按Shift按右和下箭頭來控制位置;[給力]

XD可直接導入psd、ai、svg文件編輯;[心]

組件和主組件:大小寬高變化,其它副組件跟着變化,副組件寬高、旋轉變化,主組件不動;[啤酒]

組與組之間按Shift Ctrl可以跨組選擇;[666]

組件與組件之間可以直接拖入替換,非常方便;[玫瑰]

組件進行網格編組可以對其背景色,圖片進行替換,圖标不要在主組件上設計,别的組件是XD可自适應寬度和高度,按鈕、文字、圖片等;[鼓掌]

DesignPlay設計稿預覽

design play-設計稿預覽-實時預覽設計-ui必備軟件

xd軟件中怎麼制作滾動效果(15個AdobeXD交互原型必看小技巧)3

xd軟件中怎麼制作滾動效果(15個AdobeXD交互原型必看小技巧)4

xd軟件中怎麼制作滾動效果(15個AdobeXD交互原型必看小技巧)5

xd軟件中怎麼制作滾動效果(15個AdobeXD交互原型必看小技巧)6

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved