135編輯器SVG六大更新：從預(yù)覽到素材的全鏈路優(yōu)化
135編輯器SVG功能迎來全方位升級！包含實時預(yù)覽、交互體驗、自帶素材、DIY作圖、模板中心及界面簡化六大更新，為您提供更流暢、高效、安全的SVG內(nèi)容創(chuàng)作體驗。
本次咱們SVG編輯器有以下6點更新，涉及界面優(yōu)化以及操作相關(guān)的調(diào)整。
? 實時預(yù)覽功能：在SVG編輯器界面可實時預(yù)覽制作的效果情況，不用頻繁使用手機掃碼查看。
? 交互操作體驗：在PC端效果展示區(qū)域部分效果可進(jìn)行實際的交互體驗，直觀感受效果形式。
? 可使用組件自帶的素材圖：部分組件中的圖片素材可直接使用。
? 新增DIY作圖功能
? 新增SVG模板集合展示頁面：SVG模板也有統(tǒng)一的展示中心。
? SVG編輯器首頁更簡潔：SVG編輯器界面UI設(shè)計更簡潔、不花哨。
下面三兒就將圍繞這六點內(nèi)容具體展開講講。
以往在制作SVG作品的過程中想要實時預(yù)覽效果，需要用手機不斷掃碼查看，這種操作繁瑣且耗時，因此我們針對此功能進(jìn)行了更新，現(xiàn)在的SVG編輯器預(yù)覽功能可實現(xiàn)PC端實時預(yù)覽以及交互操作。
舉個例子：當(dāng)我完成一個組件效果并進(jìn)行預(yù)覽后，預(yù)覽界面會持續(xù)顯示在編輯區(qū)域左側(cè)；若繼續(xù)添加新效果，只需刷新該界面，就能在PC端實時體驗交互，直觀查看新增效果的實際呈現(xiàn)效果。
<GIF展示>
此前，若想查看某組件的實際交互效果，只能通過PC端的GIF演示圖或手機掃碼兩種方式了解。
為節(jié)省大家的瀏覽與操作時間，我們此次新增了PC端效果展示界面的交互功能，支持直接在效果展示區(qū)域操作體驗，無需額外切換設(shè)備。（目前已完成100多個組件的交互效果適配，后續(xù)將持續(xù)更新迭代）
還在為不會作圖而煩惱？還在擔(dān)心圖片版權(quán)問題？用135的SVG組件這些問題統(tǒng)統(tǒng)都能解決。
135的部分SVG組件自帶素材圖，圖片均有版權(quán)保障，商用無憂，只需點擊【案例展示】區(qū)域在篩選效果的時候選擇【帶圖使用】，即可一鍵使用組件中的圖片素材。
<GIF圖展示>
之前總有小伙伴反饋咱們的SVG編輯器界面看起來太花哨、不夠簡潔，所以這次我們對UI界面進(jìn)行了調(diào)整，從SVG編輯器首頁、組件效果中心再到效果預(yù)覽展示界面都統(tǒng)一進(jìn)行了更新，整體看上去會更加美觀、簡潔。
<編輯區(qū)域>
<效果中心>
<組件預(yù)覽展示界面>
此前，SVG模板僅在首頁左側(cè)區(qū)域展示，不僅查找SVG模板不夠便捷，同時展示區(qū)域也不直觀，所以此次我們新增了SVG模板中心，讓大家瀏覽和查找模板的過程更一目了然。
點擊左上角頂欄的【模板中心】即可跳轉(zhuǎn)到SVG模板中心的界面。
在這里大家可以根據(jù)頂部的標(biāo)簽篩選你需要的SVG模板類型，以及通過輸入SVG模板的ID號碼或關(guān)鍵詞進(jìn)行解鎖。
為了方便大家能夠更輕松、快速地制圖，我們特意在SVG編輯器界面中接入了筆格設(shè)計作圖入口，當(dāng)大家將組件添加到編輯區(qū)域時，在傳圖的區(qū)域底部，會有【DIY作圖】按鈕，點擊即可跳轉(zhuǎn)到作圖界面，可以挑選其中現(xiàn)成的海報使用，或進(jìn)行二次設(shè)計。
筆格設(shè)計中的海報均有版權(quán)保障，讓大家商用無憂。
