日韩小视频-日韩久久一区二区三区-日韩久久一级毛片-日韩久久久精品中文字幕-国产精品亚洲精品影院-国产精品亚洲欧美云霸高清

下載吧 - 綠色安全的游戲和軟件下載中心

軟件下載吧

當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > 設計的圖標模糊?教你四招輕松搞定。

設計的圖標模糊?教你四招輕松搞定。

時間:2024-03-07 15:01作者:下載吧人氣:16

簡單介紹

隨著高清視網膜屏的出現,網頁設計也需要考慮各種高清屏幕的顯示效果,前端在寫代碼的時候也需要根據屏幕的不同,輸出不同分辨率的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:從“視圖”選項中選擇“顯示網格”。

還要啰嗦幾句……

設計的圖標模糊?教你四招輕松搞定。

最后檢查的時候畫面一定要放大到最大哦~

標簽京東設計中心,ps基礎教程,理論教程,ps理論,ps知識,p

相關下載

查看所有評論+

網友評論

網友
您的評論需要經過審核才能顯示

公眾號

主站蜘蛛池模板: 手机看片国产 | 欧美在线一区二区三区精品 | 国产日韩欧美swag在线观看 | 免费成年网| 国产精品女上位在线观看 | 亚洲一级片免费看 | 免费精品国产日韩热久久 | 激情一区二区三区成人 | 国产亚洲一区二区三区不卡 | 久久综合免费视频 | 成 人 黄 色 激 情视频网站 | 欧美日韩偷拍自拍 | 亚洲一级特黄特黄的大片 | 成人a毛片视频免费看 | 国产美女一区二区三区 | 9久9久热精品视频在线观看 | 亚洲一区区 | 曰韩一级 | 精品欧美一区二区三区精品久久 | 俄罗斯毛片免费大全 | 性欧美欧美之巨大69 | 国产精品欧美日韩一区二区 | 久久综合一本 | 美国欧美一级毛片 | 国产三级中文字幕 | 亚洲精品国产福利一区二区三区 | 怡红院亚洲红怡院天堂麻豆 | 91一区| 日本天堂在线视频 | 精品一久久 | 日韩亚洲欧美一区噜噜噜 | 美女张开腿让男人桶的 视频 | 波少野结衣在线播放 | 成人国产网站 | 成人亚洲在线 | 德国女人一级毛片免费 | 国产成人午夜 | 最近最新中文字幕免费的一页 | 国产成人精品男人免费 | aaaaaa精品视频在线观看 | 亚欧免费视频 |