​網頁設計配色10大趨勢

2021-02-24 IXDC

準備揮手告別2015年了。這一年中湧現了許多優秀的設計作品,設計趨勢也在時間的推移中漸漸轉變。一起來看看2015年哪些網頁配色最受歡迎。

Odam Luiran的網站就是典型的Metro風格,這種風格尤其適合比較鮮嫩柔和的顏色。近來,扁平化網頁設計相當流行,同時也讓柔和色彩的用途變得越來越廣泛,馬卡龍色系也會常常出現在網頁設計中。

偏灰的冷色系色彩,是一種看起來比較百搭的顏色。但是實際上,要將這類顏色使用得恰如其分,並不是一件容易的事情。

因為這類色彩比較中性,所以搭配任何顏色都不會顯得突兀,但同時也不容易出挑。要讓色彩之間真正融合,最好是選擇清淡的粉彩系透明色,這樣會讓網頁看起來更加清新脫俗。

網頁設計有一條原則是:要看整體,而不能針對性的看局部。圖片,往往是表達網站思想和意圖的一部分,屬於網站元素中比較重要的環節,所以讓背景色來適應圖片的顏色是情理之中。

如下案例所示,藍色系的圖片搭配藍灰色的背景,整體表現的十分融洽:

一談到色彩搭配,大家都會說一個保守的搭配方法:一個區域範圍裡不能超過三種顏色。這句話並不算完全正確,更深層的含義是,只能有一個重點色。

用灰色作為網站的主基調是一種比較保守而可靠的做法。灰色屬於所有色彩中最簡單的顏色之一,所以設計師有充分的理由去選擇使用灰色,以此來襯託出網頁中內容的可讀性,減少用戶的閱讀幹擾。

如今的設計越來越追求用戶的交互體驗,因此低透明度的色塊能讓用戶更加容易發現並且閱讀。

大片高亮色一定會造成用戶的視覺疲勞,令人反感;但小部分的高亮色設計卻能起到突出重點的作用,既能將內容有效的區分開來,又能保證與整體色調保持一致。

下面這個案例很簡單地使用了黑色和橙色。橙色作為很亮眼的一種顏色,有時會給人帶來比較刺眼的感覺,但案例中的橙色卻令我們的視覺感覺很舒適。

原因在於設計師在原本亮麗的顏色中加入了一些黑色,既能讓顏色之間形成對比,又不會顯得很招搖。

藍色在網頁設計中屬於不會出錯的顏色,當你舉棋不定時,可以嘗試一下藍色,也許能順利化解你的問題。搜狐快站也正是以藍色為色彩基調。

單色系頁面似乎不存在配色的問題。然而要打造一個層次多樣、色彩統一的網頁,設計師可以以一個基本色調來擴張色相、飽和度和亮度等條件。

總而言之,色彩在任何一種設計中都起著很重要的作用,相差不多的色彩卻能渲染出截然不同的情感效果。好好利用色彩與生俱來的魅力,就能讓你的網頁設計更特別。

(來源於網絡)

IXDC第四屆美國體驗創新商務考察美國考察報名12月20日就要結束啦。還在猶豫的小夥伴們抓緊時間咯!

讓IXDC帶你去全球最先進的網際網路與科技企業、最知名的設計創新公司、最具創新的創投孵化平臺:Google、Uber、IDEO、Pinterest、Coursera、Oculus、Snapchat、WeWork、YCombinator……去史上最大、影響最廣的CES電子展!

掃一掃進入美國考察

時間:2016.01.07-01.18

報名截止:2015.12.20

名額僅25席,快來報名

