三種方法,使用鮮艷的配色來制作WEB/APP界面

2 評(píng)論 12525 瀏覽 26 收藏 6 分鐘

無論是Web還是APP,鮮艷的配色已開始逐漸具有人氣。為了將人們的注意力集中于要素之上,讓設(shè)計(jì)能給用戶帶來深刻的印象,就讓我們來使用鮮艷的配色吧。

配色,對(duì)設(shè)計(jì)師來說是非常有幫助的工具之一。他不僅可以用來吸引注意、為作品添加氛圍,還可以影響用戶的感知與行為。

無論是Web還是APP,鮮艷的配色已開始逐漸具有人氣。為了將人們的注意力集中于要素之上,讓設(shè)計(jì)能給用戶帶來深刻的印象,就讓我們來使用鮮艷的配色吧。

這一次為大家介紹的是:使用鮮艷的配色來進(jìn)行設(shè)計(jì)的實(shí)用技術(shù)。

使用單色

在鮮艷配色的使用中,最常見的就是利用單色。單色色板是指:利用同一種顏色不同深淺的飽和度相互組合構(gòu)成,帶來視覺沖擊,提升作品的魅力。與具有很強(qiáng)吸引力的印刷風(fēng)格相組合,單色色板更容易給讀者帶來具有深刻印象的感官體驗(yàn)。

要點(diǎn)

使用黑白設(shè)計(jì)的效果與單色相互組合使用,也是一種將用戶的注意力集中在小畫面上不錯(cuò)的方法。

使用雙色

雙色調(diào)指的是將一副單色原畫通過改變屏幕的角度將它變成由兩枚負(fù)片組成的效果。這是突出中間色和再現(xiàn)重點(diǎn)的方法。在以前是印刷上常用的技術(shù),如今在網(wǎng)絡(luò)上煥發(fā)出了新的活力。雙色調(diào)看起來很有趣,也非常容易實(shí)現(xiàn)。通過使用Adobe Photoshop的雙色漸變,就能夠達(dá)到效果。

雖然雙色調(diào)效果適用于大尺寸的屏幕,你也可以將他運(yùn)用在手機(jī)屏幕上。

要點(diǎn) ?

1、利用雙色調(diào)效果,制作引人注意的效果吧。選擇具有高質(zhì)量的圖像,讓主題變得顯眼。就算是亂七八糟的照片,我們也可以通過模糊細(xì)節(jié)來使用它。

(2)選擇能反映出照片氛圍的配色。要時(shí)刻記得,你可以通過不同的色彩來表現(xiàn)出不同的情感氛圍。

(3)在制作網(wǎng)頁的時(shí)候,進(jìn)行設(shè)計(jì)時(shí)不需要對(duì)現(xiàn)有的圖像進(jìn)行加工,也能夠?qū)崿F(xiàn)雙色調(diào)效果。通過Colorfilter.css,只用CSS代碼也能夠使用這效果。

重疊效果

使用配色來傳遞信息的另一種方式,就是在設(shè)計(jì)上利用重疊效果。讓我們?cè)趫D像或動(dòng)畫上重疊半透明的效果吧。與材料設(shè)計(jì)的鮮艷配色相組合,表現(xiàn)出更加現(xiàn)代的氛圍。

嘗試著在卡片式布局和視頻內(nèi)容上使用重疊效果,不斷的去調(diào)整讓內(nèi)容更加有吸引力吧。

要點(diǎn) ?

在單色上使用疊加效果時(shí),色彩與濾色透明度的調(diào)整是非常重要的。

  1. 使用灰暗的、透明度低的顏色作為濾色器,將用戶的注意力集中到顏色而不是背景圖像上。
  2. 與之相反利用明亮的、透明度高的顏色作為濾色器,可以將用戶的注意力集中在圖像上。

最后

事實(shí)上使用顏色來發(fā)現(xiàn)樂趣的技術(shù)的確是一件困難的事,但利用配色的效果卻能為你的設(shè)計(jì)增添不少風(fēng)采。不斷的去嘗試各種配色,發(fā)現(xiàn)最合適的那一種方法吧。不管是喜歡使用明亮鮮艷的顏色也好,還是喜歡簡(jiǎn)單的黑白單色也好,請(qǐng)記住,顏色是不會(huì)有錯(cuò)的。最重要的事,就是如何去使用那些顏色。

 

原文地址:http://photoshopvip.net/97186

譯者: 喪心病狂的翻譯站

譯文地址:微信公眾號(hào)【喪心病狂的翻譯站】

本文由 @喪心病狂的翻譯站 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 胡說八道

    回復(fù)
  2. 什么亂七八糟的,還是好好做產(chǎn)品的研究吧,別放設(shè)計(jì)的文章了

    來自廣東 回復(fù)