色彩搭配延伸文章資訊,搜尋引擎最佳文章推薦

1. 網頁設計色彩搭配9技巧,不能不知的色彩心理學

了解色彩心理學與好的色採搭配與選擇會讓你事半功倍。

以下提供9個小技巧, ... 既然如此,你的網站顏色搭配、Logo顏色挑選是否恰當呢? 你所選擇的品牌顏色 ...網頁設計色彩搭配9技巧,不能不知的色彩心理學HomeTransBiz跨境電子商務智庫電子商務網站優化網站設計網頁設計色彩搭配9技巧,不能不知的色彩心理學0393sharesFacebook307LoveThis34LinkedIn28Twitter24在心理學的研究中,大腦對顏色的敏感度很高。

像是讀者對雜誌內頁的廣告內容全彩的偏好比起黑白高出了26%,有92.6%的人認為視覺將影響他們的購物決策,而人們的潛意識在90秒內便會透過顏色判讀他們是否要購買商品,又這樣的下意識行為在大型的物品,如行李箱的挑選上又特別明顯。

上述的結果都再再顯示出顏色對使用者的影響。

打造一個品牌,在視覺上給人的形象與感覺是很重要的,是人們第一眼對你的印象,也是去建立信任感、讓消費者對品牌產生長期支持的重要關鍵。

既然如此,你的網站顏色搭配、Logo顏色挑選是否恰當呢?你所選擇的品牌顏色將會永遠影響你的品牌意識。

根據研究結果顯示,顏色會增加80%的品牌認知度,而品牌顏色也會影響品牌傳遞出的價值。

在調查結果中發現,前100大的品牌中,他們的品牌顏色前四大代表色依序是:藍、黑、紅、黃。

橘色、綠色和紫色被使用的比率則相對少了許多。

而在前100大的品牌中,有51%都是使用單色系的色調;有30%則是使用兩種色調,以下有幾個從TheLogoFactory.com做出來的標示,你可以去感受一下色系變換以後,品牌或是號誌給你的感受有什麼不同。

好的色系選擇與搭配會讓你的事半功倍。

你一定不會想要隨便選一個色系來建構你的網站,只因為「看起來很酷」吧!以下提供9個小技巧,教你如何選擇網站配色。

 目錄1.了解顏色如何影響情緒2.考慮整體的主要目標客群、性別和年齡層4.透過測驗了解什麼樣的顏色適合你的網站5.放下自己的偏見6.選擇要用幾種顏色7.選擇你的顏色組合【結語】1.了解顏色如何影響情緒在前面描述了那麼多顏色對人們選擇的影響之後,你一定也會知道顏色是會影響人們的情緒的。

但是哪一種顏色會喚醒什麼樣的情緒?而對不同地理位置的消費族群,即便是相同的顏色也可能代表不同的意義。

比方說在婚禮的時候,台灣人可能會喜歡紅色帶喜氣,西方人就習慣是白紗或簡約風的色調。

那你的品牌想要給予人們什麼樣的感受?想一想心理學背後顏色與情緒之間的關係。

以下是根據北美消費族群的調查結果,不同顏色的CTA如何影響人們的情緒: 黃色:樂觀、年輕,常被使用在獲取windowshopper的注意力紅色:充滿活力、心跳加速、創造急迫性,常出現在清倉大拍賣藍色:建立信任感和安全感,常出現在銀行和企業綠色:跟健康有關,對眼睛來說最舒服的顏色,通常會使用在實體店家,可傳遞放鬆的感覺橘色:積極、創造行動呼籲,以帶動訂閱、購買或銷售粉紅色:浪漫和女性主義,通常會女性的和年輕女性的產品市場出現黑色:強而有力,通常出現在奢華的商品上紫色:放鬆和冷靜,常被用在常美妝和抗老化的產品ColorEmotionGuide也做了一張品牌色系的表,你可以用這張表作為品牌色系的參考選擇。

延伸閱讀:ColorMatters更了解顏色 2.考慮整體的主要目標客群、性別和年齡層你想要賣給哪一群人?你想要喚起他們什麼樣的情緒?這很重要!以下是FasstCompany針對紅、橙、黃、綠、藍、紫六種不同的顏色對人們的情緒和心理影響。

想一想你的主要目標客群的人格特質還有情緒。

選擇最合適的顏色作為網站的主要顏色,舉例來說,如果你是一間有機的食品公司,那麼最好選擇綠色,因為綠色跟自然還有健康有關。

