色彩對(duì)比
在設(shè)計(jì)中做統(tǒng)一是一種比較簡(jiǎn)單而且很有效果的一種方法,但是缺點(diǎn)就是很難在視覺(jué)上給用戶有一種新鮮感,所以好多設(shè)計(jì)師會(huì)在設(shè)計(jì)對(duì)比上思考許久,因?yàn)檫@樣達(dá)到的效果是能給人眼前一亮的感覺(jué)。前面我寫了設(shè)計(jì)中的統(tǒng)一,有統(tǒng)一必然會(huì)有對(duì)比,所以接下來(lái)我談?wù)勎覍?duì)與按鈕設(shè)計(jì)運(yùn)用的對(duì)比方法。這些方法我們?cè)谏钪卸寄苷业较嚓P(guān)的設(shè)計(jì)元素。
說(shuō)起色彩對(duì)比那又將是一篇長(zhǎng)篇大論,所以在這里我也只是根據(jù)按鈕設(shè)計(jì)中的問(wèn)題點(diǎn)到為止。我們知道色彩最重要的屬性之一就是它的冷暖性,所以冷暖對(duì)比是在設(shè)計(jì)中運(yùn)用最多的,但是如果再把色彩對(duì)比劃分的話還有明度對(duì)比,純度對(duì)比,補(bǔ)色對(duì)比,冷暖對(duì)比,面積對(duì)比,黑白灰對(duì)比,同時(shí)對(duì)比,空間效果和空間混何等的對(duì)比。
曾經(jīng)看過(guò)一步電影《向左走向右走》里面的一個(gè)場(chǎng)景讓我印象深刻,如圖所示,在這個(gè)場(chǎng)景中我深深的被場(chǎng)景中的色彩對(duì)比鎖吸引,這個(gè)場(chǎng)景對(duì)我以后在做設(shè)計(jì)的時(shí)候強(qiáng)調(diào)主次起了很大的啟發(fā)作用。如圖:
然而被稱之為經(jīng)典的界面設(shè)計(jì)就是蘋果的計(jì)算機(jī)工具界面設(shè)計(jì),這是典型的來(lái)源與生活中的按鈕設(shè)計(jì)。其方法和《向左走向右走》里面的這個(gè)場(chǎng)景一樣。這樣的按鈕設(shè)計(jì)直接給用戶指出了重要的部分,能更加幫助用戶的使用。如圖:
質(zhì)感對(duì)比
在生活中不同質(zhì)感組合表現(xiàn)一樣的物品也很多,但是給我印象最深的就是下面這款筆記本,它是采用木質(zhì)和金屬質(zhì)感以及塑料質(zhì)感的對(duì)比而成,整個(gè)設(shè)計(jì)簡(jiǎn)潔大氣不失美觀。如圖:
作為界面設(shè)計(jì)中被設(shè)計(jì)師很看重的界面質(zhì)感設(shè)計(jì)。在進(jìn)行按鈕設(shè)計(jì)上考慮最多的質(zhì)感的搭配,現(xiàn)在來(lái)說(shuō)說(shuō)質(zhì)感對(duì)比,往往我們看界面設(shè)計(jì)時(shí)按鈕都會(huì)有幾種狀態(tài),那么怎么來(lái)設(shè)計(jì)這幾種狀態(tài)能讓按鈕有新的亮點(diǎn),這值得每個(gè)界面設(shè)計(jì)師的考慮。在這里思考的質(zhì)感就會(huì)有很多種對(duì)比,沒(méi)有好壞之分,關(guān)鍵看設(shè)計(jì)師做這種對(duì)比想給用戶一種什么感覺(jué)。如圖:
后面我談到的這種方法也是我個(gè)人的思考點(diǎn),至于在界面設(shè)計(jì)中怎么運(yùn)用,值得每個(gè)設(shè)計(jì)師的思考,大家都知道過(guò)馬路,當(dāng)一群人從走往右走的時(shí)候,對(duì)面一個(gè)人走過(guò)來(lái)·這樣的的動(dòng)態(tài)是不是很特別呢,是不是有個(gè)醒目的感覺(jué)。我曾經(jīng)看過(guò)一個(gè)服裝廣告設(shè)計(jì)就是這樣設(shè)計(jì)的,動(dòng)態(tài)的對(duì)比是界面的發(fā)展正朝著運(yùn)動(dòng)的模式發(fā)展,所以我們?cè)诎粹o設(shè)計(jì)的運(yùn)用上可以考慮按鈕的動(dòng)態(tài)對(duì)比的運(yùn)用將會(huì)是怎么樣的。
最后我們無(wú)論是在界面設(shè)計(jì)中做統(tǒng)一或?qū)Ρ,我們都要在整個(gè)產(chǎn)品的整體性基礎(chǔ)之上來(lái)考慮,這樣才能保證產(chǎn)品的完整性。同時(shí)我們?cè)谠O(shè)計(jì)界面的時(shí)候千萬(wàn)記住界面的細(xì)節(jié)表現(xiàn),因?yàn)樵诮缑嬖O(shè)計(jì)中載體大小的限制,我們應(yīng)該把握好每一個(gè)像素的運(yùn)用,這樣做出來(lái)的界面才會(huì)工整美觀。
原文:http://www.xmued.com/?p=1767
本文鏈接:http://m.95time.cn/design/doc/2010/8142.asp
出處:新媒重慶UED
責(zé)任編輯:bluehearts
上一頁(yè) UI按鈕設(shè)計(jì)方法論(二) [1] 下一頁(yè)
|