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