南沅科技爲(for)您報導:蘇州網站建設扁平化設計與色彩的(of)未來(Come)趨勢

發布時(hour)間:2019-02-28 09:22:04 浏覽次數:58

這(this)篇文章将展示很多很酷的(of)範例,甚至還提供了(Got it)一(one)個(indivual)免費的(of)用(use)戶界面工具包供你下載和(and)使用(use)。但如果是(yes)你自己的(of)話,你打算怎麽做?給點提示,色彩是(yes)扁平化趨勢中最重要(want)的(of)一(one)部分。

扁平化設計進修

wistia

roybarber

squidee

solo

扁平化設計你可以(by)通俗的(of)理解爲(for):使用(use)簡單特效,或者無特效來(Come)創建的(of)設計方案,它不(No)包含三維屬性。諸如投影、斜面、浮雕、漸變等特效都不(No)要(want)在(exist)設計中使用(use)。

扁平化設計給人(people)的(of)感覺通常都很簡潔,即使它可以(by)做的(of)很複雜。簡單、直接、友好的(of)特性也使得它廣受移動界面和(and)時(hour)尚網站設計的(of)青睐。

想了(Got it)解更多扁平化設計趨勢,可以(by)看之前的(of)這(this)篇文章。

定義調色闆

說到(arrive)色彩,扁平化設計中會用(use)到(arrive)很多,但設計師們(them)通常會選擇大(big)膽的(of)和(and)鮮亮的(of)來(Come)使用(use)。怎樣使用(use)色彩讓設計各有不(No)同?設計師們(them)打開調色闆,多數時(hour)會選鮮亮的(of),飽和(and)度高的(of)來(Come)用(use),偶爾也會使用(use)灰色或黑色。而包括彩虹調色闆在(exist)内的(of)很多傳統配色規則都被抛出(out)窗外。

其實歸根結底就是(yes)色調與飽和(and)度的(of)匹配。雖然在(exist)色調上(superior),設計師可以(by)有很多選擇,但一(one)般開始會選互爲(for)鏡像的(of)色深。它要(want)麽是(yes)一(one)個(indivual)主色或輔色的(of)組合,要(want)麽是(yes)色盤的(of)另一(one)部分,包含了(Got it)更多的(of)黑白色混合。

一(one)提扁平化設計的(of)色彩方案,人(people)們(them)就會想到(arrive)高飽和(and)、鮮亮、複古或單色塊之類的(of)。并不(No)是(yes)說這(this)是(yes)唯一(one)的(of)選擇,隻是(yes)發展趨勢讓它們(them)變的(of)流行。

鮮亮的(of)色彩

Flat-UI-Colors

weather-app

weather-widget

鮮亮的(of)色彩爲(for)扁平化設計創造出(out)一(one)種與衆不(No)同的(of)感覺。因爲(for)它在(exist)亮背景和(and)暗背景下都能獲得很好的(of)對比度,以(by)吸引用(use)戶的(of)注意。這(this)正是(yes)它成爲(for)扁平化設計色彩趨勢的(of)原因。

從哪裏開始?

FlatUIColors.com 網站上(superior)有很多扁平化設計的(of)流行色調,是(yes)項目起步的(of)好選擇。無論是(yes)明亮的(of)藍色、綠色,還是(yes)黃色、橙色,你都能從中找到(arrive)流行色的(of)縮影。這(this)個(indivual)網站最重要(want)的(of)一(one)點就是(yes),你可以(by)免費選擇和(and)下載色值到(arrive)本地(land)。(就個(indivual)人(people)而言,我(I)對灰色調情有獨鍾。)

Designmodo 已将亮色設計大(big)綱進一(one)步地(land)整合到(arrive)了(Got it)最近發布的(of) Flat UI Free 套件中,包括扁平化設計,流行的(of)圖标以(by)及調色闆(對配色新手來(Come)說,這(this)簡直太贊了(Got it)),而且界面更易用(use)。

