設(shè)計(jì)的風(fēng)格多種多樣,每一種都有鮮明的特征。這里我們主要討論一下目前成都網(wǎng)站設(shè)計(jì)中的:扁平化。

成都網(wǎng)站設(shè)計(jì)風(fēng)格趨勢(shì)

1.扁平化

1.1 網(wǎng)站設(shè)計(jì)扁平化設(shè)計(jì)是指舍齊漸變、陰影、高光等擬物化的視覺效果,從而打造出一種看上去更加平面的界面風(fēng)格。扁平化的網(wǎng)頁設(shè)計(jì)更適合用于需要同時(shí)支持多種屏幕尺寸的響應(yīng)式設(shè)計(jì)技術(shù)中。扁平化設(shè)計(jì)風(fēng)格的逐漸興起也可以看作是對(duì)多年以來過度設(shè)計(jì)、過度雕琢的界面風(fēng)格的逆襲。扁平化通常以四種風(fēng)格出現(xiàn):常規(guī)扁平化、長(zhǎng)投影、投影式、漸變式。

2.拒絕特效

2.1 扁平化這個(gè)概念最核心的地方就是放棄一切裝飾效果,諸如陰影、透視、紋理、漸變等,能做出3D效果的元素一概不用。所有的元素的邊界都干凈利落,沒有任何羽化、漸變或者陰影。如今從網(wǎng)頁到手機(jī)應(yīng)用無不在使用扁平化的設(shè)計(jì)風(fēng)格,尤其在移動(dòng)端設(shè)備手機(jī)、平板電腦上,因?yàn)槠聊坏南拗?使得這一成都網(wǎng)站設(shè)計(jì)風(fēng)格在用戶體驗(yàn)上更有優(yōu)勢(shì),更少的按鈕和選項(xiàng)使得界面干凈整齊,使用起來格外簡(jiǎn)單。

3.界面元素

3.1 扁平化設(shè)計(jì)通常采用許多簡(jiǎn)單的用戶界面元素,諸如按鈕或者圖標(biāo)之類。設(shè)計(jì)師們通常堅(jiān)持使用簡(jiǎn)單的外形(矩形或者圓形) ,并且盡量突出外形,這些元素一律為直角(極少的一些為圓角)。這些用戶界面元素可以方便用戶點(diǎn)擊，極大地減少用戶學(xué)習(xí)新交互方式的成本,用戶憑經(jīng)驗(yàn)就能大概知道每個(gè)按鈕的作用。此外，成都網(wǎng)站設(shè)計(jì)扁平化除了簡(jiǎn)單的形狀之外,還包括大膽的配色。但是需要注意的是,扁平化設(shè)計(jì)不是說簡(jiǎn)單地搞些形狀和顏色搭配起來就行,它和其他設(shè)計(jì)風(fēng)格一樣,是由許多的概念與方法組成的。

4.優(yōu)化排版

4.1由于網(wǎng)站設(shè)計(jì)扁平化設(shè)計(jì)使用特別簡(jiǎn)單的元素,排版就成了很重要的一環(huán),排版好壞直接影響視覺效果,甚至可能間接影響用戶體驗(yàn)。字體是排版中很重要的一部分,它需要和其他元素相輔相成。在扁平化設(shè)計(jì)作品里盡量采用簡(jiǎn)潔的無裝飾感的字體,這也可以成為簡(jiǎn)化設(shè)計(jì)的有力武器。

5.如何配色

扁平化設(shè)計(jì)中,配色是最重要的一環(huán),扁平化設(shè)計(jì)通常采用比其他風(fēng)格更明亮、更炫麗的顏色。明亮的色彩能帶來一種活力感和趣味性,柔和、細(xì)膩的色彩卻無法做到這一點(diǎn)。同時(shí),扁平化設(shè)計(jì)中的配色還意味著更多的色調(diào)。比如,其他設(shè)計(jì)最多只包含兩三種主要顏色,但是扁平化設(shè)計(jì)中會(huì)平均使用六到八種顏色。而且扁平化設(shè)計(jì)中,往往傾向于使用單色調(diào),尤其是純色,并且不做任何淡化或柔化處理(最受歡迎的顏色是糾色和二次色)。另外還有一些顏色也挺受歡迎,如復(fù)古色(淺橙、紫色、綠色、藍(lán)色等)。

6.最簡(jiǎn)單的交互方案

6.1 設(shè)計(jì)師簡(jiǎn)化自己的設(shè)計(jì)方案,避免不必要的元素出現(xiàn)在設(shè)計(jì)中。簡(jiǎn)單的顏色和字體就足夠了,如果還想添加點(diǎn)什么,盡量選擇簡(jiǎn)單的圖案。扁平化設(shè)計(jì)尤其對(duì)一些做零售的網(wǎng)站幫助巨大,它能很有效地把商品組織起來,以簡(jiǎn)單但合理的方式排列。

7.似扁平化與長(zhǎng)投影

(1)似扁平化。最近還有一種趨勢(shì)值得關(guān)注,就是“似扁平化”,一些設(shè)計(jì)師把某項(xiàng)特效融入整體的扁平化之中,使其成為一種獨(dú)特的效果。比如說,在簡(jiǎn)單的按鈕上加一點(diǎn)點(diǎn)漸變或陰影,從而使這種風(fēng)格成為其特色,產(chǎn)生出一種扁平化的變種。這種設(shè)計(jì)要比單純的扁平化更具有適用性和靈活性。許多設(shè)計(jì)師比較喜歡這種設(shè)計(jì),因?yàn)檫@意味著他們可以加點(diǎn)陰影或透視在某些元素上。用戶可能也會(huì)喜歡這種稍微圓滑一點(diǎn)的設(shè)計(jì)方式,這能引導(dǎo)他們進(jìn)行一些適當(dāng)?shù)慕换ァ?

(2)長(zhǎng)投影。某種程度上成都網(wǎng)站設(shè)計(jì)扁平化的拓展或者說下一個(gè)階段。在秉持扁平化設(shè)計(jì)基本審美的同時(shí),在長(zhǎng)投影的幫助下使設(shè)計(jì)更有深度并同時(shí)保持了設(shè)計(jì)的扁平化。網(wǎng)站設(shè)計(jì)公司的設(shè)計(jì)師通常通過給圖標(biāo)添加陰影的方式來創(chuàng)立長(zhǎng)投影設(shè)計(jì)。它一般是把一個(gè)普通陰影的長(zhǎng)度拓展45度。圖標(biāo)或標(biāo)志通過這樣的處理會(huì)使用設(shè)計(jì)更加具有深度。長(zhǎng)投影設(shè)計(jì)不是一種獨(dú)立的設(shè)計(jì)，而是扁平化設(shè)計(jì)的一個(gè)新元素或是縱深發(fā)展，伴隨著長(zhǎng)投影設(shè)計(jì)的日益流行，熱衷于成都網(wǎng)站設(shè)計(jì)扁平化用戶界面的設(shè)計(jì)師選擇在他們的網(wǎng)頁中使用長(zhǎng)投影設(shè)計(jì)作為他們扁平化設(shè)計(jì)概念的一部分去創(chuàng)建極簡(jiǎn)并且吸引人的用戶界面。長(zhǎng)投影設(shè)計(jì)對(duì)于上下文提到的設(shè)計(jì)師想著重強(qiáng)調(diào)粗體的圖標(biāo)和標(biāo)志是極為理想的。通過運(yùn)用長(zhǎng)投影設(shè)計(jì)，會(huì)更加具有深度，也會(huì)更加奪人眼球。