扁平化設(shè)計(jì)基本原則是什么,扁平化設(shè)計(jì)是不是新趨勢(shì)。

扁平化設(shè)計(jì)是一個(gè)新興的設(shè)計(jì)風(fēng)格,采用平面形狀和圖標(biāo)。它基本上圍繞使用矩形,圓形,三角形和其他形狀沒有其他的設(shè)計(jì)元素,如陰影,中風(fēng)和梯度。它是由流行的微軟在自己的電腦系統(tǒng),尤其是其新的操作系統(tǒng)調(diào)用Windows 8?;旧?,平面設(shè)計(jì)風(fēng)格植根于兩個(gè)原則:簡單性和可讀性。

這兩個(gè)原則指導(dǎo)設(shè)計(jì)者制定時(shí)尚的網(wǎng)絡(luò)布局,軟件設(shè)計(jì),海報(bào)及多。

website-sample-flat-02-570x304

扁平化設(shè)計(jì)的簡單原則

它的設(shè)計(jì),不使用復(fù)雜的表現(xiàn)狀態(tài)。簡單的平面設(shè)計(jì)轉(zhuǎn)向遠(yuǎn)離陰影,中風(fēng)和其他設(shè)計(jì)元素的使用。這背后的原因是現(xiàn)在的人喜歡簡單,很容易辨認(rèn)的風(fēng)格。此外,與移動(dòng)瀏覽的來臨,其中在屏幕上的空間是有限的,使用簡單的圖像最大限度地利用在屏幕上的像素。簡約風(fēng)格也適用于作為設(shè)計(jì)者專注于圖標(biāo),圖像和所有其他元素的網(wǎng)頁或應(yīng)用程序之間的間距寬。此外,簡單的平面圖像往往比錯(cuò)綜復(fù)雜的設(shè)計(jì)的加載速度更快,因?yàn)闉g覽器無法加載的設(shè)計(jì)元素包裝在一起的主圖像。

同時(shí),可讀性的原則來一起簡約風(fēng)格。隨著越來越多的“白色空間”(或空格),文本被看到。此外,沒有陰影,中風(fēng)和梯度將確保下一個(gè)頁面內(nèi)的文本的可讀性。

Facebook是的首次適應(yīng)設(shè)計(jì)格式之一。在過去的幾周中,F(xiàn)acebook已經(jīng)明顯改變了他們的設(shè)計(jì)方案,讓用戶看到簡單的圖標(biāo),設(shè)計(jì)和更多的眼睛友好的視覺效果。谷歌也跟著改變其圖標(biāo)到豐富多彩尚未平面圖像的鉛。

facebook-changes-flat

誠然,扁平化設(shè)計(jì)趨勢(shì)緩慢而穩(wěn)步地入侵我們的網(wǎng)頁,應(yīng)用程序和計(jì)算機(jī)。很快它會(huì)完全影響我們。且在此之前,讓我們來熟悉一下平面設(shè)計(jì)的理念。我們將談?wù)摰脑O(shè)計(jì)元素,如何使用它們充分利用屏幕空間。

實(shí)際上有五行。它們分別是:

缺乏深度

使用簡單的元素

活版印刷

顏色

極簡主義

skeumorphic-04-570x244

二、度立體設(shè)計(jì)死亡

深度立體設(shè)計(jì)現(xiàn)在是死了。新的設(shè)計(jì)趨勢(shì)是執(zhí)政塊。不同于以往設(shè)計(jì)的發(fā)展趨勢(shì),我們不能生活在沒有陰影,中風(fēng),斜面和漸變,新的平面設(shè)計(jì)風(fēng)格更側(cè)重于簡單的2D的藍(lán)圖。這一理念扁平的設(shè)計(jì)完全違背了skeuomorphistic的的設(shè)計(jì),圖像模仿一個(gè)真正的字對(duì)象的形狀,顏色和利用。設(shè)計(jì)Skeuomorphistic的網(wǎng)站和應(yīng)用程序通常具有現(xiàn)實(shí)性的背景圖像。這些使用在現(xiàn)實(shí)世界中的紋理。

