Board logo

標題: 〔分享〕3D設計軟件Vectary為平面設計師推出新的3D UI製作工具 [打印本頁]

作者: Vectary3D     時間: 2019-8-27 05:31 PM    標題: 〔分享〕3D設計軟件Vectary為平面設計師推出新的3D UI製作工具

尋找利用3D和AR創建UI的最簡單方法,來www.Vectary.com 認識新開發的先進的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效果

1.您的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中查看它。

http://www.vectary.com




歡迎光臨 網際論壇 (http://centurys.net/) Powered by Discuz! 2.5