除了主要的目標客群之外,客群的性別也可能會是考量的因素。

如有些公司是比較針對不同性別銷售的。

就必須要了解不同的性別的消費者他們偏好的顏色。

根據ColourAssignment調查22個不同國家的人顏色偏好的結果,男生跟女生喜歡的顏色則如下圖所示:男生偏好的顏色:藍色(57%)、綠色(14%)、黑色(9%)、紅色(7%)、橘色(5%)女生偏好的顏色:藍色(35%)、紫色(23%)、綠色(14%)、紅色(9%)、黑色(6%)男生最不喜歡的顏色:咖啡色(27%)、紫色和橘色(22%)、黃色(13%)、灰色(5%)女生最不喜歡的顏色:橘色(33%)、咖啡色(20%



2. 网页设计常用色彩搭配表

色彩搭配看似复杂,但并不神秘。

既然每种色彩在印象空间中都有自己的位置,那么色彩搭配得到的印象可以用加减法来近似估算。

将网页设计中常见的色彩搭配 ...网页设计常用色彩搭配表《配色表》制作by小影加载中…按色相的搭配分类本节将网页设计中常见的色彩搭配按照色相的顺序归类。

每类都以该色相为主,配以其他色相或者同色相的,应用对比和调和的方法,并按照从轻快到浓烈的顺序排序。

按印象的搭配分类色彩搭配看似复杂,但并不神秘。

既然每种色彩在印象空间中都有自己的位置,那么色彩搭配得到的印象可以用加减法来近似估算。

如果每种色彩都是高亮度的,那么它们的叠加,自然会是柔和、明亮的;如果每种色彩都是浓烈的,那么它们叠加,就会是浓烈的。

当然在实际设计过程中,设计师还要考虑到乘除法,比如同样亮度和对比度的色彩,在色环上的角度不同,搭配起来就会得到千变万化的感觉。

因此本书除了要列举出按色相的搭配,也要将印象作为重点的搭配分类列举出来,以供读者参考。

更多实用工具|魔方MoFun-好玩的网页App



3. 設計師必學:選色配色與色彩搭配

要搭配出好看的色彩,首先不能是一個色盲,話雖然不太好聽,但是道理是實實在在的。

不管是平面設計還是網頁設計,不管你是新手還是大神,色彩始終是一名設計師必學必會的科目。

你可以暫時沒有驚艷的創意靈感,也可以暫時沒有縝密的設計思維,但是不可以一日不會色彩搭配。

一、自我檢測要搭配出好看的色彩,首先不能是一個色盲,話雖然不太好聽,但是道理是實實在在的。

......二、色彩三要素1、色相(色調):最初的基本色相為紅、橙、黃、綠、藍、紫,在各色中間加插一兩個中間色,其頭尾色相。

按光譜順序為:紅、橙色、黃橙、黃、黃綠、綠、綠藍、藍綠、藍、藍紫、紫。

紅紫、紅和紫中再加個中間色,可制出十二基本色相。

2、飽和度:就是色彩的濃度,或者說是鮮艷程度。

越鮮艷的色彩通常就被認為越飽和。

3、明度(色度):是色彩的明暗程度。

不同色彩有不同的明度,即使同一種色彩,其明度也有不同。

...三、色彩名詞解析1、三原色:所有顏色的源頭被稱為三原色,三原色指的是紅色、黃色和藍色。

如果我們談論的是屏幕的顯示顏色,比如顯示器,三原色則分別是紅色、綠色和藍色,也就是我們熟悉的RGB。

...2、間色、複色(三級顏色)如果將紅色和黃色、黃色和藍色、藍色和紅色均勻混合,就會創建三種間色:綠色、橙色和紫色。

將這些顏色應用進項目中,可以提供很強烈的對比。

三次色來源於間色與原色的混合,主要有:紅紫色、藍紫色、藍綠色、黃綠色、橙紅色和橙黃色。

...3、同類色、鄰近色同類色指色相性質相同,但色度有深淺之分。

(是色相環中15°夾角內的顏色)...4、近似色近似色指相性質相同,色度深淺比較明顯(是指色相環中夾角50°左右的兩種近似色)...5、對比色對比色是人的視覺感官所產生的一種生理現象,是視網膜對色彩的平衡作用。

指在24色相環上相距120°-180°之間的兩種顏色,稱為對比色。

...6、補色又稱互補色,余色,亦稱強度比色,就是兩種顏色(等量)混合後呈黑灰色,那麼這兩種顏色一定互為補色。

色環的任何直徑兩端相對之色都稱為互補色。

...7、冷、暖、中性色色彩學上根據心理感受,把顏色分為暖色調(紅、橙、黃),冷色調(青、藍)和中性色調(紫、綠、黑、灰、白)。

...四、色彩搭配色彩搭配的方式有千萬種,這裡不可能一一列舉到,列舉一些典型的,大眾可以用到的,然後大家根據自己的經驗拓展。

如果基礎不好或者想要學習設計,可以加我企鵝號:八九八二二四三七四。

設計的學習是一點點的積累,一點點的嘗試,不要受任何方式方法的束縛,敢想、敢嘗試,你就可以成為真正的設計師!不多說,開始舉例。

1、冷色與白色色調的搭配青色、藍色、藍紫色等等都屬於冷色系列。

冷色一般跟白色調和可以達到很好的視覺效果,冷色一般應用於一些高科技、高品質、理性類頁面設計中。

...2、暖色與黑色色調的搭配黃色、橙色、紅色等都屬於暖色系列。

暖色跟黑色調和可以達到很好的效果。

暖色一般應用與女性、兒童、食品類等。

也可以體現商品的琳琅滿目,熱情活潑、溫馨等。

...3、同類色和近似色搭配如黃綠色、黃色和潔色等。

近似色的搭配給人的視覺效果很舒適,很自然。

所以近似色在設計中極為常見。

(註:在用近似色時,要適當加強對比,不然會使畫面顯得平淡)...4、對比色和補色搭配最突出,最引人注目的搭配,有強烈的視覺衝擊!(註:互補色之間的強烈對比,會引起色彩的顫動和不穩定感,處理不好會使頁面衝突,破壞整體感。

對於互補色,調整一下互補色的亮度,或者調整互補色的使用面積。

有時候是一種很好的搭配)...5、三角搭配法則使得畫面生動的搭配方式。

在使用三角形搭配方式時,一定要選出一種色彩作為主色,別外兩種作為輔色。

......6、分裂互補色搭配這是互補搭配的變體,本質是用類似色來代替互補色中的一個顏色,以達到既有互補色對比強烈的特點,又彌補了不穩定的缺點。

對初學者來說是非常好用的搭配方式,畫面對比強烈又不容易產生混亂。

......7、四方色/四方補色四方色是在色輪上畫一個正方形,取四個角的顏色。

這個顏色超棒,尤其是使用其中一個顏色作為主色,其他的三個顏



4. 服裝顏色搭配

在服裝中有兩大重點,一個是版型,另一個就是色彩,版型造就了不同的造型單品,色彩就成了連結各項單品的一環,顏色搭配是我們日常穿衣 ...Skiptocontent服裝顏色搭配–基礎色彩穿搭技巧教學主頁/搭配樂趣/搭配分享/服裝顏色搭配–基礎色彩穿搭技巧教學上一頁下一頁服裝顏色搭配–基礎色彩穿搭技巧教學在服裝中有兩大重點,一個是版型,另一個就是色彩,版型造就了不同的造型單品,色彩就成了連結各項單品的一環,顏色搭配是我們日常穿衣搭配的重要一環,穿搭顏色配比好,基本上就非常亮眼,尤其是在夏季無法穿著太多件的時節,顏色就成了非常重要的一點!你是否有出門思索某種顏色單品怎麼配色怎麼穿才能特別好看,這篇文章將從基礎配色中開始為你介紹,請跟著我們一同探索服裝顏色搭配世界的奧秘。

文章目錄色彩的概念:色彩三要素:色相、明度、彩度必須了解衣物配色法:同色系:同色系特點:相近色:相近色掌握70%服裝搭配:對比色:互補加強鮮明感:基礎顏色搭配小須知:顏色不超過三種:三七分比例配色:想不到配甚麼,先配白色:全身一個亮點:藍色搭配實際操作示範:藍色同色系:藍色相近色:藍色對比色:【紫色搭配秘笈】《卡其色系搭配提案》色彩的概念:要將衣服顏色配比好,就不能不學習一些色彩學的基礎知識,這個段落快速的帶大家了解色彩的基本概念,讓你打好底。

色彩三要素:色相、明度、彩度色彩的組成有三個非常重要要點;分別是色相、明度和彩度,這個個性質就是通稱「色彩三要素」,當然也有人稱作為色彩三屬性。

而將這屬性製作成表就成為大家最常看到的色相環,依照色相環就能對顏色做相對應的描繪,也能簡單選擇出所需要的色彩。

圖片來自:Wikipedia色相就是指色彩的外相,依照光波照射物品不同波長呈現出的色彩,並以相貌給予色彩名子。

也更方便讓在溝通色彩時,即使沒看到色彩,也能依據視覺經驗記憶而浮現出色彩。

例如:紅色、橙色、黃色…等等。

圖片來自:知乎专栏明度簡單來說就是,色彩照光後,呈現在視覺上有的明亮感,色彩能夠反射的光較多感覺較量,相對較少則感覺較暗,這樣的明亮度統稱為色彩的「明度」。

不同色彩,有著不同明暗;如黃色比純藍色來得明亮;黃色、橙色是屬於明度高的色彩,而綠色及藍色就是明度低的,也有人用藍色來代表低落心情。

圖片來自:吾诺瀚卓UNOHACHA彩度這指的是色彩純度,通常以色彩純色程度比例,來辨識彩度的高低。

在所有顏色之中『黑白灰』代表著無色彩,所沒有彩度標誌,所以純色混合黑白灰,彩度就大大降低。

例如:藍色混和白色時,純度及鮮豔程度就降低、前面所提到的明度也大大下降,成為淡藍色。

所以一個顏色純度高也代表彩度高,而色彩純度少則彩度低。

圖片來自:SlideShare必須了解衣物配色法:好了好了!看了那麼多關於色彩硬知識後,總該讓我們回到服裝配色上。

實際運用非常簡單掌握以下幾點配合上方色彩三要素的調節,就能輕鬆解決穿搭配色問題,廢話不多說馬上看下去。

同色系:這邊考考大家,同色系是依照剛剛介紹的三要素的哪一點呢?有猜到了嗎?答案就是「明度和彩度」依照不同明度彩度做變化,簡單來說就是同樣色系下用不同深淺來做搭配,這算是非常簡易的方式,但也是需要靠不同種類的同色單品構成。

最簡單的方式就是「全黑」或是「全白」、「全灰」因為這三色剛好屬於明度但沒有彩度的色彩,又屬於易與其他顏色融入的色彩,搭配最屬容易,其實同色系搭配說容易也有點困難,如果同樣顏色,容易顯得單調,就要依照不同種類的面料和明度配比才不會顯得無聊。

 在Instagram查看這則貼文 FashionPress(@fashionpressjp)分享的貼文於PDT2019年6月月18日上午4:13張貼 在Instagram查看這則貼文 FashionPress(@fashionpressjp)分享的貼文於PDT2019年6月月19日上午4:43張貼 在Instagram查看這則貼文 FashionPress(@fashionpressjp)分享的貼文於PDT2019年6月月9日下午9:09張貼同色系特點:同色系通常會帶給人增高的作用,因為同樣色調連貫起來就會有延伸效果,所以能夠拉高身形比例。

同樣的同色系如果使用的是深色,更加明顯纖細,因為暖色、明亮色,讓人有前進感,而冷色、深色則反之有遠離感。

相近色:相近色也非常容易推斷,使用剛剛的色相環,選擇一個顏色,而鄰近的顏色就是你可互相做配比的色彩。

而相近色還有另一種方式可以推斷,就是甚麼顏色與甚麼顏色



5. 博客來-配色方案入門:用視覺理解,快速啟發用色靈感,給 ...

書名:配色方案入門:用視覺理解,快速啟發用色靈感,給所有人的色彩搭配手冊!,語言:繁體中文,ISBN:9789578472891,頁數:120,出版社:邦聯文化 ...ErrorErrorThispagecan'tbedisplayed.Contactsupportforadditionalinformation.TheEventIDis:6862205497298677803.TheSessionIDis:N/A.



6. 博客來-配色設計

好設計の配色圖鑑II:聰明的選色、吸睛的配色,激發設計的色彩搭配靈感. 作者:Power Design Inc. 79折優惠價$394 ...ErrorErrorThispagecan'tbedisplayed.Contactsupportforadditionalinformation.TheEventIDis:6862205497298675004.TheSessionIDis:N/A.



常見生活風格問答


延伸文章資訊