幫你全面掌握活力十足的雙色調設計趨勢

      作者:
      分類: 觀點/經驗
      2016-03-31
      1460

      什么是雙色調設計

      Spotify-Foundthemfirst

      6jc20160330

      首先,簡單來說:雙色調就是使用兩種顏色。

      這種技巧的名稱和技術來自印刷學。雙色打印是指打印時僅用一個顏色的兩個色度或者是僅用一種顏色加黑色,這種處理方式通過使用兩個色彩來從不同的角度呈現圖片。

      雙色的概念非常大,潘通色卡中就有很多,包括對比色,相近色等,設計師們首先需要思考色板的限制和顏色的搭配,但是這個方法很有趣而且很容易創造。你可以通過PS,也可以通過其他雙色梯度處理工具,比如Colofilter.css來進行這種創作。

      正是因為在Spotify中的應用,這種設計風格才變得流行起來。雙色調設計這種配色方案適用于音樂播放應用程序和各種微型促銷網站。它為圖片增加了獨特的設計元素,這種設計元素來自著名的藝術家,并且具有廣泛的適用性。

      這項曾經適用于印刷裝訂的技術現在已經找到了在互聯網環境下新的應用方式,并且成為了未來幾個月內,我們可能經常會看到的一種設計趨勢。

      顯示性的圖片案例

      New deal design

      5jc20160330

      新的處理方式創造的視覺之所以令人驚艷,得益于古怪而大膽的色彩搭配,有趣的圖像和色彩。當處理圖像時不要害怕用的色彩和圖像是否符合主流搭配,或者說你搭配的看起來并不像普通的那樣看起來很舒適。都沒關系,哪怕不合適也可以搭配起來,因為它的目的是要創造一個引人注目的視覺沖擊,當然,除了色彩,還包括圖像的對比度需要調整。

      這里有一些擴大影響的技巧:

      • 選擇兩種對比色或品牌的顏色(比如百事可樂的藍白配色)。

      • 選擇一張有聚焦區域的照片,自然景觀的照片可能很難處理。

      • 選擇一個高品質的圖像,模糊或較差的圖像不要和雙色調混用。

      • 增強對比度。

      • 考慮按鈕或排版的空間。

      • 選擇反映照片情緒的色彩。

      • 設置圖像時避免彩色或者混合顏色的邊框,可以用一個條幅或者視覺差的效果來搭配顏色選項。

      簡單的顏色搭配案例

      125 Years Of Amazing

      4jc20160330

      雙色調不必是復雜的。有時最簡單的雙色項目最醒目。

      Assurity公司就只用了紅色和白色這兩個最簡單的顏色和純凈排版。條幅中包括多個半色調的風格,色彩明亮而迷人,因為紅色是那種幾乎能吸引所有人的顏色,所以很吸引人。

      這里的技巧是,通過簡單的設計有效的傳遞信息,確保用戶不會忽視主要的元素。紅色吸引了你的注意然后你就可以聚焦到圖片上的文字里。這種類型的雙色調效果給人感覺更正式,因為它僅僅給了用戶一種不帶強制性的引導。

      以此來增加可讀性

      Viens-la

      3jc20160330

      雙色調可以用作顏色穩定劑,使文本有足夠的空間和對比度。雙色調顏色疊加可以幫助圖像中色彩變化的“扁平化”,因為單一的顏色,所以文本幾乎可以在圖像上任何一個地方使用,并且保持可讀性。

      雙色調顏色的選擇并不會使文本變得十分明顯,而是以一種更溫和卻足以為目標服務的形式表現出來。Holm Marcher & Co.公司做的這個珊瑚藍雙色很有趣,而且創造了文字高度可讀的背景。另外,導航元素使用的藍色色調使畫面變得更有活力了。

      強調作用案例

      Holmmarcher

      2jc20160330

      雖然雙色調效果追求大的圖像,他們在較小的地方同樣可以正常工作,比如它可以用來強調導航,輔助圖像或特定類型的內容容。

      小范圍使用雙色調的優勢還在于,當你被技術嚇到或者還不知道該來用它工作時,雙色調可以使你設計的更自由。當在較小的空間中使用,它可以通過與多個不同顏色,不同設計的元素搭配,使畫面變得更有趣以吸引更多的人。

      卡片樣式元素的雙色調設計,可以用于視頻鏈接的覆蓋或強調號召。通過色彩反差配色方案,雙色調也可以起到一定的強調作用。

      背景作用案例

      Joinradio

      1jc20160330

      通過微妙的雙色調設計可以創造一個有趣的背景圖像或圖案,而這種效果其他任何方法是沒辦法達到的。想要不做太大改動,僅僅想對品牌顏色進行調整或將流行的色調和技術添加到設計中的時候,雙色調是一種理想的設計方法。

      如上圖,JOIN電臺的背景就是一個完美的案例。顏色的變化幾乎無法察覺,在設計中與其他用戶界面元素無縫融合。有一個簡單的動畫,通過舒緩的運動使它的色彩變得十分動人。從主頁的左上角移動到右下角遵循從亮到暗的轉變,自然的視覺和閱讀模式進一步鼓勵用戶滾動界面和點擊。

      結論

      雙色調設計可以調節過度使用的圖像和元素,為畫面添加有趣的元素,幫助完善視覺表現以吸引更多的用戶。

      另外,色彩搭配十分有趣。你永遠無法想象,作為一個設計師,搭配兩種不同顏色后,看到產生美麗的新元素時那種驚喜。無論哪種方式,創建一個雙色調搭配就像在進行一種定制,是一種很有趣的工作。

      0
      2
      分享到:

      0

      喜歡他,就推薦他上首頁吧^_^

      推薦閱讀

      ×

      賽事服務聯系方式

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯系我們

      • QQ:33143335 QQ:1904200230
      • 電話:18569912460
      • 投稿:cndesign@163.com
      • 地址:鄭州市國家大學科技園東區9號樓2層

      版權信息

        移動 Android 版 豫 ICP 備16038122號-2 豫公網安備 41019702002261號

      主站蜘蛛池模板: 免费无码一区二区三区蜜桃大| 免费一本色道久久一区| 久久精品日韩一区国产二区| 亚洲国产欧美国产综合一区| 亚洲AⅤ视频一区二区三区| 无码日韩精品一区二区免费暖暖| 无码乱码av天堂一区二区| 女同一区二区在线观看| 人妻无码一区二区不卡无码av| 亚洲AⅤ无码一区二区三区在线| 亚洲国产一区在线观看| 中文字幕一区二区三区免费视频| 亚洲一区在线免费观看| 蜜桃臀无码内射一区二区三区| 国产一区二区精品久久岳| 日韩精品一区二区三区中文3d| 日韩好片一区二区在线看| 国产精品免费一区二区三区四区| 国产成人一区在线不卡| 国产伦精品一区二区三区免费迷| 精品人妻少妇一区二区三区不卡 | 激情亚洲一区国产精品| 国产福利无码一区在线| 一区二区三区午夜| 国产日韩综合一区二区性色AV| 国产福利酱国产一区二区| 婷婷亚洲综合一区二区| 日本一区二区三区中文字幕| 综合激情区视频一区视频二区| 国产成人亚洲综合一区| 国产经典一区二区三区蜜芽| 国产高清精品一区| 国产一在线精品一区在线观看| 无码8090精品久久一区| 精品人妻少妇一区二区| 中文字幕在线播放一区| 手机看片一区二区| 天堂资源中文最新版在线一区| 亚洲av无码不卡一区二区三区| 久久无码一区二区三区少妇| 精品免费国产一区二区|