<noframes id="xh9jd"><menuitem id="xh9jd"></menuitem>

      <address id="xh9jd"></address>

        <ol id="xh9jd"><th id="xh9jd"><span id="xh9jd"></span></th></ol>

        <noframes id="xh9jd">

        400-650-7353

        精品課程

        您所在的位置:首頁 > IT干貨資料 > ui設計 > 【UI設計基礎知識】配色秘籍

        【UI設計基礎知識】配色秘籍

        • 發布: ui培訓
        • 來源:UI干貨資料
        • 2021-07-28 10:13:52
        • 閱讀()
        • 分享
        • 手機端入口

        設計中顏色的使用是一個非常值得關注的問題,同樣的構圖、版式,但是不同的顏色搭配給人的感覺就完全不一樣,色彩的冷暖,明暗變化琳瑯滿目,表達不同的氛圍與情緒,對于新手設計來講,配色是個不容小覷的問題,可以給大家介紹一套行之有效的基礎配色秘籍,掌握本秘籍,保證新手設計師可以掌握配色的基本武功,然后勤加練習,多加思考,就可以成長為武林高手了。

        武林秘籍第一步,根據設計需求選擇一個主色,這個主色的選擇可以是公司的主色,公司規定了必須用這個顏色進行設計,或者產品類型,比如清潔類的產品,一般選擇藍色或綠色作為主色;想要表達的理念,對產品理念的定義選擇相應的顏色作為主色。

        武林秘籍第二步,打開一個網絡上無需費力就可以找到的配色網站,或者可以在平時設計軟件上面找,給大家推薦一個小編用到的顏色網站——http://www.peise.net/tools/web/,這個網站可以用幾種不同的配色形式,單色搭配,互補色搭配,三角形搭配,矩形搭配,類似色搭配,類似色搭配互補色,根據你想要使用顏色數量,選擇相對應的顏色搭配形式,然后可以通過配色方案調節進行飽和度/明度,對比度,還有調節參數進行調整。最后在色彩列表中可以找到顏色的數值,進行運用在設計作品中。

        最后一步秘籍就是運用色彩,根據配色網站搭配出來的色彩運用到設計作品中,那么該如何使用這些色彩呢,這又要分為以下幾個步驟:

        1、對于幾種顏色進行層級劃分,主色是使用時占比例較大的顏色,顏色運用比例在50%-70%作用,選擇輔助色,輔助色所占的使用比例大概在30%-50%左右的比重,最后就是點綴色,點綴色所占的比重大概占10%左右的比例。這一步是定義顏色屬性-主色/輔助色/點綴色。

        2、選擇設計圖中最大的區域,填上主色,選擇比重其次的顏色,填上輔助色,最后是點綴色的運用在比較小的區域。這一步就是填色。

        3、在設計稿上填寫好了顏色之后,觀察整張設計稿,如果覺得整體主色區域比較單調,可以在主色上使用同色漸變,或者添加一些基礎幾何形狀(方形、圓形、三角形)等以不同的大小添加在主色區域,這些基礎幾何形狀的顏色可以選擇輔助色。然后點綴色區域比較無層次的話,可以在點綴色區域使用白色,灰色,黑色等無色彩的顏色作為輔助使用。

        4、最后就是對整張設計稿進行細化,使主色區域有層次,輔助色區域飽滿,點綴色的使用可以烘托氣氛的作用。

        配色秘籍拿到手,一定要多加練習,多加使用,多多思考,總結適合自己的配色手法,才能融會貫通,所向披靡。

        學習疑問申請解答
        您的姓名
        您的電話
        意向課程
         

        中公優就業

        IT小助手

        掃描上方二維碼添加好友,請備注:599,享學習福利。

        >>本文地址:
        注:本站稿件未經許可不得轉載,轉載請保留出處及源文件地址。

        推薦閱讀

        優就業:ujiuye

        關注中公優就業官方微信

        • 關注微信回復關鍵詞“大禮包”,享學習福利
        QQ交流群
        在線疑問解答
        (加群備注“網站”)
        IT培訓交流群 加入群聊 +
        軟件測試 加入群聊 +
        全鏈路UI/UE設計 加入群聊 +
        Python+人工智能 加入群聊 +
        互聯網營銷 加入群聊 +
        Java開發 加入群聊 +
        PHP開發 加入群聊 +
        VR/AR游戲開發 加入群聊 +
        大前端 加入群聊 +
        大數據 加入群聊 +
        Linux云計算 加入群聊 +
        優就業官方微信
        掃碼回復關鍵詞“大禮包”
        享學習福利

        測一測
        你適合學哪門IT技術?

        1 您的年齡

        2 您的學歷

        3 您更想做哪個方向的工作?

        獲取測試結果
         
        課程資料、活動優惠 領取通道