網(wǎng)頁設計色彩搭配:更輕更平淡的顏色設計

最近,你可能已經(jīng)注意到,一些新的網(wǎng)站設計變得更加柔和輕盈。在所有五顏六色的色彩之間,似乎有些設計師正在采用更微妙的方式,通過使用更輕或者更平淡的顏色來創(chuàng)造不一樣的設計。
雖然它們仍然使用相同的基本概念以及方法——例如彩色的遮罩層或漸變層,新色調正在為這些主題創(chuàng)造一種更精致和低調的變化做出貢獻。今天我們將深入研究這一趨勢,并探索各種設計實例和方法。
1.蠟燭色的使用遍布網(wǎng)絡
柔和的顏色是完美的解決方案,如果你的品牌要求一些令人感覺柔軟以及一些復雜層次的元素,但你仍然希望能夠利用你收集已久的調色板的話。同時,當把它們用在分層設計上時,柔和的色彩看起來也很好,這使得它們成為一種非常靈活的配色方案,可以在各種各樣的網(wǎng)站設計風格中使用。
· 扁平以及大膽
雖然你經(jīng)??吹奖馄斤L格的網(wǎng)站設計趨勢一般是以最鮮亮的顏色進行的,但在某些情況下,這種方法可能會變得粗暴,甚至有點令人厭惡。看看上面SimpliSafe的網(wǎng)頁設計,如果頁面中的大字段是以原色執(zhí)行的,那么這個站點看起來有點太簡單和平淡了,選擇柔和色調有助于使平面設計元素更加刻意和吸引用戶的注意力。
· 卡通風
一些柔和的蠟筆色組合可能會使你的網(wǎng)頁設計整體脫穎而出,這使得它們成為圖表設計的一個很好的元素選擇,就像上面的案例一樣,略帶俏皮的矢量插圖。這個例子有一個非常復雜的調色板,但是所有的色調在一起仍然能夠協(xié)同工作,因為它們都采用了相同“遲鈍”的顏色搭配,而且插圖風格很簡單。
· 彩色攝影
像上面這種的網(wǎng)站設計已經(jīng)出現(xiàn)了一個更加優(yōu)雅的色彩應用,其中整屏的照片被一層淡薄的色澤所覆蓋。這些色調可以喚起了懷舊和柔軟的感覺,這與該公司正在嘗試創(chuàng)造的品牌定位緊密相連。
這個網(wǎng)頁設計提供了類似的示例,顯示了大板塊的圖片如何在這種情況下可以像簡單的紋理一樣工作,不過,這是一個極端的例子,來說明被沖洗的顏色可以如何進行簡約的設計。
· 偏移的線條
使用蠟筆色與色輪搭配也很有趣?;绢伾娜魏稳岷偷难苌锿ǔT趹没绢伾碚撛頃r也起作用,除了外觀更異常,異想天開以及明亮。上面的這個網(wǎng)站設計使用了一種基于紅色,黃色和藍色三原色的色板,結果是營造一種溫暖而充滿活力的視覺方案。
· 復古
逐漸消逝的顏色是自然懷舊的代表,所以柔和的色彩應該在復古類型的網(wǎng)站設計中占據(jù)顯著地位。在上面的sweez這個面包店的網(wǎng)站設計中,通過斑點,粉紅色和淡藍色,就像它的草書字體,給予它獨特的復古感覺。
在上面的這個葡萄園網(wǎng)頁設計中,通過使用獨特的復古復興的外觀設計,展示了一個非常不同的風格例子。不同的標題字體的組合以及模仿雙色印刷是一個特別的視覺元素,讓用戶感覺像一個歷史悠久的葡萄園,一定至一個不錯的選擇。
· 單色
盡管蠟筆色是成為彩色組合的完美候選人,但它們在類似配色方案中的功能也非常的出色。上面的這個網(wǎng)站設計展示了如何輕柔地通過橙色色調的不同表現(xiàn)可以做出不同的視覺方案。
· 極簡主義
有時候,一個令人信賴或感到舒適的網(wǎng)站設計所需要的僅僅是極簡主義元素。上面的這款天氣應用程序的使用大范圍的綠色和藍調還有一大堆深色系的顏色搭配出一個不同尋常的組合,你仿佛可以感到網(wǎng)站此刻就在發(fā)出手機震動的嗡嗡聲,現(xiàn)代字體增加了足夠的興趣,吸引觀眾進一步探索。
2.色彩工具可以幫助你找到完美的配色
從許多這些例子可以看出,通常,調色板可以幫助網(wǎng)站設計從普通到意想不到。如果你對配色這方面需要幫助的話,網(wǎng)絡上有幾種顏色選擇工具非常值得探索。
· 調色板
Design Seeds上有不少能夠讓人眼前一亮的調色板分享。如果你瀏覽這個網(wǎng)站,你會注意到所有最近的帖子中流行的柔和的色彩組合,這個現(xiàn)象也說明了這一趨勢變化的速度如此之快。
· 意象
嘗試在Designspiration上進行基于顏色的搜索,以找到大量在設計工作中流行的顏色組合的示例。你可以從其調色板中選擇多達五種色調,因此可以輕松找出甚至非常復雜的組合的示例。
· 圖片
如果你需要一些很好的圖片素材來提升你的網(wǎng)頁設計,你還可以瀏覽Shutterstock Spectrum,它通過顏色對圖片進行分類,并排列形成一個巨大的圖像庫,方式與Designspiration類似,但更具體。
總結
當然,柔和的配色方案并不是適用于所有類型網(wǎng)站的最佳選擇。如果你想要一個柔和的外觀,那么明亮與暗色的色調混合可能是正確的組合。對于那些需要讓人感覺到奢華或者說隆重的網(wǎng)站場景,紫紅色和奶油色可能是比較合適的選擇。但是,如果你正在尋找一種增添平淡和溫暖的調色板,通過增加興趣點而不會壓倒設計的其余部分的話,柔和的調色板可能只是你的項目的最好選擇。
----圖文來自:design shack
----由深圳網(wǎng)站建設公司-Clh翻譯編輯整理
相關文章
全畫幅不是半畫幅的兩倍有什么區(qū)別? 聊聊相機的傳感器尺寸
說到相機畫幅,估計平時聽到最多的可能就是全畫幅與半畫幅了,以至于不少人認為中畫幅比全畫幅要小,為了避免這種常識性錯誤,這篇文章就來和大家說說相機的不同畫幅,所謂2025-04-07- 4紙和A5紙因其尺寸適中,使用尤為廣泛,但你知道它們之間有何區(qū)別嗎?今天,就讓我們一起來探討這個話題2025-02-01
各類商務印刷品的尺寸怎么選? 印刷設計常用的尺寸紙張/克重都在這里了
日常經(jīng)常印刷各種東西,哪些尺寸,紙張更合適呢?本文為大家整理了常用印刷尺寸,方便圖文廣告店、印企在日常接單生產(chǎn)中能夠快速掌握客戶關鍵性信息,詳細請看下文介紹2024-02-10- 現(xiàn)如今,證件照已成為我們生活中不可或缺的一部分,無論是求職應聘,還是入學注冊,亦或是辦理各種證件,都需要提交符合規(guī)定格式和要求的證件照,那么,這些證件照的尺寸和2024-02-10
- 平面設計是一個注重視覺效果的設計,簡單的排版方式有時候不能滿足視覺突出的效果,業(yè)務很難達到吸引用戶的眼球,下面我們就來看看8個平面設計技巧分享2023-10-08
- 每個設計師都有自己最喜歡的設計軟件,并把軟件作為自己的第二語言,今天我們來推薦10款UI設計不可或缺的工具,詳細請看下文介紹2023-10-08
- 夏日電影風怎么調色調色?夏天快到了,想要調節(jié)夏季電影風的畫面,該怎么操作呢?下面我們就來看看適合夏季的柔和綠色調調色分享2023-04-02
什么是真RAW 什么是偽RAW? 簡單說說真 RAW 和 偽RAW
隨著索尼α7RV(ILCE-7RM5)正式發(fā)售,近期有不少網(wǎng)友跟我咨詢索尼相機“無損壓縮(M)”和“無損壓縮(S)”RAW的問題,今天做一個統(tǒng)一答復2022-12-24- 手機UI設計尺寸有哪些?作為新手在設計手機ui的頁面的時候,發(fā)現(xiàn)自己設計的尺寸都很奇怪,如果能有元素尺寸介紹就好了,下面就來看看我們匯總的超全面的UI元素尺寸設置指南2021-08-06
- 常用照片尺寸有哪幾個?我們經(jīng)常說一寸照片,二寸照片,這些照片的尺寸是怎么計算的?下面我們就來看看照片標準尺寸/像素對照表匯總2021-08-06