13，觀察上圖有木有得出一點思考，2像素是從哪里冒出來的，說好了的一像素呢？經過分析，我得出的結論是問題出在這里，如下圖紅色標注所示。當我們去掉這兩條直線重新定義圖案看看會出現怎樣的效果。

14,去掉這兩條直線以后，整個網格圖案就是未閉合的圖案，此時我們再用同樣的方法去重新定義圖案，并給圖案取個名字方便識別。然后回到之前的畫布，再去用油漆桶工具刷一次，看看是怎么樣的效果吧。

15，通過再一次重新定義圖案，再一次油漆桶粉刷，我們得出下圖效果。（記得降低網格圖層整體透明度到30%左右），順便對比一下之前的圖，看看效果有么有提升。

16，經過重新定義圖案，我們發現問題就是出在了那里對不對，原因是為什么呢，是因為閉合的網格圖案在用油漆桶工具粉刷的時候自動合并了相同的網格，造成了邊緣疊加，也就是說1像素的直線經過疊加就變成了2像素的直線，為了解決這一問題，我們在網格圖案定義的時候去掉邊緣直線，讓圖案在用油漆桶粉刷的時候不用重合邊緣就行了。

至于主要網格和次要網格的區分，就取決于你在定義圖案的時候，對邊緣直線和網格內部直線透明度的區分了。

17，設計有時候就是這么好玩，一像素的區分就會帶來不一樣的整體效果，尤其是在UI設計這個行業，需要太多的細節把控。希望這篇文章能給設計行業的新朋友們帶來不一樣的思考角度，這篇文章也送給自己。希望小伙伴們喜歡，希望編輯給我上首頁啊有木有。高清晰分辨率五碼教程有木有...

也希望各位大牛把你們學到的知識拿出來分享一點哦，多多交流。

第一期寫教程，求板磚，求交流，求朋友，求推薦，求分享。

再說了，點一下又不會懷孕...