在網頁設計中如何使用顏色
日期:2016/3/12 / 人氣:
色彩在網站設計目前的景觀是有趣的思考。大多數網站看起來或多或少相同,但顏色可以在設計上的強大工具。
我并不想說出這是什么革命性的或作為一個非凡的發現。但是,如果大多數網站也有類似的配色方案,這是什么意思的顏色?其實,這意味著很多。想象一下,一個世界里,每一個網站是豐富多彩 – 這將可能是很漂亮,彩虹繚繞,但是這將意味著什么脫穎而出。這就像在你的文章加粗每一個段落。
因此,當配色方案是靜音,它允許很多機會。
提請注意任何你想要
大多數網站先從基本的灰度外觀 – 白色背景和黑色文字。顏色來自于作為讓你看的地方口音。這就是為什么網站不填充顏色 – 他們用它來讓你看一下按鈕,標題或鏈接。
灰色
以充滿活力的,例如,當你在自己的主頁上首次土地的背景和圖像是黑白的;諛耍粲醪扇⌒袆雍蜐h堡包菜單是明亮的黃色。他們站出來并迅速抓住你的注意力。
另一個例子是Takeit ; 當你第一次降落在自己的主頁上你迎接一個大的藍色背景。然而,一切是白色的。大標題這是前面和中心也是人們關注的焦點。不久后你的眼睛注意到較小,但仍然明顯的App Store按鈕。這就是如何顏色可以引導用戶的關注。
拿去
創建個性
顏色是美妙的,因為它可以為網站或品牌的語氣和心情。Beagle是創造項目簡介服務和更輕的土色他們的網站開始。當你向下滾動他們的網頁您查看的棕色,木炭,綠色和粉紅色,甚至愉快的陰影。地上的色調看起來很專業,優雅醞釀了代表公司的一大印象。
顏色網頁設計
有趣的一天是被指定到網站“一個奇怪的,為期一天的會議在奧斯陸峽灣的一個小島!蹦阕羁隙ǖ玫揭粋怪異的感覺不同,當你的紅色背景,在它上面的紅色文字。這不是我們日常看到的東西。它看起來很棒,但最重要的配色方案清楚地傳達了事件的“怪異”的個性。
有趣的一天
做一個大聲明
通過色彩做一個聲明可真有趣。你必須確保在顏色脫穎而出,抓住用戶的注意力。這很容易。但它也必須被取得了良好的色彩選擇語句。你不能只是挑選任何霓虹色,它是有道理的頁面的整體目的,它的外觀和感覺。
就拿登陸頁面Gaga的交響曲。當你登陸他們的網站上,你觸動了一個明亮的粉紅色背景。這不是你所期望的交響樂。相反,你所期望的平靜顏色交響曲被認為是更優雅。但是,沒有這一個。加加交響曲充滿活力,樂趣和創造性。因此,火鍋粉是有道理的。
加加交響曲
提供凝聚力和流量
顏色也可以用于指導用戶與氣流一起。它酷似引導用戶的眼睛像Takeit但小于急劇的上述例子。顏色可以是微妙的,也并不需要是戲劇或過頂,以幫助沿著引導用戶。這是特別有用的,當色調是彼此之間的凝聚力。它基本上是品牌顏色是如何工作的。
就拿奇跡或Dropbox的。這兩個應用程序有很大的配色方案,主要是藍色的。但是你看他們的圖形像合身在一起綠色,橙色或紅色等顏色; 這就像他們是有意義的。
這些他們一起向下滾動鬧了凝聚力和流動宜人的網頁兩種顏色方案幫助指導用戶。
Dropbox的
奇跡
另一種不同的例子就是創新項目畫布。他們用綠顏色來引導用戶沿著他們的網頁滾動時。你不需要為了創造一個非常好看流多種顏色; 它是用一個單色實現為好。創新項目帆布做了偉大的指導與只是他們綠色的用戶加入。
創新工程帆布
在彩色圖像
色彩搭配一個有趣的伎倆是,當你使用它通過影像。UI元素不是唯一的,可以增加一些色彩到網站。隨著照片的背景和大的產品照片的崛起對著陸頁這是一個好主意,嘗試使用圖像的合成,使顏色到您的設計。
CartoDB
CartoDB是一個應用程序,可以幫助您的視覺位置數據。什么更好的方式來炫耀自己的服務是多么偉大比呈現出美麗的地圖了嗎?這也正是他們在主頁的頂部做什么。這對他們的產品自己說話,同時增加視覺趣味輝煌之路-色-頁面。
說到這自己說話的產品,ETQ也讓他們的鞋子勝過自己的UI。該網站是它的風格延伸到色彩設計以及相當小。他們把重點放在商品來代替。雖然不是所有的鞋子都是五顏六色的像在這個例子仍然走一段很長的路要走,讓鞋子的顏色可以在他們的設計中最大的課程。它真正讓鞋子脫穎而出。
ETQ
誰需要顏色反正?
有趣的是看到網站沒有顏色了。有時候,你并不需要它。網站仍然可以沒有華麗的紅色,綠色或藍色;叶扰渖桨缚梢詣摻ㄋ璧耐庥^和感覺對于一個品牌,以及發言。
視覺士兵
視覺士兵確實蠻好的,SANS的顏色,就像托馬斯威索基的組合。這兩個網站有一定的優雅給他們。他們搶的,因為總體上缺乏色彩你的關注。您正在尋找的藍色或綠色在CTA或鏈接一些輕微的暗示,但它不存在。這沒關系。缺乏色彩的是,這兩個網站的品牌欄目。他們都是時尚,并在短短的黑白很好看。
托馬斯威索基。圖集
結論
正如你所看到的顏色是強大的。顏色可以做很多事情外觀設計,如果你讓它; 顏色可以引導用戶的眼球,幫助引導用戶通過流量,以及使盛大聲明。顏色是充滿個性又可以很有趣的工作。就個人而言,我覺得顏色,或缺乏,賦予生命的設計。所以有它的樂趣!
作者:朋友圈科技
相關內容 Related
- 為什么響應式設計需要媒體查詢2016/8/5
- 虛擬主機被搜索引擎爬蟲訪問耗費大量流量解決方法2016/8/3
- 網站建設中如何創建完美的顏色組合2016/8/1
- 什么是長尾關鍵詞?2016/8/1
- 建設企業或個人網站的好處2016/7/8
- 前端開發者需要知道的常識2016/7/6
- 12種方法為您拓展業務通道2016/7/27
- SEO優化的三大技巧2016/7/24
- 10的方法來提高你的網站設計2016/7/24
- 網站統計用哪個比較好,百度?cnzz?2016/7/21