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

發布時間:2019-02-28 09:22:04 浏覽次數:49

這篇文章将展示很多很酷的範例,甚至還提供了一(yī)個免費(fèi)的用戶界面工(gōng)具包供你下(xià)載和使用。但如果是你自己的話(huà),你打算怎麽做?給點提示,色彩是扁平化趨勢中(zhōng)最重要的一(yī)部分(fēn)。

扁平化設計進修

wistia

roybarber

squidee

solo

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

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

想了解更多扁平化設計趨勢,可以看之前的這篇文章。

定義調色闆

說到色彩,扁平化設計中(zhōng)會用到很多,但設計師們通常會選擇大(dà)膽的和鮮亮的來使用。怎樣使用色彩讓設計各有不同?設計師們打開(kāi)調色闆,多數時會選鮮亮的,飽和度高的來用,偶爾也會使用灰色或黑色。而包括彩虹調色闆在内的很多傳統配色規則都被抛出窗外(wài)。

其實歸根結底就是色調與飽和度的匹配。雖然在色調上,設計師可以有很多選擇,但一(yī)般開(kāi)始會選互爲鏡像的色深。它要麽是一(yī)個主色或輔色的組合,要麽是色盤的另一(yī)部分(fēn),包含了更多的黑白(bái)色混合。

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

鮮亮的色彩

Flat-UI-Colors

weather-app

weather-widget

鮮亮的色彩爲扁平化設計創造出一(yī)種與衆不同的感覺。因爲它在亮背景和暗背景下(xià)都能獲得很好的對比度,以吸引用戶的注意。這正是它成爲扁平化設計色彩趨勢的原因。

從哪裏開(kāi)始?

FlatUIColors.com 網站上有很多扁平化設計的流行色調,是項目起步的好選擇。無論是明亮的藍(lán)色、綠色,還是黃色、橙色,你都能從中(zhōng)找到流行色的縮影。這個網站最重要的一(yī)點就是,你可以免費(fèi)選擇和下(xià)載色值到本地。(就個人而言,我(wǒ)對灰色調情有獨鍾。)

Designmodo 已将亮色設計大(dà)綱進一(yī)步地整合到了最近發布的 Flat UI Free 套件中(zhōng),包括扁平化設計,流行的圖标以及調色闆(對配色新手來說,這簡直太贊了),而且界面更易用。

在設計中(zhōng)使用嚴格的原色的情況并不常見,比如純紅、純藍(lán)、純黃,一(yī)般都混色使用。如果你想自己做配色方案,請注意簡潔。記得選擇類似的色調和飽和度,當然,也可以采納我(wǒ)們的建議。

brights

亮色:可以嘗試把這些色彩組合,或混合在一(yī)起使用。它們在白(bái)色或黑色背景上都有很好表現。

比較流行的有:藍(lán)色,綠色和紫色。

複古色

inviosse

my-drinks

geckoboard

pattern-sun

複古色 也是扁平化設計中(zhōng)一(yī)種流行的方案。

這些建立在鮮亮顔色基礎上的不飽和色彩,加之白(bái)色内容的反差,看起來更柔和。是不是有種老校區的感覺。複古色的配色方案往往包含大(dà)量的橙色和黃色,偶爾也有紅和藍(lán)。

複古色很常見的是用在主色和輔色上,因爲它們給人感覺很舒緩。

retro

複古色:這類色彩适合作爲主色元素出現,配以圖案或柔和的色彩,效果最佳。

比較流行的有:橙色,桃色,梅子色和深藍(lán)色。

單一(yī)色

cathryn-anne

foundation1

blue-mono

單一(yī)色 方案正在被日益普及。它依賴于黑色和白(bái)色的單一(yī)顔色來創造新的色調。

大(dà)多單一(yī)色彩方案都是一(yī)個基本色搭配另外(wài)2-3種其他色調。最流行的色調就是藍(lán)色,但也有設計師采用黑色(或灰色)作爲基色,用紅色代表按鈕或動作。另一(yī)種做法是利用顔色差異。比如藍(lán)色,你可以添加綠色調進去(qù),來創建一(yī)個藍(lán)綠色的方案。

同時,單一(yī)色方案在移動和App設計中(zhōng)也極爲流行。

mono

單一(yī)色:與其他色調方案一(yī)樣,通過調節對比度,可以在父顔色基礎上得到很多不同的色調。比如原始顔色對比度是100%,你可以看看調成50%,20%和8%後分(fēn)别是什麽樣子。

比較流行的有:藍(lán)色,灰色和綠色。

結論

其實真正使扁平化設計火(huǒ)起來的原因是:這個概念很新,且有趣。你可以在項目中(zhōng)體(tǐ)會這一(yī)點。

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


TAG标簽:
網站建設

深圳市皮埃斯网络科技有限公司提供網站建設,網站制作,網站開(kāi)發,網站設計,網頁開(kāi)發,網站定制,網頁設計等服務,幫助企業提高知(zhī)名度和影響力,提高企業網上競争力。我(wǒ)們的客戶來自各行各業,爲了共同目标,工(gōng)作上密切配合,從創業型小(xiǎo)企業到行業有影響力的網站建設公司,感謝他們對我(wǒ)們的高要求,感謝他們從不同領域給我(wǒ)們帶來的挑戰,讓我(wǒ)們的團隊用頭腦與智慧給客戶帶來驚喜。


閱讀推薦
關閉

在線留言