相關焦點

  • 視頻教程:流行的全屏式網頁是怎樣設計的?
    設計達人www.shejidaren.com愛設計,愛分享前言:現在的PC基本上是寬屏時代,網頁設計也幾乎使用寬屏或全屏式設計
  • 2017年網頁設計的趨勢與特點!
    01半扁平化設計過去純粹的扁平化設計幾乎統治了整個網頁設計市場,但今年由於具體化設計的影響,今年的網頁設計會變得更加趨向於立體化
  • 第一彈:製作家鄉網頁設計的全過程(圖文教程)
    需求 做一個介紹家鄉的網頁設計,用table進行布局,至少為三行兩列表格,包含文字、圖片、超連結、表單等元素,至少包含四頁。
  • 乾貨分享:專業設計師必備的10個配色網站
    配色是設計作品呈現效果的關鍵之一。精緻的顏色組合可以幫助你的設計更具吸引力,相反,糟糕的配色也許妨礙客戶對作品內容的理解。
  • 不愧是今年最棒的設計,這個網頁簡直有毒!
    發現這個網站得益於它被著名的網頁展示平臺the Favourite Website Awards評為了2015年度最佳網站,這相當於得了網頁設計界的奧斯卡。喜歡設計的朋友對FWA應該是不陌生的,畢竟大家平時找靈感的時候也沒少看它,對嘛?FWA對網頁設計的評判標準相當嚴苛,能獲得它們「最佳」稱號的網站都兼具審美、功能和創意,在某種程度上代表了全球網頁設計和媒體創意的最高水平和風向標。
  • 網頁設計:字體怎麼設置才能讓網頁更美觀個性
    但是,如果你不好好設計網頁,只是隨隨便便替換下圖片和文字就發布上線了,那就很難把網站做出自己的個性。網站字體是網站個性的一個重要展現形式,字體獨特的話,也能給訪客留下深刻印象。如何設置一個獨特的字體呢?你可以利用「上線了」sxl.cn建站的「上傳自定義字體」功能實現這個效果。
  • 設計靈感:12 款醫療類網頁界面設計
    來看看這12款醫療網頁設計,貼心的醫療網站助你擁有健康生活!Doctor Appointment Dashboard UI by Pentyakov V.Management System for Hospitals and Labs by Cleveroad來源:Dribbble關注『UI設計達人』看UI
  • 2015年網頁設計背景圖流行趨勢
  • 網頁設計新趨勢:我所知道的關於web字體的一切
    我並沒有根據他的模型來使用字體,為此他專門把我叫出來並告訴我這是一個非常大的錯誤。我該如何彌補呢? 「我不知道。但是目前它是最大的問題,毫無疑問。」  說起來,在過去的很長一段時間裡,我都同不同的網頁設計師一起合作開發各種不同的網站,這使得我逐漸開始關注網頁設計中的很多細小但重要的細節了,比如,字體。  在此可以簡單介紹一點背景知識。
  • iPhone 8最新配色:亮銀色鏡面版
    但是圖片是否真的為iPhone 8前面板還是留有疑問,和之前曝光的正面設計出入較大。當然,小編表示只要指紋識別不放在背面,就選擇原諒你3年不變的外觀設計。此外,從蘋果外殼加工廠得到內幕消息,新的iPhone 8將會有全新配色,其中包含了亮黑,黑色,銀色以及新增一款鏡面效果的配色,而後者的實際效果跟第一代iPhone背部的配色很相似(內部稱Classic色)。
  • iPhone 7驚豔概念機:深空黑配色太酷了!
    幾個星期前,傳聞稱蘋果將提供一種全新的深藍色iPhone 7配色。
  • 網頁設計:應用背景大圖更起範兒!
    用圖像創造場景感,增強用戶的真實體驗,近些年來,圖片作為背景填充整個屏幕的設計越來越廣泛,曾經只有時尚潮流網站或者攝影類站點才會特別依賴富有衝擊力的圖像
  • iPhone XC 真機曝光:紅白黑三種配色
    從洩漏的照片上來看,iPhone XC 採用單攝像頭設計,整體造型與目前的 iPhone 8 較為相似,不同的是,iPhone XC 將閃光燈的位置由此前的攝像頭右側移到了攝像頭下方。配色方面,這次曝光的 iPhone XC 共有黑白(金?)紅三種顏色,其中紅色相比目前的 iPhone 8 紅色版顏色更深,比較接近於三星 S9 的勃艮第紅配色。
  • iPhone XR二代再曝兩款全新配色:女生看到都哭了!
    正文共:524字 3圖不同於端莊的iPhone XS和iPhone XS Max,活潑的顏色設計使得iPhone XR在年輕消費群體中頗受歡迎
  • 雙卡雙待: iPhone 2018 新配色來了~
    在哎妹沒看到視頻之前,除了雙卡雙待這事兒,就是在說今年的 iPhone 將新增配色~哎妹當然很期待啦,畢竟那會兒有個小夥伴說,今年要新增一款女神粉,當時一聽這個名字哎妹就來勁了,看到這個圖那更是控制不住我記幾!
  • 2017年第一季度網頁遊戲數據分析:發號排行
    根據07073遊戲網2017年第一季度《網頁遊戲發號排行榜》數據顯示,目前角色扮演類遊戲仍然呈現一家獨大的現象,幻類遊戲為玩家所偏愛,傳奇遊戲依舊火爆,很多在去年甚至前年表現出色的遊戲依舊堅挺的出現在榜單之上。遊戲發號排行榜數據分析2017Q1,37遊戲《少年群俠傳》位居榜首,超出第二名《大天使之劍》4000多發號指數。
  • 這樣的反人類的無用設計,你遇到過嗎?
    現在越來越多的設計踴躍在公眾面前👀,但也不是所有的設計都是實用的,還有些反人類的設計令人迷惑不已🧐微信的這個黑名單功能設計
  • 聖誕快樂|聖誕節配色為什麼是紅和綠?
    聖誕配色真的是好受歡迎,聖誕色一出現滿腦子鋪開畫面,點綴著積雪的可愛聖誕樹,在紛紛大雪裡閃閃著的彩燈,和愛的人窩在沙發裡再重溫一遍《真愛至上》,總之聖誕顏色一出現,就和溫暖快樂掛上勾。因為聖誕節總是充滿驚喜和快樂,久而久之,大家見到聖誕配色,第一顏色情緒就是快樂~
  • 設計 | 看完這10個日本設計網站,我被浪花秀到了!
    不僅有家喻戶曉的設計大師原研哉、田中一光等,還有精美的日式裝修和眾多日本知名設計網站。幾年前,日本NHK電視臺特地為少年兒童開設了一檔名叫《Design あ》排版之歌的設計類節目,該節目在豆瓣的評分高達9.4分。這次,日站君整理了十個優秀的日本設計網站,快來找找設計靈感吧!
  • 五配色可選!紅米Note 4X配置曝光:將推初音限量版
    目前小米已經大方的公布了紅米4X的詳細信息,但是具體售價的要等到2月14日情人節才能知道,從小米官方公布的新機看,紅米Note 4X外形整體紅米Note 4相似,金屬外殼+後置式指紋識別,只不過背面改為了三段式設計,有磨砂黑、香檳金、櫻花粉、鉑銀灰四個常規配色可選。