<pre id="zzxxx"><strike id="zzxxx"></strike></pre>

<track id="zzxxx"><strike id="zzxxx"><rp id="zzxxx"></rp></strike></track><del id="zzxxx"><dfn id="zzxxx"><progress id="zzxxx"></progress></dfn></del>

<noframes id="zzxxx">
    <track id="zzxxx"></track>

      <p id="zzxxx"><ruby id="zzxxx"></ruby></p>
        <track id="zzxxx"></track>

        <address id="zzxxx"><strike id="zzxxx"><span id="zzxxx"></span></strike></address>
          當前位置:重慶網站建設 > 網站建設資訊 > 網站設計

          重慶網站設計關于網站配色的極大規律總結

          來源:網站建設服務商引序科技 點擊: 發布時間:2018-05-17 00:08:23
          重慶網站設計關于網站配色的極大規律總結 在一開端規劃網站時,咱們遇到的第一個問題往往都是該怎么挑選網站的配色。毫無疑問,網站的配色是用戶第一眼就能留意到的工作之一,這就很好解釋為什么挑選一個好的色彩計劃是如此重要。重慶網站規劃八條規矩讓你把握最佳的網站配色計劃 色彩調配不只會影響到網站全體的外觀和風格,還會在與用戶的互動中發揮重要作用,有研討標明,挑選的色彩會影響...

          在一開端規劃網站時,咱們遇到的第一個問題往往都是該怎么挑選網站的配色。毫無疑問,網站的配色是用戶第一眼就能留意到的工作之一,這就很好解釋為什么挑選一個好的色彩計劃是如此重要。重慶網站規劃八條規矩讓你把握最佳的網站配色計劃

          色彩調配不只會影響到網站全體的外觀和風格,還會在與用戶的互動中發揮重要作用,有研討標明,挑選的色彩會影響用戶的拜訪時刻、點擊率以及產品的銷售等。
                你知道嗎,咱們90%的產品評估都只運用了一種色彩?
                雖然色彩是規劃師最強有力的東西之一,但把握好色彩調配并不是那么簡單。許多種色彩有許多種調配,咱們很難抉擇該在網站上運用什么色彩。許多相關的文章都在輔導咱們怎么運用色彩理論和來從頭締造咱們的調色板,但在本文中,咱們并不需求這么做。我將會共享怎么挑選網站配色計劃但不觸及色彩理論的有用機巧。我還會給咱們介紹一些便利挑選調色板的東西。

          重慶網站設計關于網站配色的極大規律總結
                創立自己專屬的色彩計劃并沒有那么雜亂,咱們能夠運用一下技巧,不費力氣地調配色彩。
                1. 源于你想要表達的心情
                當咱們在進行色彩調配時,不能只考慮事物的外觀,還必須考慮事物給予人的感覺。眾所周知,色彩會引發心情,色彩所體現的意義將直接影響到用戶對產品的感知。因而,咱們需求理解咱們所想表達的心情。
                問問自己:我期望我的用戶和網站相關聯的心情或者感觸是什么?
                為此,我查找了一些色彩與認知的根本關系,僅作為快速參考:
                · 赤色 - 熱情、有力、風險、重要 - 赤色是一種極具影響性的色彩,它能給人留下速度與力氣的形象,傳遞著一種重要性或是風險性。經證明,赤色有著促進血液循環和進步推陳出新的生理效應。
                · 橙色 - 愉悅、活力、魅力、廉價 - 橙色是溫暖而艷麗的色彩,它給人一種充滿活力的感覺,能讓訪客滿腔熱枕。
                · 黃色 - 振奮、友善、影響、尋求留意力 - 不同的黃色能表達不一樣的心情。淡黃色往往與太陽有關,因而傳達一種積極性和溫暖,深黃色往往又給人老舊感和時代感。
                · 綠色 - 天然、安全、新鮮 - 綠色能傳遞一種環保和挨近天然的心情,它也意味著成長,所以綠色往往與掙錢的職業聯系到一同。
                · 藍色 - 信任、安靜、牢靠-  藍色往往是安靜且放松的,往往能激起人們心里的安全感。所以許多銀行和科技公司都喜愛用這種色彩。
                · 紫色 - 豪華、奧秘、浪漫、信仰 - 紫色往往能體現一種尊貴的感覺,在西方,紫色在歷史上與王室相關。
                · 粉色 - 女性、純真、芳華 - 粉色往往被以為是女性化的意思,許多人以為這是女孩的色彩。但依據Joe Hallock的研討,粉色并不是最受女性歡迎的色彩。不過粉色常用在比較浪漫的主題中。
                · 黑色 - 權利、雜亂、奧秘、鋒利 - 能夠說黑色是光譜中最強壯的色彩了,它能迅速地捉住人的留意力,甚至在這一點上超過了赤色。這就是為什么文字和著要點常常都用黑色/當黑色作為布景或是首要組成部分是,就能營造出一種權利感和豪華感。
                · 白色 - 純潔、健康、潔凈、天真 - 白色能杰出和其調配的色彩,所以白色很合適作為非必須的配色。當作為主角時,白色出現一種潔凈的感覺,并能讓用戶的留意力更簡單會集在重要的元素,比方具有召喚性的按鈕上。
                · 灰色 - 中性、正式、雜亂、禁欲 - 灰色往往表達中立的心情。以灰色為主調的配色往往都有方式感,所以商業范疇很喜愛運用灰色。
                不同的色彩能夠引發不同的心情
                2.色彩數量不要太多
                色彩在規劃中的運用需求保持一種平衡,運用的色彩越多,就越難到達這種平衡。
                在規劃中運用太多種色彩就想妄圖一次傳達一百萬種感觸和信息,這只會混雜用戶的視聽。
                假如限制規劃中 運用的色彩數量,咱們將會得到更好的作用。依據經驗,配色中最多能夠運用三種主色。事實證明,大多數用戶更喜愛簡練的配色計劃。依據多倫多大學關于人們怎么運用Abode Color CC的研討,大多數人表明他們喜愛簡練的色彩組合,只是依托兩種或三種色彩。
                提示:假如需求運用調色板之外的色彩,請運用不同的色彩。
                五種藍色色彩
                3.防止運用純黑色
                當咱們在現實生活中看到漆黑時,咱們默許那是黑色的東西,事實上,純黑色在現實生活中簡直不存在咱們周圍一切的黑色物體都會反射一些光,這意味著它們并不是純粹的黑色,而是深灰色的。
                路途不是黑色的。暗影不是黑色的。它們都是深灰色的。
                假如咱們將純黑色放在其他色彩周圍,黑色就會占有咱們絕大多數的視野,由于這并不天然,略顯突兀。咱們所接觸到的APP和網站都有黑色,但并不是純黑色,而是深灰色。例如,蘋果網站頂端的色彩并不是#000000,而是#333333。所以在運用色彩時記住為色彩增加一點飽和度。
                蘋果網站的頂部運用挨近黑色的色彩,但比較淺,這樣就不會有壓倒頁面上其他元素的感覺。
                4.60-30-10規律
                這是一個永恒的裝修規律,能夠幫助咱們輕松地將色彩調配在一同,60%+30%+10%的份額是為了平衡空間中所運用的色彩。
                這個概念用起來很簡單:60%的主調,30%的次調,10%的裝點。這個規律其實就是,次調能夠更好地支撐主調,但兩者之間有明顯地不同之處,而10%的裝點就是一個亮點色彩,可所以你想要杰出體現的色彩。
                60%主調+30%次調+10%裝點
                5.運用灰度進行規劃
                色彩調配是一件很風趣的事,咱們在開端新項目之前往往都要先做色彩的調配。有時咱們會很想從一開端就運用不同的色彩組合,但我強烈建議要忍住,不要被此引誘,而是先專心于灰度的規劃。再增加色彩之前,運用灰度進行規劃,會使得咱們愈加專心于頁面的結構與布局。
                首要,找出層次結構:
                灰度使咱們不得不專心于結構
                之后再對色彩進行配比:
                最終再依據意圖增加色彩?;叶葓D更有利于規劃元素。
                6.比照度
                比照度是兩種色彩之間改變的衡量。這是一個有利于捉住留意力的東西。一般來說,高比照度是重要內容或要害要素的最佳體現局勢。你想要杰出的東西閱覽,就越需求比照度。
                假如按鈕與布景具有相同的色彩,就很難看到按鈕了
                咱們能夠看看下面的比方。在第一個示例中,布景和按鈕的色彩簡直相同,因而用戶根本留意不到按鈕“Get Evernote,It’s Free”。
                按鈕與布景具有相同的色彩,就很難看到按鈕了
                但在第二個比方中,咱們就能夠很簡單找到按鈕。
                火狐網站運用比照明顯的綠色來引導用戶的留意力
                7.遵從連續性規矩
                咱們在規劃中需求考慮到整個網站色彩的連續性。但連續性并不意味著每個頁面都要運用相同的色彩,這也太無聊了!但咱們需求留意在從一個頁面跳轉到另一個頁面時,色彩的改變應該滑潤些。當用戶在拜訪這些網頁時,就會發生一種了解感。在大多數狀況下,咱們運用一種色彩就能到達銜接的作用。例如,當用戶從主頁面前往產品詳情頁面時,咱們能夠將品牌的主打色作為標題,以發生一體的連貫性
          Intercom在每個頁面上都運用藍色(品牌色彩)的標題和插圖等元素
                8.規劃的可用性
                可用性是運用色彩進行規劃時一個必須考慮的要害因素。今天的產品應該盡可能地適用于每一個人。在考慮規劃中的可用性和色彩時,請留意以下幾點:
          防止運用獨自的一種色彩作為目標
                大約8%的男性和0.5%的女性,也就是每12個男人中或每200個女性中就有一人遭到某種色盲的影響。雖然有許多種色盲的方式,但在這其間,紅綠色盲是最常見的。還有這種色盲的人,一般無法看到赤色和綠色的改變。
                全視覺(左) 紅綠色盲患者(中心和右)看到的相同色彩
                咱們所規劃的網站中,大部分都會讓紅綠色盲患者變成遇到困難的瞎子用戶。比方接下來這個非常常見的事例:當咱們在網站上填寫注冊表單時,有時會收到一個信息:標紅的字段是必填的。這可能也不是一件大事,但關于色覺缺乏的人來說,這個信息的體現能夠說非常令人懊喪了。
          左:全視覺 右:視覺妨礙
                咱們需求留意,色盲也有不一樣的狀況,比方紅綠、黃藍或者是單色,因而運用多種的視覺頭緒來傳遞重要信息是非常必需的。除了色彩之外,咱們還能夠用到標志、目標、圖畫、形狀或文字等元從來描繪狀況或內容。
                左:全視覺 右:視覺妨礙
                防止低比照度的文字
                色彩比照是色彩理論關于規劃的可用性至關重要的一個范疇。假如咱們需求在文本中運用色彩時,請留意運用兩種比照度較低的色彩可能會使得副本難以閱覽。
                低比照度的文本難以閱覽
                查看比照度以確保布景和內容之間有著足夠的比照度,適用于色盲或者是弱視人士。實際上這并不難,只需求查看一下比照度。
          比照度代表一種色彩和另一種色彩的差異,通常寫作1:1或21:1,兩個數字之間的差異越高,色彩之間的相對亮度差異就越大。W3C引薦,正文文本和圖畫      之間的比照應該是:
                · 小文本與布景的比照度至少為4.5:1。
                · 大文本(在14pt粗體/18pt正常以上)的布景比照度至少為3:1
                即便業界大佬也存在色彩比照的問題
                好消息,你不用親自去仔細查看比照度,能夠運用色彩比照查看器這個東西,只需求點擊幾下就能夠查看了。WebAIM:色彩比照查看器

          服務項目推薦

          網站建設

          網站建設

          通過搜索引擎優化技術,提供更多的展示和推廣機會,帶來大量精準流量和詢盤,每月意向客戶增長20%。

          手機網站建設

          手機網站建設

          手機網站的時代強勢來襲,贏在全網營銷時代,手機+電腦雙劍合璧,把握商機滴水不漏。

          微信營銷

          微信營銷

          集成微網站,微支付,微活動多種系統模塊,通過微信公眾平臺迅速將您的產品和服務展現推廣給海量移動端客戶。

          整合網絡營銷

          整合營銷

          關鍵詞2-48小時實現快速排名,覆蓋6大主流搜索引擎,不讓同搜索習慣的潛在客戶都能找到您!

          x
          花費10秒填寫資料,免費獲取同行成功秘訣!今日剩余名額:16
          厨房玩朋友娇妻中文字幕
          <pre id="zzxxx"><strike id="zzxxx"></strike></pre>

          <track id="zzxxx"><strike id="zzxxx"><rp id="zzxxx"></rp></strike></track><del id="zzxxx"><dfn id="zzxxx"><progress id="zzxxx"></progress></dfn></del>

          <noframes id="zzxxx">
            <track id="zzxxx"></track>

              <p id="zzxxx"><ruby id="zzxxx"></ruby></p>
                <track id="zzxxx"></track>

                <address id="zzxxx"><strike id="zzxxx"><span id="zzxxx"></span></strike></address>