什么是像素眼？

為什么大神說越簡約的設計越難？

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

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

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

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

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

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

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

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

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

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

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

SparkDesign web: http://www.sparkdesign.cn/
邵飛微博：http://weibo.com/mrshaofei
Dribbble：http://dribbble.com/shaofei

 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計講座：每月邀請國內互聯網公司設計前輩及行業總監在群內及YY語音（YY頻道：15335158）分享實戰經驗。
設計微博：擁有粉絲量47萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：