網際論壇 - 硬體技術交流 - 〔分享〕vectary軟件為平面設計師推出新的3D UI製作工具
» 遊客:  註冊 | 登錄 | 會員 | 幫助
 

免費線上小說
動漫分類 : 最新上架熱門連載全本小說最新上架玄幻奇幻都市言情武俠仙俠軍事歷史網游競技科幻靈異 ... 更多小說

作者:
標題: 〔分享〕vectary軟件為平面設計師推出新的3D UI製作工具 上一主題 | 下一主題
  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中查看它。


2019-7-26 08:34 PM
查看資料  發送郵件  發短消息   編輯文章  引用回覆

可打印版本 | 推薦給朋友 | 訂閱主題 | 收藏主題

論壇跳轉選單: