Vectary3D
基本會員
積分 64
發文 8
註冊 2019-6-27
狀態 離線
|
#1 〔分享〕vectary軟件為平面設計師推出新的3D UI製作工具
尋找利用3D和AR創建UI的最簡單方法，來Vectary認識新開發的先進的SVG導入功能
UI設計前所未有的方式
隨著創意產業的不斷發展，想要突破界限並實現跨越式發展，就有必要掌握新趨勢。專注於2D的平面設計人員在為新UI創建原型時通常使用基於矢量的格式和工具。 Vectary的新功能提供了3D和2D創意工具之間的交集，旨在簡化設計過程。 3D設計平台Vectary是唯一一款能使3D和AR設計更接近2D設計師的軟件。
該功能背後的主要思想是，今天的2D設計師肯定會成為未來的3D UI設計師。大多數界面現在都在慢慢過渡到AR和3D空間。
Vectary 新的SVG導入的優點
SVG導入為該領域帶來了許多好處：
Vectary現在將SVG文件存儲為矢量對象，您可以完全控制路徑質量，網格劃分和光柵化。
所有SVG文件設置都可以在一個面板中輕鬆調整，並在創作過程中隨時復原。
您可以選擇是將SVG文件用作2D圖像還是3D幾何圖形。
如何開始利用3D和AR的UI模型的原型設計：
1.下載您的SVG文件。
2.將文件拖放到Vectary中。首先，它將顯示為光柵化的2D圖像。在右側面板中，將出現一個SVG對象菜單。
3. 在“幾何體”選項中，您將找到可以編輯的3個屬性：“分段數”，“偏移”和“擠出”。
通過提高“增長”值，您的對象將呈現3D外觀 - 值越高，對象越厚。
“分段”定義轉換為3D幾何體的2D形狀的質量 - 值越高，對像變得越精確。也請注意這將增加導出文件的大小。
“偏移”功能基本上是指基於SVG結構將對象分解為不同的層。然後將這些層分隔成第三維，從而為您提供分解視圖。
4. 通過單擊SVG的“幾何體”設置中的“轉換為幾何體”，SVG文件將轉換為3D。現在，通過進入編輯模式，可以調整3D模型的網格。
5. 基本的3D模型準備就緒。現在您可以開始添加各種背景和照明選項。
6. 完成後，您可以將項目導出為PNG文件，3D文件或將其嵌入到您的網站中，以便任何人可以將其視為具有AR預覽的交互式3D元素。
提示：如何在Figma中設置正確的SVG文件以獲得3D分層的UI效果
您的SVG文件結構決定了3D中對象之間的間距。根結構中的圖層或組越深，當在Vectary中使用設置“偏移結構”時，它顯示得越深。
2. 當您在Figma中導出SVG文件時，請勾選“ 包含’id’屬性”。
靈感啟發
創建3D / AR UI
有許多使用矢量格式的UI中心和原型設計工具 - 如Figma，InVision Studio，Adobe XD，Framer和Sketch。現在，您可以將SVG格式的UI原型導入Vectary並創建3D模型。
創建3D和AR徽標
使用Vectary創建的3D徽標可以將其視為在網站上的交互式3D元素，或者是增強現實中的對象。只需將2D徽標的SVG文件拖放到場景中，然後在右側面板的幾何設置中使用擠出工具即可。
包裝和變形UI和3D徽標
另一個使用示例是在對象周圍包裹UI或徽標。這可以是可以在增強現實中呈現的UI或者包裹在瓶子上的標籤。您可以嘗試“變形”工具，例如“彎曲”來實現這一目標。特別是在創建模型和測試不同場景時，Vectary 新的SVG文件導入為2D設計人員開闢了新的可能性。
常見問題
1. SVG導入付費功能嗎？
SVG導入和它的編輯屬於免費計劃。導出2D和3D文件屬於付費計劃。
2. 如何導入SVG文件？
您只需將文件拖放到場景中，或者可以通過單擊菜單按鈕並使用導入功能將其導入。
3. 我可以將我的作品嵌入網站嗎？
當然可以！只需使用Vectary Viewer將文件嵌入您的網站，或生成鏈接並將其發送給任何人。只要他們的設備支持該功能，就可以在3D和AR中查看它。
|
|
