<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>

          UI設計如何用色

          2017-7-10    用心設計

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里


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


          顏色在設計中的作用相當于錦上添花?!?Pierre Bonnard


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


          60-30-10原則


          這個其實是一個永恒裝修設計原則,但是卻能幫你更加容易的生成顏色系統。60%+30%+10%的百分比分配可以保持色彩平衡。這個公式很有效,因為它能營造出一種平衡感,幫助眼睛從一個焦點平緩的移動到另一個焦點。同時,這個也是十分簡單易用的公式。


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

          UI設計如何用色

           

          顏色的含義


          近幾個世紀,科學家都在研究某些顏色帶給人的心理影響。除了美學上,顏色也是情緒和關系的創造者。但是顏色的含義會因風俗習慣和環境的變化而變化。這就是為什么你看到很多時尚的電商會用黑色和白色。他們想表現優雅和令人贊嘆的。


          UI設計如何用色

           


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


          UI設計如何用色

           

          下面是不同地區對顏色的不同理解:


          統一灰度值


          我們喜歡在設計初期糾結于顏色和色調,然而當你發現你花了3個小時在確定基礎色的時候,很快就會讓你意識到這樣的行為多么愚蠢。雖然很容易陷入這樣的情緒,但是你要學會克服這樣的情緒。


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


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


          UI設計如何用色

           

          遠離純黑和純灰

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

          UI設計如何用色

           

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

          UI設計如何用色

           

          相信自然

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

          環顧四周就會獲得靈感。


          保持對比

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

          UI設計如何用色

           

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


          獲取靈感

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

          UI設計如何用色

           


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


          UI設計如何用色

           

          工具

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


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

           

          UI設計如何用色

           

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

          UI設計如何用色

           

          Paletton
          Kuler相似,不同點是Paletton不僅限于5種色調。當你具有確定的基礎色想找些附加色的時候,這個工具的好用之處就能體現出來了。

          UI設計如何用色

           

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


          Shutterstock Lab Spectrum
          你或許會問,我怎么根據我所選的顏色來搜索圖片呢?Shutterstock Lab Spectrum是一個根據制定色調選擇圖片的工具。你不用訂閱,因為帶有水印的圖片足夠生成色盤啦

          UI設計如何用色

           

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


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

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

          日歷

          鏈接

          個人資料

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

          存檔

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