設計的風格多種多樣,每一種都有鮮明的特征。這里我們主要討論一下目前成都網站設計中的:扁平化。

成都網站設計風格趨勢

1.扁平化

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

2.拒絕特效

2.1 扁平化這個概念最核心的地方就是放棄一切裝飾效果,諸如陰影、透視、紋理、漸變等,能做出3D效果的元素一概不用。所有的元素的邊界都干凈利落,沒有任何羽化、漸變或者陰影。如今從網頁到手機應用無不在使用扁平化的設計風格,尤其在移動端設備手機、平板電腦上,因為屏幕的限制,使得這一成都網站設計風格在用戶體驗上更有優勢,更少的按鈕和選項使得界面干凈整齊,使用起來格外簡單。

3.界面元素

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

4.優化排版

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

5.如何配色

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

6.最簡單的交互方案

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

7.似扁平化與長投影

(1)似扁平化。最近還有一種趨勢值得關注,就是“似扁平化”,一些設計師把某項特效融入整體的扁平化之中,使其成為一種獨特的效果。比如說,在簡單的按鈕上加一點點漸變或陰影,從而使這種風格成為其特色,產生出一種扁平化的變種。這種設計要比單純的扁平化更具有適用性和靈活性。許多設計師比較喜歡這種設計,因為這意味著他們可以加點陰影或透視在某些元素上。用戶可能也會喜歡這種稍微圓滑一點的設計方式,這能引導他們進行一些適當的交互。

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