pt电子游戏押注方法
添加到百度首頁
添加收藏 RSS 網站地圖 舊版網站
  • 全部
  • 網頁特效
  • 建站教程
  • 設計分享
當前位置:首頁 > 設計分享 >

UI設計色彩與扁平化設計的應用

時間:2014-11-02      來源:互聯網     

        UI設計看似簡單的設計結構與為數不多的形狀和顏色組成,但是它背后卻有深刻的含義,不是隨便的顏色和結構就能稱得上是UI設計,什么的設計都能算是扁平化,那么,UI設計色彩與扁平化設計是如何應用的呢?

  一、扁平化設計溫故知新

UI設計色彩與扁平化設計的應用-【科e互聯】

UI設計色彩與扁平化設計的應用-【科e互聯】

UI設計色彩與扁平化設計的應用-【科e互聯】

 

  扁平化設計技巧,是指使用簡單的效果(或省去某些效果)來打造不包含三維屬性的設計方案。在扁平化設計項目中,不采用陰影、斜面、浮雕和漸變等效果。

  有的人覺得扁平化設計外觀很簡單,但其實做起來很復雜。扁平化設計外觀簡單、直接,讓用戶一目了然,因此正日漸成為移動端用戶界面以及web設計的流行趨勢之一。

  有關扁平化設計趨勢的更多內容請見Designmodo早先的文章。

  二、制定調色板

  在顏色方面,扁平化設計可以采用各種各樣的顏色,但一般來說設計師傾向于大膽的亮色。

  扁平化設計在顏色方面的另一出眾之處,在于設計師能夠將調色板從簡單的一種兩種顏色擴展到三種、四種乃至更多種顏色。其大多數選擇都采用了明亮飽滿的色調,并有時使用這種色調對稱灰色或黑色。

  就顏色和扁平化設計而論,很多有關色彩搭配的傳統規則都被設計師拋出了腦外以求讓調色板能夠擁有更多色彩。

  但是,我們在扁平化設計和顏色選擇方面越來越多的看到了色調和飽和度的搭配。雖然設計師可能會選擇使用不少的陰影,但同時也會將不同的陰影對比審查看顏色是否夠深、顏色組合屬于主要組合還是次要組合、是否來自不同的色調或者顏色中包含的黑白組合是否較多。

  在顏色方面,扁平化設計方案的趨勢通常是超高的飽和度、明亮、比較復古或單調。倒并不是說這些是唯一的辦法,但隨著趨勢的演化,這些風格已成為最為流行的風格。

  三、亮色

UI設計色彩與扁平化設計的應用-【科e互聯】

UI設計色彩與扁平化設計的應用-【科e互聯】

UI設計色彩與扁平化設計的應用-【科e互聯】

 

  亮色通常是扁平化設計的標志性特征,因為其能夠帶來一種很獨到的感覺。明亮的色彩在亮色和暗色背景上一般都能夠適用,并能夠形成對比感同時吸引用戶。對于扁平化設計來說,其可謂是最為流行的顏色趨勢。

  四、如何著手?

  FlatUICoors.com 上提供了很多扁平化設計流行色調的新手示例。從亮藍色和綠色到黃色橙色,這些顏色能夠完美地呈現出我們眼中的顏色和趨勢。這個網站是個絕佳的出發點,你可以在網站上免費選擇下載不同的色值。

  Designmodo在其近期發布的Flat UI Free工具包中對這一亮色設計進行了進一步的解讀,并使用相同的亮色色調打造了一個很棒且使用簡單的界面輪廓包。這一扁平化且風格十足的圖標可適用于各種不同的項目,而且還提供了顏色樣本(如果你是色彩搭配新手,那就有福了)。

  亮色扁平化設計的調色板中很少采用嚴格的主色調,例如純紅色、藍色和黃色一般很少見,取而代之的是更加豐富的混合色。

  如果你想在扁平化設計方案中搭配自己選擇的亮色,請注意一定要保持簡單。選擇色澤與飽和度相似的顏色。另外我們也為你提供了幾個顏色樣本以供你入門。

UI設計色彩與扁平化設計的應用-【科e互聯】
 

  亮色顏色樣本:嘗試一下使用上面這些顏色組合或者任意混搭來打造自己的扁平化調色板。這些顏色在白色或黑色背景上都能達到最大的沖擊力。

  流行顏色:藍色、綠色和紫色

web前端視頻教程
標簽 UI設計
相關文章
web前端視頻教程


最新更新

網頁特效

web前端視頻教程
pt电子游戏押注方法 nba2k怎么玩 如何打印彩票投注单 龙虎相斗是什么生肖 流量挂机赚钱真的假的 北京pk10手机免费计划 宝贝全计划 北京pk拾倍投骗局 微信尾号夺宝带单器 打麻将的规则介绍 后三组六怎么倍投 快速时时秘籍 北京pk开奖直播网