設計師如何與像素打交道

 　　什麼是像素眼?

　　為什麼大神說越簡約的設計越難?

　　為什麼總是設計不出高端大氣上檔次的東西?

　　下面來深度解析一個按鈕的秘密

　　從視覺角度來看，這是一枚灰色的icon，如果你認為是這樣的，那高端大氣上檔次基本和你沒啥關系了。

　　你可以用吸管吸取這個按鈕的任何地方，發現它都不在最左側區域，最左側區域才是 白色-黑色，才是沒有飽和度的色系。 從編號01這裡可以看出，這裡加了一點黃色，大家可以找找很多騷氣的標，作者們都要麼不是加了點藍色，就是加了點紅色 ，但是看上去像灰色系，這時候大家臨摹的時候，就蛋疼了，怎麼做也和原圖不一樣。

　　畫這種色系不多，細膩，略裝b的標，顏色幅度一定要控制好，就算顏色相近，都別用純色，拉個漸變，不停的調整，顏色區域不要超過紅色區域，這樣你的漸變就會帶有一種讓別人看了似懂非懂、認為此作者非常有內涵、有文化的感覺。

　　內投影的技法很簡單，我在繪制的時候，把距離0-5和大小0-5，透明度8%-90%全部混合試了一遍。最後找到一個看上去最順眼的組合，千萬不可抱著”差不多”的心態，對於細節來說，一點點”差不多”，效果上就會差很多。 ps:我用投影做的一像素高光是在pc上顯示，所以我用了距離1，如果按鈕是在iphone上顯示，那麼數值就要調整，因為iphone是高清屏，分辨率不一樣，在pc上的一像素，可能在手機上看到的是一根超級超級細的線，所以要弘揚精益求精的精神，設置不同的參數，在手機上不停的演示。

　　圓形按鈕與橢圓槽相差1px，這時候大家要嚴格要求的去繪制這個圓形，如果是一個工業設計後的按鈕，你忍心讓它七扭八歪嗎?

　　漸變還可以用來做反光，如果在漸變的最後不加這個淡淡騷氣的顏色，眼睛就會捕捉到，然後神馬總監或者客戶就會讓你再改一版，因為他們不知道哪出了問題，只是你沒有做到位而已。

　　投影很講究，第一個投影是圓形自帶的投影，投影幅度不大，但是很黑，第二層是動感模糊，第三層是數值比較大的動感模糊，三個疊在一起，不斷的調整透明度，讓他們融在一起。

　　動感模糊後的投影視覺看上去會比按鈕要寬，感覺很不真實，所以我們要用塗抹工具把兩邊往裡收一收。

　　簡約而不簡單，我想咱們搞設計的，玩視覺就要下點功夫，多多考慮，多多發現，不放過沒一粒像素，我的很多設計朋友會在一個細節上刻畫很久，我認為專注是一回事，責任就是一回事，不管是做視覺還是做交互，都是我們的本職，我們要有最基本的職業道德。所以設計與藝術的不同在於畫錯的一筆可能成為名畫，而設計，是刻意的、有意的、合理的、布個局，弄個陷阱，讓用戶踩進去，享受你設計帶給他們的喜悅和驚喜。我想，我們每一個人用一個負責任的態度去做事，設計師將會成為最值得尊敬的職業。