在(exist)設計中使用(use)嚴格的(of)原色的(of)情況并不(No)常見,比如純紅、純藍、純黃,一(one)般都混色使用(use)。如果你想自己做配色方案,請注意簡潔。記得選擇類似的(of)色調和(and)飽和(and)度,當然,也可以(by)采納我(I)們(them)的(of)建議。

brights

亮色:可以(by)嘗試把這(this)些色彩組合,或混合在(exist)一(one)起使用(use)。它們(them)在(exist)白色或黑色背景上(superior)都有很好表現。

比較流行的(of)有:藍色,綠色和(and)紫色。

複古色

inviosse

my-drinks

geckoboard

pattern-sun

複古色 也是(yes)扁平化設計中一(one)種流行的(of)方案。

這(this)些建立在(exist)鮮亮顔色基礎上(superior)的(of)不(No)飽和(and)色彩,加之白色内容的(of)反差,看起來(Come)更柔和(and)。是(yes)不(No)是(yes)有種老校區的(of)感覺。複古色的(of)配色方案往往包含大(big)量的(of)橙色和(and)黃色,偶爾也有紅和(and)藍。

複古色很常見的(of)是(yes)用(use)在(exist)主色和(and)輔色上(superior),因爲(for)它們(them)給人(people)感覺很舒緩。

retro

複古色:這(this)類色彩适合作(do)爲(for)主色元素出(out)現,配以(by)圖案或柔和(and)的(of)色彩,效果最佳。

比較流行的(of)有:橙色,桃色,梅子色和(and)深藍色。

單一(one)色

cathryn-anne

foundation1

blue-mono

單一(one)色 方案正在(exist)被日益普及。它依賴于(At)黑色和(and)白色的(of)單一(one)顔色來(Come)創造新的(of)色調。

大(big)多單一(one)色彩方案都是(yes)一(one)個(indivual)基本色搭配另外2-3種其他(he)色調。最流行的(of)色調就是(yes)藍色,但也有設計師采用(use)黑色(或灰色)作(do)爲(for)基色,用(use)紅色代表按鈕或動作(do)。另一(one)種做法是(yes)利用(use)顔色差異。比如藍色,你可以(by)添加綠色調進去,來(Come)創建一(one)個(indivual)藍綠色的(of)方案。

同時(hour),單一(one)色方案在(exist)移動和(and)App設計中也極爲(for)流行。

mono

單一(one)色:與其他(he)色調方案一(one)樣,通過調節對比度,可以(by)在(exist)父顔色基礎上(superior)得到(arrive)很多不(No)同的(of)色調。比如原始顔色對比度是(yes)100%,你可以(by)看看調成50%,20%和(and)8%後分别是(yes)什麽樣子。

比較流行的(of)有:藍色,灰色和(and)綠色。

結論

其實真正使扁平化設計火起來(Come)的(of)原因是(yes):這(this)個(indivual)概念很新,且有趣。你可以(by)在(exist)項目中體會這(this)一(one)點。

一(one)個(indivual)與項目相匹配的(of)色彩方案,能夠引導用(use)戶更好地(land)使用(use)網站,這(this)是(yes)件很酷的(of)事情。現在(exist),超越傳統配色的(of)束縛,去創造一(one)個(indivual)更舒适的(of)扁平化色彩方案吧。


網站建設

深圳市维缇网络科技有限公司提供網站建設,網站制作(do),網站開發,網站設計,網頁開發,網站定制,網頁設計等服務,幫助企業提高知名度和(and)影響力,提高企業網上(superior)競争力。我(I)們(them)的(of)客戶來(Come)自各行各業,爲(for)了(Got it)共同目标,工作(do)上(superior)密切配合,從創業型小企業到(arrive)行業有影響力的(of)網站建設公司,感謝他(he)們(them)對我(I)們(them)的(of)高要(want)求,感謝他(he)們(them)從不(No)同領域給我(I)們(them)帶來(Come)的(of)挑戰,讓我(I)們(them)的(of)團隊用(use)頭腦與智慧給客戶帶來(Come)驚喜。


閱讀推薦
關閉

在(exist)線留言