巧妙性設計之UI按鈕設計方法論(一) - 網頁設計 |
|
http://webdesign.zoapcon.com
|
|
|
|
作為一篇關于設計經驗分享的博文,我只有靠自己淺薄的經驗寫出自己個人的看法,關于界面視覺設計,要分類的話能分得很細,所以能寫的就很多,所以我打算先從局部來談談我總結的一些設計方法。 經常有同學問我一些關于按鈕設計的問題,怎么樣做些漂亮又特別的按鈕,我常常會告訴他們怎么畫按鈕的技法。但是我覺得一個設計師的成長都離不開自己對設計方法的總結。畫按鈕的技法在網上能找到很多,但是很少有人講按鈕設計的方法論,所以今天我把自己總結的按鈕設計的方法和大家一起分享。(既然是按鈕設計的方法分享,所以我在畫案例的時候略顯粗糙了,還請大家多多包含) 一個漂亮的按鈕,我們要看他的表現方式、形態、質感是否符合整個界面所要傳達的整體風格是值得每一個設計師去重視的。隨著網絡媒體的發展。各行各業都在網絡媒體上來展示自己,也相繼出現了許多行業界面,那么這些界面的設計風格肯定不會千篇一律,那么涉及到的按鈕設計也是各有風格的。 “藝術來源于模仿”,“設計來源于生活”。這兩句話對我在學設計的時候起到很大的作用,我在畫按鈕的時候主要從生活中發現自己需要的元素。下面我就舉例來談談我的方法。 首先,我們知道按鈕在效果表現上很大一部分我們是從質感的表現上來識別的,比如我們最常見VISTA風格的按鈕就是從玻璃質感上變現。大家可以看我找的玻璃瓶素材,很明顯就能看出玻璃瓶的高光、反光和投影。我們在變現按鈕質感的時候也多是從這三方面出發。 這里我做了一個實例分析
玻璃瓶素材
A按鈕我是完全按照玻璃瓶質感的方式來畫的;
B按鈕是我經過我對光規律的觀察而總結出的自己想要表現方式的一種藝術處理。主要是為了說明我們在進行參照質感進行按鈕設計的時候要考慮自己需要的藝術效果進行適當的藝術處理。這樣也便于界面制作人員的制作。 下面一種是我們經常所見的蘋果風格的按鈕設計,這種風格的按鈕也是我們在生活中經常能見到的,鍵盤手機就經常采用這種設計方式,但是隨著觸摸屏手持設備的普遍,絕大數的鍵盤界面都采用模仿原來手機實物鍵盤的設計方式,這樣是為了讓用戶對界面產生親切感,同時這樣的設計也看起來更加簡潔美觀。
鍵盤素材
C按鈕是我參照鍵盤的質感做的樣稿,
D按鈕是我選擇了同一色相不同明度和純度所做的按鈕,之所以列舉這個列子,是為了說明我們在做這種風格的按鈕設計的時候,一定要把握住一個很重要的問題,那就是一定是在同一種色相中拉漸變,這樣的按鈕效果才自然,當然除了設計師追求一些不一樣的效果。 TAG: 網頁設計 | web design |
|
- 10月 27 週四 201118:18
巧妙性設計之UI按鈕設計方法論(一)_網頁設計
文章標籤
全站熱搜
