|
作為一篇關(guān)于設(shè)計(jì)經(jīng)驗(yàn)分享的博文，我只有靠自己淺薄的經(jīng)驗(yàn)寫(xiě)出自己個(gè)人的看法，關(guān)于界面視覺(jué)設(shè)計(jì)，要分類(lèi)的話能分得很細(xì)，所以能寫(xiě)的就很多，所以我打算先從局部來(lái)談?wù)勎铱偨Y(jié)的一些設(shè)計(jì)方法。
經(jīng)常有同學(xué)問(wèn)我一些關(guān)于按鈕設(shè)計(jì)的問(wèn)題，怎么樣做些漂亮又特別的按鈕，我常常會(huì)告訴他們?cè)趺串?huà)按鈕的技法。但是我覺(jué)得一個(gè)設(shè)計(jì)師的成長(zhǎng)都離不開(kāi)自己對(duì)設(shè)計(jì)方法的總結(jié)。畫(huà)按鈕的技法在網(wǎng)上能找到很多，但是很少有人講按鈕設(shè)計(jì)的方法論，所以今天我把自己總結(jié)的按鈕設(shè)計(jì)的方法和大家一起分享。（既然是按鈕設(shè)計(jì)的方法分享，所以我在畫(huà)案例的時(shí)候略顯粗糙了，還請(qǐng)大家多多包含）
一個(gè)漂亮的按鈕，我們要看他的表現(xiàn)方式、形態(tài)、質(zhì)感是否符合整個(gè)界面所要傳達(dá)的整體風(fēng)格是值得每一個(gè)設(shè)計(jì)師去重視的。隨著網(wǎng)絡(luò)媒體的發(fā)展。各行各業(yè)都在網(wǎng)絡(luò)媒體上來(lái)展示自己，也相繼出現(xiàn)了許多行業(yè)界面，那么這些界面的設(shè)計(jì)風(fēng)格肯定不會(huì)千篇一律，那么涉及到的按鈕設(shè)計(jì)也是各有風(fēng)格的。
“藝術(shù)來(lái)源于模仿”，“設(shè)計(jì)來(lái)源于生活”。這兩句話對(duì)我在學(xué)設(shè)計(jì)的時(shí)候起到很大的作用，我在畫(huà)按鈕的時(shí)候主要從生活中發(fā)現(xiàn)自己需要的元素。下面我就舉例來(lái)談?wù)勎业姆椒ā?br />
首先，我們知道按鈕在效果表現(xiàn)上很大一部分我們是從質(zhì)感的表現(xiàn)上來(lái)識(shí)別的，比如我們最常見(jiàn)VISTA風(fēng)格的按鈕就是從玻璃質(zhì)感上變現(xiàn)。大家可以看我找的玻璃瓶素材，很明顯就能看出玻璃瓶的高光、反光和投影。我們?cè)谧儸F(xiàn)按鈕質(zhì)感的時(shí)候也多是從這三方面出發(fā)。
這里我做了一個(gè)實(shí)例分析
玻璃瓶素材
A按鈕我是完全按照玻璃瓶質(zhì)感的方式來(lái)畫(huà)的；
B按鈕是我經(jīng)過(guò)我對(duì)光規(guī)律的觀察而總結(jié)出的自己想要表現(xiàn)方式的一種藝術(shù)處理。主要是為了說(shuō)明我們?cè)谶M(jìn)行參照質(zhì)感進(jìn)行按鈕設(shè)計(jì)的時(shí)候要考慮自己需要的藝術(shù)效果進(jìn)行適當(dāng)?shù)乃囆g(shù)處理。這樣也便于界面制作人員的制作。
下面一種是我們經(jīng)常所見(jiàn)的蘋(píng)果風(fēng)格的按鈕設(shè)計(jì)，這種風(fēng)格的按鈕也是我們?cè)谏钪薪?jīng)常能見(jiàn)到的，鍵盤(pán)手機(jī)就經(jīng)常采用這種設(shè)計(jì)方式，但是隨著觸摸屏手持設(shè)備的普遍，絕大數(shù)的鍵盤(pán)界面都采用模仿原來(lái)手機(jī)實(shí)物鍵盤(pán)的設(shè)計(jì)方式，這樣是為了讓用戶對(duì)界面產(chǎn)生親切感，同時(shí)這樣的設(shè)計(jì)也看起來(lái)更加簡(jiǎn)潔美觀。
鍵盤(pán)素材
C按鈕是我參照鍵盤(pán)的質(zhì)感做的樣稿，
D按鈕是我選擇了同一色相不同明度和純度所做的按鈕，之所以列舉這個(gè)列子，是為了說(shuō)明我們?cè)谧鲞@種風(fēng)格的按鈕設(shè)計(jì)的時(shí)候，一定要把握住一個(gè)很重要的問(wèn)題，那就是一定是在同一種色相中拉漸變，這樣的按鈕效果才自然，當(dāng)然除了設(shè)計(jì)師追求一些不一樣的效果。
|