什么是Spline
3D網絡體驗的設計工具
Spline在不斷成長，就像你能實現的可能性一樣。團隊、項目和文件夾 創建團隊並在文件夾和項目中組織你的文件。
Spline is constantly growing just like the possibilities of what you can achieve. Teams, Projects & Folders Create teams and organize your files in folders and projects.
學習資源
學習社區
官方微信
如何漢化
以2D的設計思維方式來進行3D設計
Spline是什么?
Spline是一款輕量3D設計工具，可基於網頁瀏覽器直接在線操作，曾迅速沖上Product Hunt上獲得第一名。對於未學過3D軟件的也無需擔心，你可以用以往2D的設計思維方式來進行3D設計，無需3D軟件的設計基礎。對於在3D趨勢的潮流下需要花費大量精力苦啃3D軟件的設計師來說，是一個不錯的入門體驗，讓你能夠着重於設計創意，快速搭建簡單3D場景。對Spline感興趣的小伙伴強烈建議收藏。
目前已提供MacOS和Win版本，可通過官網 https://spline.design/ 下載安裝包，讓我們來看看官方介紹短片
首先了解下Spline的基礎功能介紹：
- 輕松調整編輯3D模型的材質與樣式；
- 簡單易懂的燈光與攝影機；
- 制作互動動畫，添加多個物體狀態，支持設置鼠標交互動作來控制狀態切換；
- 除導出靜態圖片外還可免費導出離線網頁（免費版帶有水印），離線網頁可以通過瀏覽器直接打開，也可以對網頁代碼進行二次編輯。
- 提供豐富的在線3D模型庫，數量持續增加中。
本篇將結合官方手冊系統幫助大家快速了解Spline，講解從設計-材質-燈光-事件狀態-導出的環節涉及到的功能，好了，接下來讓我們進入正題：
一起開始吧
開始界面
- 我的文件：最近創建的文件；
- 模型庫：官方制作的3D模型，從簡單靜態到復雜動畫，可幫助你更快地制作場景；
- 學習：快捷鍵一覽；
- 更新日志：辛勤的開發者的版本記錄；
- 賬戶設置：付費套餐選擇、個人信息資料。
關於PRO付費版
基礎版不能導出Videos、GIFS和序列幀，分享后的網頁URL帶有Logo水印。
界面布局
標簽欄
在標簽欄顯示你已經打開的文件，按“+”圖標創建新文件。如果你使用的是免費版本，則還會看到“升級”按鈕。
左側欄
是我們熟悉的圖層列表，頂部搜索/菜單欄，底部則是模型庫的入口。
工具欄
放置常用的工具，按下“+”圖標展開所有能添加的對象，除了基本的平面、文字、和立體物件、還有攝影機跟光源。可平移、縮放和旋轉對象，按下“播放”圖標則進入演示模式。
（選中左側的圖層進行旋轉）
中間視圖
中間就是主要的視圖區域了，你可以新建一個對象或打開模型文件來查看，通過快捷鍵Option + Drag（在Windows上是Alt + Drag）可以控制攝影機角度，按住Space空格鍵則能平移畫面，改變視角也可以通過快捷鍵Cmd＋滾輪來進行單點縮放。
下方底部按鈕則是用來改變相機視角的，Spline預設了【正視/左右側視/背視/俯視/仰視/ISO】幾種標准角度。在設計過程中經常需要從各個角度查看模型當前的設計狀態，檢查是否有錯位，是個很常用且方便的功能。
在其下方，有兩個不同的攝像機視圖可供選擇：
- Perspective透視：所有角度都會根據從相機到物體的距離而變化；
- Orthographic正交：所有角度均平行。
縮放選項：
- Center in object：在當前角度居中顯示選中的物體；
- Orientate to object：定位當前選中物體的正面。
(在正交視圖和透視視圖之間切換，快捷方式：“M”)
右側欄
右側欄在未選中任何圖層時顯示整體的環境參數設置，而選擇任一圖層后將在右側欄顯示具體的屬性面板，動態參數也可以在這邊逐一設置。
輕3D系列中文教程：從新手到精通（持續更新中）
餅餅spline基礎教程03｜會動的3D圖標
3D圖標動畫教程 | 日夜開關微交互，燈光-材質-動畫的講解
內含小技巧：如何給同一個物體添加不同的材質顏色，添加多個動畫等等，干貨滿滿
餅餅spline基礎教程04｜Spline進階篇
看教程 然后自己創作的小鍵盤
https://my.spline.design/keyboard-22cb70962e216ba1917d56cafdb7b584/
Real-time 3D spaceship on mobile phone tutorial
https://dribbble.com/shots/18044953-Real-time-3D-spaceship-on-mobile-phone-tutorial
參考
- Spline中文版
- Spline官網
- Spline-輕量3D設計神器來了-UICN
- 即時設計 x 站酷 x Spline | 3D LOGO 設計
- 你好，沉浸式體驗設計師 Pt.1
- 你好，沉浸式體驗設計師 Pt.2 Pt.3
- Intro to Immersive Experience Design (Part 1)
- Intro to Immersive Experience Design (Part 2)
- Intro to Immersive Experience Design (Part 3)
- 為何3D將成為UI的未來！如何成為沉浸式體驗設計師（上）
- 為何3D將成為UI的未來！如何成為沉浸式體驗設計師（下）
- 餅餅spline基礎教程03｜會動的3D圖標
- spline把3D的入門門檻踏平
- MatCap原理介紹及應用