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

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

軟件下載吧

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

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

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

簡單介紹

隨著高清視網(wǎng)膜屏的出現(xiàn),網(wǎng)頁設(shè)計也需要考慮各種高清屏幕的顯示效果,前端在寫代碼的時候也需要根據(jù)屏幕的不同,輸出不同分辨率的icon圖片,真的好多工作量啊~

為了解決屏幕分辨率對圖標影響的問題,SVG格式的icon出現(xiàn)了,簡單的說它是通過矢量路徑把icon變?yōu)樽煮w,這樣前端在改變icon大小和顏色的時候,操作起來就簡單高效多啦~

被困擾的小問題

先說明一下~我是一位GUI設(shè)計師,在設(shè)計網(wǎng)頁的時候,開發(fā)童鞋就使用了SVG格式的icon~細心的我發(fā)現(xiàn)這個格式的icon最后呈現(xiàn)出來的效果,邊緣會模糊。。。

這可能是一部分開發(fā)和視覺設(shè)計師都遇到的問題哦~用圖片來說明一下!

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

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

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

解決辦法

SVG格式是從AI導出的,所以無論視覺是在PS里面制作還是AI里面制作,都要將icon在AI中形成路徑~

問題出在哪里呢?

我們都知道AI是矢量工具,無論你畫什么路徑都不會出現(xiàn)像素那樣的鋸齒,所以在用AI制作像素icon的時候,一定要重新設(shè)置首選項,并用網(wǎng)格進行輔助。

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

STEP 1:單位一定是像素,否則會影響其他選項的單位設(shè)置

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

STEP 2:鍵盤增量調(diào)整為0.1像素,方便調(diào)整icon位置

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

STEP 3:網(wǎng)格線間隔設(shè)置為1px,次分隔線設(shè)置為10意思是最小的網(wǎng)格單位是0.1px,如果你的icon邊緣沒有貼在1、2、3…這樣的整數(shù)網(wǎng)格上而是在次分隔線上,就會模糊變形!

STEP 4:從“視圖”選項中選擇“顯示網(wǎng)格”。

還要啰嗦幾句……

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

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

標簽京東設(shè)計中心,ps基礎(chǔ)教程,理論教程,ps理論,ps知識,p

相關(guān)下載

查看所有評論+

網(wǎng)友評論

網(wǎng)友
您的評論需要經(jīng)過審核才能顯示

公眾號

主站蜘蛛池模板: 五月激情丁香婷婷综合第九 | 美国a毛片| 国产毛片基地 | 91亚洲精品国产第一区 | 欧美精品亚洲一区二区在线播放 | 久久亚洲精品国产精品777777 | 亚洲 欧美 日韩 丝袜 另类 | 欧美午夜视频一区二区三区 | 久久久久久久久一次 | 爱啪网亚洲第一福利网站 | 亚洲精品成人中文网 | 欧美成人区 | 久久一本色道综合 | 亚洲精品成人久久久影院 | 亚洲精品午夜久久久伊人 | 欧美成人性动漫在线观看 | 成人男女18免费o | 欧美日韩另类在线观看视频 | 亚洲超大尺度激情啪啪人体 | 国产视频高清在线 | 国产精品亚洲一区二区三区久久 | 奇米色88欧美一区二区 | 亚洲国产成人久久笫一页 | 91丨九色丨首页在线观看 | 奇米5555 | 美女视频免费黄的 | 大片在线播放日本一级毛片 | caoporen免费公开视频上传 | 美女视频网站色 | 中文字幕亚洲一区 | 亚洲综合网在线 | 久草福利资源在线观看 | 久久免费视频播放 | 国产v综合v亚洲欧美大另类 | 精品国产成a人在线观看 | 欧洲亚洲一区二区三区 | 亚洲国产成人精品区 | 一级做a爱片特黄在线观看免费看 | 欧美 亚洲 中文字幕 | 亚洲国产一区二区在线 | 在线观看日本免费视频大片一区 |