企業及高校合作：010-59833514 ‬谘詢電話：400-810-1418 服務與監督電話：400-810-1418轉接2
北京
b

北京

c

成都

g

廣州

h

杭州

s

上海

w

武漢

火星網校
課程導航
AI設計
AI 影視動畫廣告班 藝術設計基礎班
元宇宙設計
影視遊戲虛幻美術視效大師班 虛幻引擎交互開發工程師班
华体会hth体育app在线登录
原畫概念設計大師班 遊戲UI設計師班 影視遊戲 3D 模型大師班 遊戲動作設計師班 遊戲特效大師班 VR視效與交互大師班
剪輯包裝
影視剪輯包裝廣告大師班 影視剪輯大師班
影視後期
影視原畫與模型渲染大師班 影視遊戲角色動畫大師班 影視特效與合成大師班
遊戲程序
Unity3D遊戲開發工程師班 虛幻引擎交互開發工程師班
U I 設計
AI+UX設計大師班
IT 學院
WEB前端+全棧工程師班 人工智能+Python開發工程師班
室內設計
室內設計表現大師班 室內高級設計師班 室內設計表現大師班 BIM全科班 VR建築與室內表現設計師班
當前位置：首頁 >教程首頁 > illustrator >減輕工作量！輕鬆搞定SVG Icon的模糊問題

減輕工作量！輕鬆搞定SVG Icon的模糊問題

發布時間：2018-11-17 19:57:24

導言：隨著高清視網膜屏的出現，網頁設計也需要考慮各種高清屏幕的顯示效果，前端在寫代碼的時候也需要根據屏幕的不同，輸出不同分辨率的icon圖片，真的好多工作量啊~

為了解決屏幕分辨率對圖標影響的問題，SVG格式的icon出現了，簡單的說它是通過矢量路徑把icon變為字體，這樣前端在改變icon大小和顏色的時候，操作起來就簡單高效多啦~

被困擾的小問題

先說明一下~我是一位GUI設計師，在設計網頁的時候，開發童鞋就使用了SVG格式的icon~細心的我發現這個格式的icon最後呈現出來的效果，邊緣會模糊。。。

這可能是一部分開發和視覺設計師都遇到的問題哦~用圖片來說明一下！


對比後，效果相差還是很明顯的，甚至圖標還會變形呢！這對有強迫症的人來說真的是一件超級虐心的事情呢~


解決辦法

SVG格式是從AI導出的，所以無論視覺是在PS裏麵製作還是AI裏麵製作，都要將icon在AI中形成路徑~

問題出在哪裏呢？

我們都知道AI是矢量工具，無論你畫什麼路徑都不會出現像素那樣的鋸齒，所以在用AI製作像素icon的時候，一定要重新設置首選項，並用網格進行輔助。

STEP 1：單位一定是像素，否則會影響其他選項的單位設置


STEP 2：鍵盤增量調整為0.1像素，方便調整icon位置


STEP 3：網格線間隔設置為1px，次分隔線設置為10意思是最小的網格單位是0.1px，如果你的icon邊緣沒有貼在1、2、3……這樣的整數網格上而是在次分隔線上，就會模糊變形！


STEP 4：從“視圖”選項中選擇“顯示網格”。


最後檢查的時候畫麵一定要放大到最大哦~

簡單的小分享，希望可以幫到童鞋們~謝謝啦。

上一篇 Illustrator無法啟動運行的解決方法

下一篇 耐心最重要！AI鼠繪汽車不亞於3D渲染

返回列表
华体会hth体育网 賞析
  • 2101期學員李思庭作品

    2101期學員李思庭作品

  • 2104期學員林雪茹作品

    2104期學員林雪茹作品

  • 2107期學員趙淩作品

    2107期學員趙淩作品

  • 2107期學員趙燃作品

    2107期學員趙燃作品

  • 2106期學員徐正浩作品

    2106期學員徐正浩作品

  • 2106期學員弓莉作品

    2106期學員弓莉作品

  • 2105期學員白羽新作品

    2105期學員白羽新作品

  • 2107期學員王佳蕊作品

    2107期學員王佳蕊作品

熱門課程

專業講師指導 快速擺脫技能困惑

相關文章

多種教程 總有一個適合自己

專業問題谘詢

你擔心的問題，火星幫你解答

火星資訊

室內設計 遊戲培訓 ui設計培訓 影視特效培訓 插畫培訓 原畫培訓 動畫培訓 平麵設計培訓 建築設計 動漫培訓 火星問答 web前端培訓 技校 學技術 中專 動漫繪畫教程
關於火星
關於我們 人才合作 建議和意見
內容分類
頻道專區 熱門標簽
火星優勢
師資團隊 教學模式 課程研發 學員成果 圖書出版 資質認證
幫助中心
專業選擇 考察學校 學習方式 如何就業 如何退費
聯係我們
課程谘詢：400-810-1418 人力資源：010-59833585 監督電話：400-810-1418轉接2 就業部：010-59833202 企業及高校合作：010-59833514 市場合作：010-59833359
©2021, 华体会app最新下载 华体会注册链接 電信與信息服務業務經營許可證070738號 京ICP備09083002號-6  京ICP證061064號  京公網安備11010502025474
獲取驗證碼

×

同學您好！

您已成功報名0元試學活動，老師會在第一時間與您取得聯係，請保持電話暢通！
確定