三維設(shè)計軟件vectary為平面設(shè)計師推出新的3D UI制作工具

時間：2022-08-26 05:03:01 | 來源：網(wǎng)站運營

時間：2022-08-26 05:03:01 來源：網(wǎng)站運營

尋找利用3D和AR創(chuàng)建UI的最簡單方法，來http://www.Vectary.com認(rèn)識新開發(fā)的先進(jìn)的SVG導(dǎo)入功能




UI設(shè)計前所未有的方式

隨著創(chuàng)意產(chǎn)業(yè)的不斷發(fā)展，想要突破界限并實現(xiàn)跨越式發(fā)展，就有必要掌握新趨勢。專注于2D的平面設(shè)計人員在為新UI創(chuàng)建原型時通常使用基于矢量的格式和工具。 Vectary的新功能提供了3D和2D創(chuàng)意工具之間的交集，旨在簡化設(shè)計過程。 3D設(shè)計平臺Vectary是唯一一款能使3D和AR設(shè)計更接近2D設(shè)計師的軟件。

---

該功能背后的主要思想是，今天的2D設(shè)計師肯定會成為未來的3D UI設(shè)計師。大多數(shù)界面現(xiàn)在都在慢慢過渡到AR和3D空間。




Vectary 新的SVG導(dǎo)入的優(yōu)點

SVG導(dǎo)入為該領(lǐng)域帶來了許多好處：

• Vectary現(xiàn)在將SVG文件存儲為矢量對象，您可以完全控制路徑質(zhì)量，網(wǎng)格劃分和光柵化。
• 所有SVG文件設(shè)置都可以在一個面板中輕松調(diào)整，并在創(chuàng)作過程中隨時復(fù)原。
• 您可以選擇是將SVG文件用作2D圖像還是3D幾何圖形。

如何開始利用3D和AR的UI模型的原型設(shè)計：

1. 下載您的SVG文件。
2. 將文件拖放到Vectary中。首先，它將顯示為光柵化的2D圖像。在右側(cè)面板中，將出現(xiàn)一個SVG對象菜單。
3. 在“幾何體”選項中，您將找到可以編輯的3個屬性：“分段數(shù)”，“偏移”和“擠出”。

通過提高“增長”值，您的對象將呈現(xiàn)3D外觀 - 值越高，對象越厚。

“分段”定義轉(zhuǎn)換為3D幾何體的2D形狀的質(zhì)量 - 值越高，對象變得越精確。也請注意這將增加導(dǎo)出文件的大小。

“偏移”功能基本上是指基于SVG結(jié)構(gòu)將對象分解為不同的層。然后將這些層分隔成第三維，從而為您提供分解視圖。

4. 通過單擊SVG的“幾何體”設(shè)置中的“轉(zhuǎn)換為幾何體”，SVG文件將轉(zhuǎn)換為3D?，F(xiàn)在，通過進(jìn)入編輯模式，可以調(diào)整3D模型的網(wǎng)格。

5. 基本的3D模型準(zhǔn)備就緒?，F(xiàn)在您可以開始添加各種背景和照明選項。

6. 完成后，您可以將項目導(dǎo)出為PNG文件，3D文件或?qū)⑵淝度氲侥木W(wǎng)站中，以便任何人可以將其視為具有AR預(yù)覽的交互式3D元素。

vectary最新svg功能操作步驟https://www.zhihu.com/video/1139922810095931392


提示：如何在Figma中設(shè)置正確的SVG文件以獲得3D分層的UI效果

1. 您的SVG文件結(jié)構(gòu)決定了3D中對象之間的間距。根結(jié)構(gòu)中的圖層或組越深，當(dāng)在Vectary中使用設(shè)置“偏移結(jié)構(gòu)”時，它顯示得越深。

2. 當(dāng)您在Figma中導(dǎo)出SVG文件時，請勾選“ 包含’id’屬性”。




靈感啟發(fā)




創(chuàng)建3D / AR UI

有許多使用矢量格式的UI中心和原型設(shè)計工具 - 如Figma，InVision Studio，Adobe XD，F(xiàn)ramer和Sketch?，F(xiàn)在，您可以將SVG格式的UI原型導(dǎo)入Vectary并創(chuàng)建3D模型。




創(chuàng)建3D和AR徽標(biāo)

使用Vectary創(chuàng)建的3D徽標(biāo)可以將其視為在網(wǎng)站上的交互式3D元素，或者是增強現(xiàn)實中的對象。只需將2D徽標(biāo)的SVG文件拖放到場景中，然后在右側(cè)面板的幾何設(shè)置中使用擠出工具即可。




包裝和變形UI和3D徽標(biāo)

另一個使用示例是在對象周圍包裹UI或徽標(biāo)。這可以是可以在增強現(xiàn)實中呈現(xiàn)的UI或者包裹在瓶子上的標(biāo)簽。您可以嘗試“變形”工具，例如“彎曲”來實現(xiàn)這一目標(biāo)。特別是在創(chuàng)建模型和測試不同場景時，Vectary 新的SVG文件導(dǎo)入為2D設(shè)計人員開辟了新的可能性。

vectary軟件制作包裝和變形UIhttps://www.zhihu.com/video/1139923157019475968


常見問題

1.SVG導(dǎo)入付費功能嗎？

SVG導(dǎo)入和它的編輯屬于免費計劃。導(dǎo)出2D和3D文件屬于付費計劃。




2. 如何導(dǎo)入SVG文件？

您只需將文件拖放到場景中，或者可以通過單擊菜單按鈕并使用導(dǎo)入功能將其導(dǎo)入。




3. 我可以將我的作品嵌入網(wǎng)站嗎？

當(dāng)然可以！只需使用Vectary Viewer將文件嵌入您的網(wǎng)站，或生成鏈接并將其發(fā)送給任何人。只要他們的設(shè)備支持該功能，就可以在3D和AR中查看它。