開啟 3D 視角介面體驗 😎 Adobe Xd 新功能概覽

Image for post
Image for post
原文刊載於:https://riven.design/1539
Image for post
Image for post
Transforms

軟體使用方式

Image for post
Image for post
Transforms
Image for post
Image for post
選取物件後在 Adobe Xd 開啟 3D Transforms
Image for post
Image for post
用拖曳的方式來調整視角
Image for post
Image for post
使用 3D Transforms 可以切換物件的不同視角

在 UI 介面上的用途

1.做出透視感的視覺設計

Image for post
Image for post

2.更好的合成畫面角度

Image for post
Image for post

3. 介面互動設計

於實務開發面向的用途

Image for post
Image for post
調整 Z 軸會讓物件產生前後透視關係(無視圖層順序)
Image for post
Image for post
範例檔案可以到 Transforms in Adobe XD 下載。

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store