轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   sillybuy.com  )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ，為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來源：http://shijue.me/show_text/516f4f66e744f9076d000012

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中，   請點(diǎn)這里

影響縱移動(dòng)設(shè)計(jì)最重要的莫過于色彩。色彩之所以在移動(dòng)設(shè)計(jì)領(lǐng)域沒有那么快流行起來是因?yàn)槿藗冊谟蒙喜粔虼竽懖]有充分利用它。幸好這種情況正在改變——因?yàn)樯蕽u漸變成移動(dòng)設(shè)計(jì)中不可或缺的元素并有了它自己的流行趨勢。



什么是色彩？



顏色的有趣生動(dòng)、養(yǎng)眼好用令人著迷。色彩是非常棒且很重要的設(shè)計(jì)元素和工具，我們不應(yīng)該害怕使用色彩。



移動(dòng)設(shè)備不像顯示器，它的屏幕有限，你不可能像在桌面上那樣自由地控制它。移動(dòng)設(shè)備用色和桌面用色沒什么不同，但似乎比它更重要。人們在用手機(jī)的時(shí) 候很可能都很忙，各種事情分散他們的注意力；這時(shí)候色彩能幫助你抓住他們的視線。更重要的是，色彩能幫你表達(dá)某些特定的情感，把用戶視線帶到特點(diǎn)的地方或 者幫助你傳達(dá)信息。



如果你只是直接丟一堆顏色給用戶，他們也不會集中注意力在你的設(shè)計(jì)上的。色彩很微妙，所以為了讓色彩成為可被利用的工具我們必須正確使用它。像其他設(shè)計(jì)元素一樣，色彩也要好好利用才能發(fā)揮它的魔力。太多或太少用戶都不會想看，就要?jiǎng)倓偤?。所以，我想通過下面幾點(diǎn)向你展示“色彩是如何被用于移動(dòng)設(shè)計(jì)”的，而且你也應(yīng)該這樣用。



一、強(qiáng)調(diào)色



我想你已經(jīng)在各式各樣的像室內(nèi)裝潢、印刷和網(wǎng)頁這樣的設(shè)計(jì)中看到過強(qiáng)調(diào)色。強(qiáng)調(diào)色應(yīng)該給用戶保駕護(hù)航——引導(dǎo)點(diǎn)擊，理解事物，并且?guī)椭麄冃腥缌魉Ｔ谝苿?dòng)設(shè)計(jì)中最好的就是通過那些大膽漂亮的用色來吸引用戶的目光。



下面兩個(gè)例子，首先看一個(gè)非常有意思的找房應(yīng)用。在這個(gè)頁面上你不可能看不到那個(gè)撥號按鈕。沒有那個(gè)橙色背景是不可能有這么好的效果的，現(xiàn)在再不集中注意力的用戶也不可能對它視而不見了。

第二個(gè)例子中的藍(lán)色按鈕，你一定注意到那兩個(gè)亮藍(lán)色的按鈕了，這兩個(gè)按鈕最好的一點(diǎn)是他們從其他文字中凸現(xiàn)出來告訴你下一步改干嘛——是增加聯(lián)系電話還是增加項(xiàng)目。

二、色彩在訴說

在設(shè)計(jì)中做一個(gè)大膽的陳述其實(shí)很容易——野性十足就對了。但是為什么有人想做這樣的陳述呢？答案很簡單，為了抓住用戶，大部分時(shí)候好像在說“快看我！”這樣再一次用優(yōu)雅迷人的方式抓住了可能心思不在了的用戶，當(dāng)然最重要的還是保持住這種迷人。

在色彩上，最常用的要么就是又大又粗的帶顏色的文字排版或者加上背景色，被大膽元素包裹的感覺讓整個(gè)設(shè)計(jì)恢弘驚艷，下面這個(gè)例子就是。不要告訴我你看到這樣大膽的純紅純綠背景沒有震撼，沒有引起你的注意？要真是這樣我也無話可說。

三、色彩和情感

你應(yīng)該知道色彩和情感是密不可分的。紅色代表愛情和危險(xiǎn)，而藍(lán)色給人更多的信任、放松和撫慰。此外，無彩色像白灰黑也同樣也會引發(fā)孤獨(dú)、愚鈍和典雅感。色彩在戰(zhàn)略上的力量不容忽視。基本上，好的色彩搭配奠定了界面的基調(diào)和用戶體驗(yàn)。

你看foolious的網(wǎng)站，它就非常講究。對比白色的背景，綠色的頭部吸引著你的注意力并且給這個(gè)網(wǎng)站增加了趣味性和迷人點(diǎn)。沒有這個(gè)綠色是不可能有這樣的效果。當(dāng)然沒有白色的背景（好吧，或者說留白）這個(gè)設(shè)計(jì)也不可能顯得那么高端或者說整潔。

四、色彩定制

無論是一個(gè)應(yīng)用還是響應(yīng)式網(wǎng)站，當(dāng)用到某些UI元素時(shí)默認(rèn)系統(tǒng)設(shè)計(jì)就會出現(xiàn)。設(shè)計(jì)師們正在嘗試讓那些系統(tǒng)UI元素像導(dǎo)航條或者下拉菜單看起來也像是 應(yīng)用或網(wǎng)站的一部分，為他們的特殊設(shè)計(jì)定制。畢竟是定制的，看起來就是一體的。定制的外觀實(shí)現(xiàn)也簡單，可以通過改變UI元素的細(xì)節(jié)像顏色、質(zhì)地和字體來實(shí) 現(xiàn)。另外做一些像首頁圖標(biāo)或下拉菜單的三角形這樣的UI組件可以讓UI設(shè)計(jì)更好。這些變化都讓定制化更精湛更好，當(dāng)然這些離不開巧妙地運(yùn)用色彩。

下面兩個(gè)例子都有自己的導(dǎo)航條，而且一點(diǎn)都不像默認(rèn)系統(tǒng)設(shè)計(jì)。他們和本身其他部分完美搭配。

總結(jié)

過去的移動(dòng)設(shè)計(jì)大大低估了色彩的作用，它應(yīng)該是一個(gè)了不起的工具應(yīng)該被充分利用。色彩最令人著 迷的是它讓一切變得更漂亮，色彩讓我們享受我們所看到的，色彩讓事情變得更有趣，最重要的是變得更美好。直到最近，移動(dòng)設(shè)計(jì)一直還是通過使用極少量的顏色 保證其設(shè)計(jì)是安全的。我希望看到設(shè)計(jì)者在移動(dòng)設(shè)計(jì)的工作中保持自己立場就像他們在其他設(shè)計(jì)中一樣，并且給我們其他人展現(xiàn)有了色彩的幫助移動(dòng)設(shè)計(jì)能變得多么偉大。