萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

網頁設計中的彩色與非彩色搭配策略

許多站長無專業培訓,設計效果差強人意。網頁給人第一印象非內容非佈局,而是色彩搭配。色彩搭配與站長偏好、行業屬性相關,現編寫系列文章助力色彩搭配薄弱站長。

彩色搭配

推薦方案一:青色+橙色+黑色

具體配色如上圖。假想:①黑色置頂部,與下方色彩強烈對比,增強層次感(如導航欄上方黑帶,導航欄灰色或其他適配色,字體黑色反差更明顯);②青色為主色,佔主要位置,強烈衝擊力;③橙色作點睛色,關鍵位置標示,文字更醒目(文字設橙色或橙底白字)。

推薦方案二:深紅色+淺紅色+白色

以可口可樂 2011 官網分析(因時間久遠無法打開,圖片不清請見諒)。①白字大小排列使主題鮮明、對比明確;②深淺紅組合營造鮮活熱烈氛圍,給人無限活力;③點綴少量黃/橙色、部分字體浮光效果,畫面更活潑、對比更鮮明。

非彩色搭配

非彩色即黑白灰三色搭配。黑白搭配或與其他色彩搭配產生強烈對比,主體清晰明了。灰色為萬能色,可與任何色搭配,亦能調和對立色彩使其和諧過渡(如上例灰色導航欄完美過渡)。

推薦方案一:紅色+白色+黑色

①紅色圖片/圖標在黑背景中極度突出醒目;②白字大小排列消減沉悶感;③灰色畫面使過渡更自然。

總結

時間倉促暫分享到此。下篇將針對每種顏色適用行業搭配推薦。案例網站難尋,問題歡迎評論指出。配圖均屬原創(案例圖為截圖),本文由搬家公司 banjiabaojia.com Slc 編寫,轉載請註明。本站仍在建設中。

copyright © 萬盛學電腦網 all rights reserved