<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          科學合理的通過顏色吸引用戶、增加粘性

          2022-9-26    純純

          沒有難看的顏色,只有難看的搭配每一種顏色有其獨特的作用,令人產生不同的情感。合理使用色彩可以取得宜人的效果。

          一、色彩的基本認知(本模塊設計小白可以了解一下,有基礎的略過)        undefined1、色彩由色相、飽和度、明度三要素構成

           色相(Hue)

          即各類色彩的相貌稱謂,如大紅、普蘭、檸檬黃等。色相是色彩的首要特征,是區別各種不同色彩的最準確的的標準。事實上任何黑白灰以外的顏色都有色相的屬性,而色相也是由原色、間色和復色來構成。

           

          飽和度(Saturation)

          飽和度是指色彩的鮮艷程度,也稱色彩的純度。飽和度取決于該色中含色成分和消色成分(灰色)的比例。含色成分越大,飽和度越高;消色成分越大,飽和度越低。

           

          明度(Brightness)

          明度是眼睛對光源體和物體表面的明暗程度的感覺,主要有由光線強弱決定的一種視覺經驗。明度不僅取決于物體照明程度,而且取決于物體表現的反射系數。

           

          2、配色的基本認識

           

          基本色環(Color Wheel)

          按照光譜順序為:紅、橙紅、黃橙、黃、黃綠、綠、綠藍、藍、藍紫、紫、紫紅、紅和紫中間在加個中間色。在色相環的圓圈里,各種色調按照不同角度排列,則十二色相環每一色相距30度,24色相環每一色相距15度。

           

          同一色

          色相環中的任意色因明度變化而呈現的色彩。顏色混合是通過在色彩中加入黑、白、灰形成的。統一色調,色彩的純度和明度是具有共同性,明度按照色相略有變化。

          同色系配色是指主色和輔色都在同一色相上,這種配色方法往往會給人頁面很一致化的感受

           

          同類色

          同類色又稱類似色。色相環原色起45度以內,含有較多共同的色彩元素的色彩,同類色指色相性質相同,但色度有深淺之分。

           

          相鄰色

          色相環中相距90度,或者相隔五六個數位的兩色,為鄰近色關系,屬中對比效果的色組。色相彼此近似,冷暖性質一致,色調統一和諧,感情特性一致。

          相鄰色不同于同一色的枯燥乏味。稍微跳動的的色彩也一樣保持著設計的穩定性,還能起到強調單獨作品的作用

           

          對比色

          指色相環上色相對比較大、純度較高的任意兩色。對比色之間無過多的共性,對比效果強烈。當對比的兩色具有相同的彩度和明度時,對比效果越明顯;兩色越接近補色,對比效果越強烈。

          主導的對比配色需要精準掌控色彩搭配和面積,其中主導色會帶動頁面的氣氛,產生激烈的心理感受。

           

          補色

          補色又稱互補色、余色,亦稱強度比色,就是兩種顏色(等量)混合后呈現黑灰色,那么這兩種顏色以定位互補色。色環的任何直徑兩端相對之色都稱為互補色

          補色對比由于色彩過于沖撞,很少用戶傳統網頁界面,一般用于活動 banner,起到吸引用戶眼球的作用。



          二、HSB色彩模型


          1、什么是HSB色彩模型

          如果你寫過HTML和CSS,那么肯定熟悉RGB,三個字母分別表示:R(紅)、G(綠)、B(藍)。這種方式對電腦來說非常直接明了,也是電腦理解顏色的默認方式。對電腦友好并不意味對人類易用,這也是HSB誕生的原因。

          HSB代表色相(Hue) - 飽和度(Saturation) - 明度(Brightness),又稱HSV,是一種更人性化的顏色描述方式。為什么這么講?因為它與人們描述顏色的自然方法一致。

           

          2、HSB色彩模式設置及優點undefined

          1)、比起 RGB 系統,HSB使用了更貼近人類感官直覺的方式來描述色彩 ,對于設計師來說更容易理解

           

          HSB 的概念很接近色彩學所常使用的色彩空間模型,由于是由三個屬性所組合而成,因此常以色立體表示,

          但由于我們常用的操作系統依然為二度空間的系統,因此在計算機系統的選色接口中常以不同的接口出現,我想其實大家都很熟悉,像是下圖為sketch中的選色器,可以看見一個全彩的色相條,和一個顏色的窗口,滑動色相條即可得到不一樣的顏色

           undefined

          2)、HSB可以更加科學地保證設計師所使用的不同顏色處于同一明度和飽和度,使用戶的視覺體驗感更好


          也許你會覺得 HSB 并沒有比較簡單,但是實際使用過就會發現,它是多么的好用。例如下圖的男女比例的背景色塊,如果用RGB調色只能通過設計師的眼睛和經驗來調整他們是否處于同樣的色調中,但是用HSB來調色,保持S和B值相同,只需要滑動色相條即可得到完全一樣的色調,省時省力還科學

                             

           

          三、色彩使用規則

           undefined      

          1、色調的分類

          色調(color tone)是不同色相但是具有同樣亮度和純度的顏色進行的分組,

          undefined     

           

          極淺vp(very pale)色調:

          是純度最低、亮度最高的,干凈清淡的顏色,給人清的,柔弱的,女性的,年輕的,淡的,可愛的印象。

           

          亮灰色lg(light grayish)色調:

          純度低,中高亮度的色調,給人高貴、安定、古樸的印象和輕柔的感覺。

           

          中灰色mg(medium grayish)色調:

          低純度中亮度,具有濁,不起眼,古樸,穩健,安定的氣氛。

           

          深灰dg(dark grayish)色調:

          低純度和中低亮度,給人漂亮、安定、自然的感覺。

           

          極暗vd(very dark)色調:

          是純度和亮度都最低的色調,具有厚重牢固的感覺,給人非常暗,陰暗,厚重,堅固、男性的印象。

           

          淺的pl(pale)色調:

          中純度和高亮度的色調,給人干凈、淺、爽朗的感覺。

           

          柔軟sf(soft)色調:

          中純度和中高亮度,給人穩健溫柔的感覺。相比淺色給人感覺更安定。

           

          晦暗dl(dull)色調:

          中純度和中亮度的色調,給人安心高雅的感覺,一般說的中間色就是晦暗色調。

           

          暗dk(dark)色調:

          中純度和低亮度的色調,具有結實,成熟,古樸的色調印象。

           

          亮It(light)色調: 

          高純度高亮度的色調,具有明亮、健康、活潑,年輕而穩定的印象。

           

          強st(strong)色調:

          高純度和中高亮度的色調,充滿活力,冗長,熱情,開放的印象。

           

          深dp(deep)色調:

          高純度和低亮度的色調,具有力量感和深度,給人深的,濃的,傳統的等印象。

           

          活潑VV(vivid)色調:

          高純度和中亮度的色調,較為鮮艷,鮮明,華麗,鮮艷,鮮活的印象。

           

          2、色調配色技巧

          同色相環配色技巧原理一樣,色調也有3種基本的配色技巧。

           

          1)同色調的配色:

          同色調的顏色幾乎沒有亮度和純度差,是比較容易統一和協調的配色。

          undefined     

           2)鄰近色調配色:

          具有一定的亮度和純度差但是差值不大,比較容易調和,容易傳達原有印象。有縱向鄰近、橫向鄰近、和斜向鄰近三種。

          undefined     

          3)對比色調配色:

          亮度與純度差很大,是極具張力的配色方法。是色調圖上相隔很遠的色調的配色。自由選擇色相,有亮度對比、純度對比、亮度和純度對比這三種配色方式。

          undefined      


          配色網站推薦

          推薦是三個比較好用的、簡單操作的配色網站,有需要的可以收藏

          1、coolors.co

          2、designspiration.com

          3、materialpalette.com

          undefined

          四、常用色分析undefined


          除了醫療作用外,顏色還有一定的象征意義和社會屬性,對人類生活有著舉足輕重的影響。顏色心理學領域的佼佼者,美國羅切斯特大學安德魯.埃利奧特說,以前從來沒有人做過這種聯系。他表示:“顏色研究表明的是,我們的行為會受到我們沒有留意,習以為常的事物的影響。”

          據國外媒體報道,人們常常認為,穿著紅色服裝是自信的表現。同時,科學家們也認為,運動員身穿紅色運動服更容易取得好成績。然而,英國羅徹斯特大學的安德魯·埃里奧特等人開展的一項最新研究卻顯示,紅色會抑制人們思維的活躍性。

          埃里奧特和他的研究小組共對一些中學的高年級學生和部分大學生進行了四次研究。期間,他們向被測試者發放了一些用于進行智力水平測試的紙片——在各張紙片的右上角分別用紅色、灰色或綠色表明了序號。

          結果,凡是所持紙片上用紅色標明序號的學生,其所獲得的智力水平評分均明顯低于那些手持灰色或綠色序號紙片的學生。先前的研究已經證實,人們在日常生活中所接觸到的顏色會對人的潛意識產生影響,只不過這種影響非常短暫。

          埃里奧特教授認為,紅色首先會使人們聯想到錯誤和失敗。談到這一點,大多數人肯定都會想到老師在判卷時所使用的紅墨水。當然,有關禁止的信號通常也以紅色表示。而在自然界中,紅色則是一種警示色。隨后進行的另外兩項研究則證實,當受測試者眼看著紅色回答問題時,他們通常會選擇那些較為簡單的問題進行解答--這是人們在面對困難時所選擇的最經典的方法。

          與紅色相對的是,藍色能夠促進創新;黃色,則是最令人愉快的顏色,它被認為是愉快的象征,可以刺激神經系統和改善大腦功能,激發人的朝氣,令人思維敏捷。另外還有,橙色,是新思想和年輕的象征,令人感到溫暖、活潑和熱情,能啟發人的思維,可有效地激發人的情緒和促進消化功能。

          賞心悅目的色彩能夠通過視神經傳遞到大腦神經細胞,從而有利于促進人的智力發育。在和諧色彩中生活的少年兒童,其創造力高于普通環境中的成長者。若常處于讓人心情壓抑的色彩環境中,則會影響大腦神經細胞的發育,從而使智力下降。所以,我們在平時日常生活中,正確的應用色彩心理學,改善生活環境色彩,讓我們的心情更舒適,思維更敏銳。

          所以一定不要讓自己孩子在高考的時候穿什么紅色的外套,旗開得勝什么的,可能會影響思維活躍度,導致考試成績不理想

          undefined

          橙色稍稍混入黑色或白色,會變成一種穩重、含蓄又火熱的暖色,但混入較多的黑色,就成為一種燒焦的色;橙色中加入較多的白色會帶來一種甜膩的感覺。由于位于可見光的中低頻頻段,橙色在空氣中的衍射能力僅次于紅色,而其色感比紅色更暖,最飽和的橙色應該是色彩中感受最暖的顏色,能給人有莊嚴、尊貴、神秘等感覺,所以基本上屬于心理色性。歷史上許多權貴和宗教界都用以裝點自己,現代社會上往往作為標志色和宣傳色。不過也是容易造成視覺疲勞的色。

          英國埃塞克斯大學做了一項研究顯示,綠色是很特別的顏色,在四季分明之地方,如見到春天之樹木、有綠色的嫩葉,大自然的顏色。在綠色環境中鍛煉能提高情緒、活力和愉悅感。也就是說,戶外鍛煉有益身心。

          色彩心理學家早就指出,人們在高頻率顏色(如綠色,藍色和紫色)的環境下會產生平靜的感覺,而在中低頻率顏色(如紅色,橙色和黃色)的環境下更容易興奮和激動。這一現象可能是在人類進化的過程出現的。因為對于原始人類來說,綠色的環境意味著充足的食物和水源,對綠色的積極感覺在進化過程中融入大腦。

          英國埃塞克斯大學的研究者選取十四名男大學生,要求他們在室內固定單車上騎行5分鐘,并觀看關于森林的紀錄片。隨后,研究者將視頻背景由綠色轉換為黑色、白色和紅色,讓志愿者在觀看這3種顏色視頻的同時,又分別騎行了5分鐘。結果發現,他們在觀看綠色視頻時疲勞感低,情緒也能保持愉悅;而觀看紅色背景視頻時,他們更容易情緒不穩。


          紫色跨越了暖色和冷色,所以可以根據所結合的色彩創建與眾不同的情調。帶些紅色的深紫色可以產生一個暖色盤。淺紫色是較貴的,常常會聯想到浪漫。當結合玫紅色的時候,可以創建一個很女性化的色盤。一個比較男人的色盤可以使用偏紅偏黑的深紫色。泥土和自然的色彩可以結合紅紫色和淺褐色或者亮紫色+綠色。黃色和紫色是對比色,可以創建強對比度的色盤。

               

          作者:木子淺談    來源:站酷

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司


          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合