移動(dòng)色彩設(shè)計(jì)新趨勢(shì)(翻譯理論)
移動(dòng)設(shè)計(jì)正發(fā)生著質(zhì)的飛躍。但我不得不說(shuō)操縱移動(dòng)設(shè)計(jì)最重要的因素是色彩。色彩之所以在移動(dòng)設(shè)計(jì)領(lǐng)域沒(méi)有那么快流行起來(lái)是因?yàn)槿藗冊(cè)谟蒙喜粔虼竽懖](méi)有充分利用它。幸好這種情況正在改變——因?yàn)樯蕽u漸變成移動(dòng)設(shè)計(jì)中不可或缺的元素并有了它自己的流行趨勢(shì)。
什么是色彩?
顏色的有趣生動(dòng)、養(yǎng)眼好用令人著迷。色彩是非常棒且很重要的設(shè)計(jì)元素和工具,我們不應(yīng)該害怕色彩而要擁抱色彩。
移動(dòng)設(shè)備不像顯示器,它的屏幕有限,你不可能像在桌面上那樣自由地控制它。移動(dòng)設(shè)備用色和桌面用色沒(méi)什么不同,但似乎比它更重要。人們?cè)谟檬謾C(jī)的時(shí)候很可能都很忙,各種事情分散他們的注意力;這時(shí)候色彩能幫助你抓住他們的視線。更重要的是,色彩能幫你表達(dá)某些特定的情感,把用戶視線帶到特點(diǎn)的地方或者幫助你傳達(dá)信息。
如果你只是直接丟一堆顏色給用戶,他們也不會(huì)集中注意力在你的設(shè)計(jì)上的。色彩很微妙,所以為了讓色彩成為可被利用的工具我們必須正確使用它。像其他設(shè)計(jì)元素一樣,色彩也要好好利用才能發(fā)揮它的魔力。太多或太少用戶都不會(huì)想看,就要?jiǎng)倓偤?。所以,我想通過(guò)下面幾點(diǎn)向你展示“色彩是如何被用于移動(dòng)設(shè)計(jì)”的,而且你也應(yīng)該這樣用。
強(qiáng)調(diào)色
我想你已經(jīng)在各式各樣的像室內(nèi)裝潢、印刷和網(wǎng)頁(yè)這樣的設(shè)計(jì)中看到過(guò)強(qiáng)調(diào)色。強(qiáng)調(diào)色應(yīng)該給用戶保駕護(hù)航——引導(dǎo)點(diǎn)擊,理解事物,并且?guī)椭麄冃腥缌魉T谝苿?dòng)設(shè)計(jì)中最好的就是通過(guò)那些大膽漂亮的用色來(lái)吸引用戶的目光。
下面看兩個(gè)例子,首先看一個(gè)非常有意思的找房應(yīng)用。在這個(gè)頁(yè)面上你不可能看不到那個(gè)撥號(hào)按鈕。沒(méi)有那個(gè)橙色背景是不可能有這么好的效果的,現(xiàn)在再不集中注意力的用戶也不可能對(duì)它視而不見(jiàn)了。
同樣的,看第二個(gè)例子中的藍(lán)色按鈕,你一定注意到那兩個(gè)亮藍(lán)色的按鈕了,這兩個(gè)按鈕最好的一點(diǎn)是他們從其他文字中凸現(xiàn)出來(lái)告訴你下一步改干嘛——是增加聯(lián)系電話還是增加項(xiàng)目。
色彩在訴說(shuō)
在設(shè)計(jì)中做一個(gè)大膽的陳述其實(shí)很容易——野性十足就對(duì)了。但是為什么有人想做這樣的陳述呢?答案很簡(jiǎn)單,為了抓住用戶,大部分時(shí)候好像在說(shuō)“快看我!”這樣再一次用優(yōu)雅迷人的方式抓住了可能心思不在了的用戶,當(dāng)然最重要的還是保持住這種迷人。
在色彩上,最常用的要么就是又大又粗的帶顏色的文字排版或者加上背景色——下面這個(gè)例子就是。作為設(shè)計(jì)師,我喜歡被大膽元素包裹的感覺(jué),它讓整個(gè)設(shè)計(jì)恢弘驚艷。
不要告訴我你看到這樣大膽的純紅純綠背景沒(méi)有震撼,沒(méi)有引起你的注意?要真是這樣我也無(wú)話可說(shuō)。
色彩和情感
你應(yīng)該知道色彩和情感是密不可分的。紅色代表愛(ài)情和危險(xiǎn),而藍(lán)色給人更多的信任、放松和撫慰。此外,無(wú)彩色像白灰黑也同樣也會(huì)引發(fā)孤獨(dú)、愚鈍和典雅感。色彩在戰(zhàn)略上的力量不容忽視?;旧?,好的色彩搭配奠定了界面的基調(diào)和用戶體驗(yàn)。
你看foolious的網(wǎng)站,它就非常講究。對(duì)比白色的背景,綠色的頭部吸引著你的注意力并且給這個(gè)網(wǎng)站增加了趣味性和迷人點(diǎn)。沒(méi)有這個(gè)綠色是不可能有這樣的效果。當(dāng)然沒(méi)有白色的背景(好吧,或者說(shuō)留白)這個(gè)設(shè)計(jì)也不可能顯得那么高端或者說(shuō)整潔。
色彩定制
無(wú)論是一個(gè)應(yīng)用還是響應(yīng)式網(wǎng)站,當(dāng)用到某些UI元素時(shí)默認(rèn)系統(tǒng)設(shè)計(jì)就會(huì)出現(xiàn)。設(shè)計(jì)師們正在嘗試讓那些系統(tǒng)UI元素像導(dǎo)航條或者下拉菜單看起來(lái)也像是應(yīng)用或網(wǎng)站的一部分,為他們的特殊設(shè)計(jì)定制。畢竟是定制的,看起來(lái)就是一體的。定制的外觀實(shí)現(xiàn)也簡(jiǎn)單,可以通過(guò)改變UI元素的細(xì)節(jié)像顏色、質(zhì)地和字體來(lái)實(shí)現(xiàn)。另外做一些像首頁(yè)圖標(biāo)或下拉菜單的三角形這樣的UI組件可以讓UI設(shè)計(jì)更好。這些變化都讓定制化更精湛更好,當(dāng)然這些離不開(kāi)巧妙地運(yùn)用色彩。
看看下面兩個(gè)例子。他們都有自己的導(dǎo)航條,而且一點(diǎn)都不像默認(rèn)系統(tǒng)設(shè)計(jì)。他們和本身其他部分完美搭配。為什么?他們只為彼此而生!
最后
你應(yīng)該知道色彩對(duì)設(shè)計(jì)的影響有多大。在這里我想說(shuō)的是過(guò)去的移動(dòng)設(shè)計(jì)大大低估了色彩的作用,它應(yīng)該是一個(gè)了不起的工具應(yīng)該被充分利用。色彩最令人著迷的是它讓一切變得更漂亮,色彩讓我們享受我們所看到的,色彩讓事情變得更有趣,最重要的是變得更美好。直到最近,移動(dòng)設(shè)計(jì)一直還是通過(guò)使用極少量的顏色保證其設(shè)計(jì)是安全的。我希望看到設(shè)計(jì)者在移動(dòng)設(shè)計(jì)的工作中保持自己立場(chǎng)就像他們?cè)谄渌O(shè)計(jì)中一樣,并且給我們其他人展現(xiàn)有了色彩的幫助移動(dòng)設(shè)計(jì)能變得多么偉大。
更多更棒的例子
本文地址:http://m.likemindfilms.com/tutorial/di1532.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專題頁(yè)面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