什么是像素眼？

為什么大神說越簡約的設(shè)計(jì)越難？

為什么總是設(shè)計(jì)不出高端大氣上檔次的東西？

下面來深度解析一個(gè)按鈕的秘密

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

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

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

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

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

漸變還可以用來做反光，如果在漸變的最后不加這個(gè)淡淡騷氣的顏色，眼睛就會(huì)捕捉到，然后神馬總監(jiān)或者客戶就會(huì)讓你再改一版，因?yàn)樗麄儾恢滥某隽藛栴}，只是你沒有做到位而已。

投影很講究，第一個(gè)投影是圓形自帶的投影，投影幅度不大，但是很黑，第二層是動(dòng)感模糊，第三層是數(shù)值比較大的動(dòng)感模糊，三個(gè)疊在一起，不斷的調(diào)整透明度，讓他們?nèi)谠谝黄稹?/p>

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

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

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

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