<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • UI設(shè)計(jì)如何用色

    2017-7-10    用心設(shè)計(jì)

    如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點(diǎn)這里


    顏色可以表達(dá)一切,最好的用色技巧是節(jié)制。如果你最大限度的遵從三原色,那么結(jié)果一定不會差。色彩的運(yùn)用一定要在平衡上多下功夫,運(yùn)用的顏色越多,越難達(dá)到平衡。


    顏色在設(shè)計(jì)中的作用相當(dāng)于錦上添花。—— Pierre Bonnard


    如果你需要色盤以外的顏色,或者加陰影和色澤,都會給作品添加不同的色調(diào)。


    60-30-10原則


    這個其實(shí)是一個永恒裝修設(shè)計(jì)原則,但是卻能幫你更加容易的生成顏色系統(tǒng)。60%+30%+10%的百分比分配可以保持色彩平衡。這個公式很有效,因?yàn)樗軤I造出一種平衡感,幫助眼睛從一個焦點(diǎn)平緩的移動到另一個焦點(diǎn)。同時,這個也是十分簡單易用的公式。


    主色相占60%,次要顏色占30%,裝飾色占10%。

    UI設(shè)計(jì)如何用色

     

    顏色的含義


    近幾個世紀(jì),科學(xué)家都在研究某些顏色帶給人的心理影響。除了美學(xué)上,顏色也是情緒和關(guān)系的創(chuàng)造者。但是顏色的含義會因風(fēng)俗習(xí)慣和環(huán)境的變化而變化。這就是為什么你看到很多時尚的電商會用黑色和白色。他們想表現(xiàn)優(yōu)雅和令人贊嘆的。


    UI設(shè)計(jì)如何用色

     


    紅色:熱情、愛和危險
    藍(lán)色:冷靜、理智和安全
    黑色:神秘、優(yōu)雅和邪惡
    白色:純潔、安靜和干凈
    綠色:新鮮、新生和自然


    UI設(shè)計(jì)如何用色

     

    下面是不同地區(qū)對顏色的不同理解:


    統(tǒng)一灰度值


    我們喜歡在設(shè)計(jì)初期糾結(jié)于顏色和色調(diào),然而當(dāng)你發(fā)現(xiàn)你花了3個小時在確定基礎(chǔ)色的時候,很快就會讓你意識到這樣的行為多么愚蠢。雖然很容易陷入這樣的情緒,但是你要學(xué)會克服這樣的情緒。


    相比于聚焦在間隔和元素布局上,通過調(diào)節(jié)顏色會幫你節(jié)省很多時間。這種限制是很高產(chǎn)的,不要覺得無聊,通過調(diào)整色調(diào),你就能讓作品看起來好很多。


    下面是一個你可能在dribbble上看過的作品,通過單色和聚焦的元素讓整更作品看起干凈整潔。


    UI設(shè)計(jì)如何用色

     

    遠(yuǎn)離純黑和純灰

    你可能聽說過這個顏色使用小技巧:不要使用沒有飽和度的灰色。在現(xiàn)實(shí)世界中純灰色幾乎不存在。同樣,純黑色也不存在。

    UI設(shè)計(jì)如何用色

     

    記住,給你的顏色多加一些飽和度。潛意識里用戶看這樣的顏色更自然更熟悉。

    UI設(shè)計(jì)如何用色

     

    相信自然

    最棒的顏色搭配來源于自然界。這些組合看上去十分自然,所以最好解決設(shè)計(jì)問題的方案是環(huán)顧四周替換色盤。

    環(huán)顧四周就會獲得靈感。


    保持對比

    有些顏色跟其他搭配效果很好,但是有些會很沖突。顏色最終是否能很和諧可以從色相環(huán)里觀察出來。你應(yīng)該知道這個方法,但是沒必要手動做。

    UI設(shè)計(jì)如何用色

     

    如果你想了解更多查看色相環(huán)的理論,Color Theory For Designers: Creating Your Own Color Palettes


    獲取靈感

    當(dāng)我們在dribbble上找參考找靈感的時候,還有個更好的地方。dribbble.com/colors

    UI設(shè)計(jì)如何用色

     


    視頻、印刷品設(shè)計(jì)、室內(nèi)設(shè)計(jì)以及時尚,都有很多可以獲得靈感的地方。所以,很簡單憋死盯著色盤,遇到看起來有趣的配色就存起來。


    UI設(shè)計(jì)如何用色

     

    工具

    讓事情變得簡單,我在例舉一些可以用于色板選擇的工具。他們會幫你省很多時間。


    Coolors.co
    事實(shí)上,我最喜愛的顏色選取器。你可以簡單的鎖定選取顏色和點(diǎn)擊空白處生成色盤。Coolors.co里你也可以從上傳一張圖片,在圖片里生成色盤。最酷的地方是你不會被限定在一個方案,相反還有個讓你選擇顏色的吸色器。

     

    UI設(shè)計(jì)如何用色

     

    Kuler
    Adobe爸爸提供的一色配色工具。在瀏覽器里可以使用,也可以在桌面端使用。如果你使用桌面端你能將顏色參考導(dǎo)入Photoshop。

    UI設(shè)計(jì)如何用色

     

    Paletton
    Kuler相似,不同點(diǎn)是Paletton不僅限于5種色調(diào)。當(dāng)你具有確定的基礎(chǔ)色想找些附加色的時候,這個工具的好用之處就能體現(xiàn)出來了。

    UI設(shè)計(jì)如何用色

     

    Designspiration.net
    想象下對你的色盤有想法,但是你想看下混合后的效果。Designispiration是個非常好用的工具。你可以吸取5個顏色,搜索滿足你需求的圖片。不僅僅是吸取圖片里的顏色,同時也能將他們用到設(shè)計(jì)里。


    Shutterstock Lab Spectrum
    你或許會問,我怎么根據(jù)我所選的顏色來搜索圖片呢?Shutterstock Lab Spectrum是一個根據(jù)制定色調(diào)選擇圖片的工具。你不用訂閱,因?yàn)閹в兴〉膱D片足夠生成色盤啦

    UI設(shè)計(jì)如何用色

     

    Tineye Multicolr
    如果你想要搜索圖片里的混合色,甚至辨別這些顏色中的每一顏色,Tineye Multicolr是一個能夠幫助你實(shí)現(xiàn)這個夢想的人。這個網(wǎng)站收集啦1000萬在Flickr的評價。


    最終思考
    顏色是一個很不容易掌握的概念,尤其是在數(shù)字時代。以上的建議能共幫助你找到工作中需要的顏色。創(chuàng)造令人暈眩的顏色搭配方案最好的方法是利用顏色幫你表達(dá),跟顏色好好相處吧。

    藍(lán)藍(lán)設(shè)計(jì)www.skdbbs.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

    日歷

    鏈接

    個人資料

    存檔

    主站蜘蛛池模板: 国产精品理论片在线观看 | 日韩精品人妻系列无码专区| 精品国产一区二区三区免费 | 国产精品无码成人午夜电影| 久久久久亚洲精品男人的天堂| 欧美777精品久久久久网| 精品无码久久久久国产| 亚洲精品成人在线| 国产精品永久免费视频| 日韩精品在线免费观看| laowang在线精品视频| 人人妻人人澡人人爽欧美精品| 日韩精品无码永久免费网站| 国产精品99久久久久久董美香| 国产精品毛片久久久久久久| 国产精品区免费视频| 亚洲AV无码精品色午夜果冻不卡| 久久精品国产只有精品66 | 国精品产露脸自拍| 97精品人妻一区二区三区香蕉| 久久福利青草精品资源站免费| 久久久无码精品亚洲日韩按摩 | 久久久久国产精品麻豆AR影院| 99久久精品这里只有精品| 国产成人精品视频在放| 精品无码国产一区二区三区51安| 亚洲国产成人久久精品99 | 精品人伦一区二区三区潘金莲| 一本一道久久a久久精品综合| 欧美久久久久久午夜精品| 无码国产69精品久久久久网站| 亚洲精品国产高清不卡在线| 精品伦精品一区二区三区视频 | 久久久久国产日韩精品网站| 精品亚洲一区二区三区在线播放| 国产成人精品一区二区三区| 99热热久久这里只有精品68| 91精品国产自产在线老师啪| 国产精品内射婷婷一级二| 国产在线91精品入口| 久久久精品国产Sm最大网站|