UI設計去哪學(xué)？教你如何制作多款按鈕(轉載)

　　LV. ★

　　初入設計，學(xué)做按鈕PSD中四色黑底色怎么換成單黑。只會(huì )套個(gè)底色，加個(gè)陰影，字體純白，小聰明的弄個(gè)圓角。

　　LV. ★★

　?。柽?、字體、內陰影）

　　看了很多案例，學(xué)會(huì )了一些小技巧，內描邊1PX深色描邊使效果有所提升PSD中四色黑底色怎么換成單黑。注意描邊要貼近按鈕色，不要用純黑和純白。

　　其次，字體的顏色也同樣不要用純白，要用貼近按鈕色的單色最佳PSD中四色黑底色怎么換成單黑。

　　當學(xué)會(huì )了內陰影這項技能后，你就發(fā)現高光的按鈕看起來(lái)非常美好PSD中四色黑底色怎么換成單黑。

　　LV. ★★（漸變疊加）

　　漸變疊加可以讓按鈕產(chǎn)生更多de的質(zhì)感效果，多多嘗試，會(huì )有新的發(fā)現PSD中四色黑底色怎么換成單黑。

　　LV. ★★★（1像素的高光）

　　如果這是漸變的一種，明暗清晰PSD中四色黑底色怎么換成單黑。其次，這里要說(shuō)的是利用矢量圖做出1px的高光，伴起左、右、上，讓按鈕質(zhì)感更加強烈。

　　LV. ★★★（疊加的模糊光）

　　這是常用的一種網(wǎng)頁(yè)按鈕，很懂看起來(lái)絢麗的高光，如此技法PSD中四色黑底色怎么換成單黑。甚至在紅色的按鈕疊加黃光，黑色的按鈕疊加紫光等等，具體大家自由發(fā)揮。

　　LV. ★★★（圖案疊加）

　　圖案疊加更多的是加強紋理，比如貼上皮革、金屬、木紋等素材，強調按鈕的與眾不同PSD中四色黑底色怎么換成單黑。這里的疊加，擴展了紋理。

　　LV. ★★★★（外發(fā)光）

　　利用文字的外發(fā)光，讓按鈕看起來(lái)更富有光感，注意發(fā)光de的顏色要貼近按鈕色，不要有太大的差異PSD中四色黑底色怎么換成單黑。

　　LV. ★★★★（投影）

　　不要總使用默認的投影，多嘗試他們的數值，會(huì )有不一樣的感覺(jué)PSD中四色黑底色怎么換成單黑。還有在字體上加入1px的內陰影，讓字體更加凸起。

　　LV. ★★★★（1px的內陰影和投影）

　　了解了內陰影和投影的使用，就多玩玩1px的威力PSD中四色黑底色怎么換成單黑。它會(huì )讓你的按鈕看起來(lái)凹陷感更強烈。

　　LV. ★★★★（逆漸變）

　　大部分的這種技能用在按鈕觸碰效果，使其和靜態(tài)按鈕擁有很大的反差，提醒用戶(hù)鼠標懸浮于此PSD中四色黑底色怎么換成單黑。

　　LV. ★★★★★（斜面和浮雕）

　　這個(gè)技能用得好也是一神技，他能讓按鈕效果片刻出結果，也同樣能制作金屬質(zhì)感，當然，這需要調整它的曲線(xiàn)，你可以試試PSD中四色黑底色怎么換成單黑。

　　LV. ★★★★★★（外圍輔助）

　　這種外圍的輔助，讓按鈕看起來(lái)更是掉到了坑里PSD中四色黑底色怎么換成單黑。更加的吸引眼球，引起注意。其次注意這個(gè)按鈕PSD的漸變，不是圖層疊加而是直接漸變。

　　LV. ★★★★★★（厚度）

　　這種按鈕的現在用的非常多，加上一層使其空間感更加強烈，很多的手機應用下載按鈕就是用到了他PSD中四色黑底色怎么換成單黑。注意PSD中它的陰影使用。

　　LV. ★★★★★★（透明）

　　外圍的輔助，也有這樣的功能，調整它的填充或者透明度，這樣的按鈕在有背景的頁(yè)面里效果尤為突出PSD中四色黑底色怎么換成單黑。之前我們說(shuō)過(guò)的光疊加，也可以這樣疊加。

　　LV. ★★★★★★★（內發(fā)光）

　　內發(fā)光的按鈕，不好掌握很容易出丑，如果用的好，也為自己的設計提分PSD中四色黑底色怎么換成單黑。內發(fā)光不限于亮光，也適用于暗光。

　　LV. ★★★★★★★（細節）

　　到這里，就沒(méi)有太多可以注解的技能可以說(shuō)了PSD中四色黑底色怎么換成單黑。唯一要注意的，就是細節。

　　比如做2px的圓角，比如字體顏色再藍一些，比如陰影的明暗再舒服些，比如描邊可以用漸變，更比如，之前的文字沒(méi)有劇中對齊，把它調整好PSD中四色黑底色怎么換成單黑。

　　所有的一切，就是一個(gè)細節PSD中四色黑底色怎么換成單黑。

　　最開(kāi)始我們用1分鐘做一個(gè)按鈕，到我們用30分鐘甚至1個(gè)小時(shí)去思考，去調整，去嘗試PSD中四色黑底色怎么換成單黑。

　　LV. ★★★★★★★★★★★★★★★★（扁平不平PSD中四色黑底色怎么換成單黑，無(wú)限可能）

　　現在流行扁平化設計，讓人感覺(jué)它非常容易入門(mén)，而且簡(jiǎn)單PSD中四色黑底色怎么換成單黑。

　　其實(shí)并非如此，扁平不平，暗藏殺機，它降低了一切光影質(zhì)感，盡量減少最小甚至感覺(jué)不到它的存在，如此來(lái)提高它的美感PSD中四色黑底色怎么換成單黑。

　　現在設計一個(gè)按鈕PSD中四色黑底色怎么換成單黑，你會(huì )想什么？

　　讓我們回顧一下這一切按鈕的變化史PSD中四色黑底色怎么換成單黑，你是否從中受益了呢？

　　UI設計講求的是一個(gè)融會(huì )貫通，UI設計專(zhuān)業(yè)涉及到的面非常廣，需要注意的東西也很多，因此對于UI設計初學(xué)者來(lái)說(shuō)，我們需要掌握的東西還有很多，包括專(zhuān)業(yè)知識、設計技能，以及一些職業(yè)技能的培訓，因此沒(méi)有經(jīng)過(guò)專(zhuān)業(yè)系統的培訓是很難跟上步伐的PSD中四色黑底色怎么換成單黑。很多人為了高效提升自己的專(zhuān)業(yè)知識，大多會(huì )選擇CGWANG這樣一些專(zhuān)業(yè)的職業(yè)人才培養機構進(jìn)行進(jìn)修，通過(guò)一定時(shí)間專(zhuān)業(yè)系統的學(xué)習，達到一定的技術(shù)水平，從而更好地走上工作崗位。