skeumorphic-design-flat02-570x427

 

這種設(shè)計(jì)的一個(gè)很好的例子是iOS6的(和以前版本的iOS)設(shè)計(jì)。每個(gè)設(shè)計(jì)應(yīng)該是一個(gè)真正的對(duì)象模仿。使用3D計(jì)算機(jī)生成的圖像,使用漸變,紋理,中風(fēng),斜面和壓花的最大化,使圖像看起來像真實(shí)世界。報(bào)刊亭應(yīng)用程序看起來像一個(gè)實(shí)際的報(bào)攤,用木頭做的。

skeumorphic-02-comparison-flat

 

與此相反,這些被刪除的元素在平面設(shè)計(jì)。該方案的平面布局中刪除這些3D元素。刪除的深度。刪除所有這些陰影,漸變和中風(fēng)!

簡單仍是美麗!

去除深度的設(shè)計(jì),它不過是正常的圖像,圖標(biāo)和其他設(shè)計(jì)元素,變得直觀簡單。圖標(biāo)現(xiàn)在是平坦的,使用基本的幾何形狀,如圓形,正方形和長方形。這將提供一個(gè)簡單和易于使用的圖形用戶界面。一般人將不再覺得有必要為手動(dòng),因?yàn)橐曈X效果呈現(xiàn)自己,因?yàn)樗麄円呀?jīng)習(xí)慣了。

settings-icon-flat-01

 

 

COO-LOR顏色

正如我在我們的排版教程,顏色是很重要的。它可以使或打破你的頁面。它基本上設(shè)置您的網(wǎng)站或頁面的整體感覺。在平面設(shè)計(jì)的原則,這是可取的,使用稍微去飽和的糖果色,因?yàn)樗麄兺鶗?huì)添加到您的頁面沒有美感,使你的讀者的眼睛流血,因?yàn)樘?。糖果色吸引眼睛更好,因?yàn)樗麄兒芸蓯郏苋菀着c其他顏色搭配,可以補(bǔ)充和對(duì)比。這些顏色通常#e65d5d,#c43434(紅色),#7dc692或#508b61(綠色),#dfbc42(黃色)和#3498分貝為藍(lán)色。Flatuicolors.com中 提供了一個(gè)很好的指導(dǎo)。

只記得那個(gè)??顏色是無處不在,不要選擇未涼的人孔。梯度也是不冷靜了。避免使用明亮的黃色,霓虹黃,綠,紫霓虹燈和明亮的紅色和明亮的橙色。不要讓您的網(wǎng)站訪問者眩光。

color-palette-for-flat-design-03 color-palette-for-flat-design-570x380

 

少即是多,小的是最

極簡主義是藝術(shù)塞滿您的頁面或屏幕。這一原則源于白色空間更為明顯比文字本身的平面媒體雜志。它給填充或喘息空間,為您的文本和建議排印和平。留下很多的空地。扔掉不需要的元素和打動(dòng)人。少即是多。小最。

因?yàn)樗雌饋砜赡苁呛唵蔚钠矫嬖O(shè)計(jì),但仍然是一切創(chuàng)造力。當(dāng)考慮可能使用此布局,記得刷新你的頭腦。想想更新,更可愛,更時(shí)尚的設(shè)計(jì)。這種設(shè)計(jì)風(fēng)格將仍然在風(fēng)格,但做了沉船不會(huì)做出任何比較有名的。要?jiǎng)?chuàng)造性。嘗試進(jìn)行試驗(yàn)。查看靈感站點(diǎn)。嘗試自己的風(fēng)格,犯的錯(cuò)誤,予以更正,是一個(gè)更好的藝術(shù)家!

知道你知道如何將持平。讓我們都走平!

 

每天更新,
全站高品質(zhì)素材免費(fèi)下載!