設(shè)計(jì)中最熱門(mén)的話(huà)題之一是平面UI。許多設(shè)計(jì)博客和網(wǎng)站都對(duì)此進(jìn)行了討論,世界各地的讀者對(duì)此反應(yīng)不一。我們也可以看到,很多網(wǎng)站在實(shí)現(xiàn)響應(yīng)性網(wǎng)站的過(guò)程中都采用了扁平化設(shè)計(jì)。平面設(shè)計(jì)可以在每一個(gè)數(shù)字設(shè)備中看到,因?yàn)樗鼘?duì)世界技術(shù)產(chǎn)生了巨大的影響。但它對(duì)設(shè)計(jì)師的影響更大。這對(duì)設(shè)計(jì)師提出了一個(gè)挑戰(zhàn),當(dāng)他們有這么多想法的時(shí)候,他們?nèi)绾尾拍茏畹拖薅鹊毓ぷ?。所以今天,讓我們加入到關(guān)于平面設(shè)計(jì)的網(wǎng)絡(luò)對(duì)話(huà)中來(lái)。讓我們來(lái)談?wù)勈裁词瞧矫嬖O(shè)計(jì),它的原則,它與擬物象的相似性,以及其他。我們將試著給你一個(gè)關(guān)于平面設(shè)計(jì)的深入思考。最后,讓我們所有人思考一下,這僅僅是一種趨勢(shì),還是注定會(huì)持續(xù)下去。什么是平面設(shè)計(jì)?沒(méi)有人會(huì)給我們一個(gè)詞——極簡(jiǎn)主義。
是的,平面設(shè)計(jì)更多的是在設(shè)計(jì)中考慮到極簡(jiǎn)主義,但它并不完全等同于極簡(jiǎn)主義。它去掉了三維效果。還記得圖標(biāo)幾年前的樣子嗎?大多數(shù)圖標(biāo)會(huì)像糖果一樣,有醒目的顏色和浮雕效果。但在平面設(shè)計(jì)中,你會(huì)看到?jīng)]有斜面和其他裝飾的圖標(biāo)。平面設(shè)計(jì)不使用任何裝飾元素,如梯度,陰影和紋理。它干凈,清爽,二維,有開(kāi)放的空間和使用明亮的顏色。
圖:Abhimanyu RanaFlat的設(shè)計(jì)更注重溝通,而不是元素的吸引力。它簡(jiǎn)化了可用性,因?yàn)樗鼘延脩?hù)的注意力吸引到站點(diǎn)或應(yīng)用程序的工作方式上,而不是集中在元素的設(shè)計(jì)有多好。它引入了視覺(jué)清晰度來(lái)進(jìn)行交流。它更強(qiáng)調(diào)功能而不是風(fēng)格。這個(gè)名字很明顯是由它的樣子衍生而來(lái)的——只是扁平而已。平面設(shè)計(jì)的原則其實(shí)很容易判斷設(shè)計(jì)是否平面,但讓我們來(lái)看看讓設(shè)計(jì)看起來(lái)完全平面的五件事。平面設(shè)計(jì)的這五個(gè)原則也可以作為你的指導(dǎo),使你的設(shè)計(jì)不僅僅是“幾乎是平面的”但是它確實(shí)是扁平的。沒(méi)有裝飾和復(fù)雜的效果。
圖片:本貝特,不再使用任何增加設(shè)計(jì)效果的工具。沒(méi)有梯度,斜面,陰影,梯度,甚至紋理。圖標(biāo)和按鈕不再是斜面或凸出。它只是簡(jiǎn)單而平坦。沒(méi)有額外的。明亮的顏色。使平面設(shè)計(jì)美觀的一個(gè)因素是它的顏色。扁平化設(shè)計(jì)鼓勵(lì)使用明亮多彩的調(diào)色板,而不是像商業(yè)網(wǎng)站上通常使用的藍(lán)色。它使用了紫丁香紫,綠色的海,胡蘿卜橙,午夜藍(lán)和其他顏色,像在平坦的UI顏色網(wǎng)站。顏色在平面設(shè)計(jì)中很重要,因?yàn)樗梢詭椭脩?hù)識(shí)別他們,也可以幫助他們識(shí)別他們可以采取什么行動(dòng)。簡(jiǎn)單而漂亮的排版。
圖片:Marcel Henkhaus,當(dāng)然,排版也必須簡(jiǎn)單,因?yàn)槿绻闶褂锰厥獾淖煮w,在簡(jiǎn)單的設(shè)計(jì)上看起來(lái)會(huì)很奇怪。無(wú)襯線(xiàn)字體系列最適合平面設(shè)計(jì)。但您也可以將其與襯線(xiàn)字體或其他新穎的字體組合使用。在簡(jiǎn)單的背景下,字體會(huì)得到更多的強(qiáng)調(diào),這也是為什么你需要選擇一個(gè)好的字體的原因之一。使用幾何形狀。
圖片:Cosmin CapitanuFlat的按鈕和圖標(biāo)使用簡(jiǎn)單的正方形或圓形。正方形可以有鋒利的或圓形的邊。你也可以嘗試使用三角形和其他自定義形狀,只要它們?cè)谡麄€(gè)設(shè)計(jì)中是一致的。極簡(jiǎn)主義的和簡(jiǎn)單的。
圖片:Frantisek Kusovsky,我們不能跳過(guò)這一部分,因?yàn)槠矫嬖O(shè)計(jì)總是看起來(lái)最小。你可以看到,由于裝飾被剝?nèi)チ?,它看起?lái)很簡(jiǎn)單。但這并不完全是最小的,因?yàn)橐恍┢矫嬖O(shè)計(jì)仍然有太多的設(shè)計(jì)元素,只是它們被從細(xì)節(jié)和效果中剝離出來(lái)。平面設(shè)計(jì)的實(shí)用性智能手機(jī)的出現(xiàn)就像對(duì)平面設(shè)計(jì)的呼喚。屏幕越小,網(wǎng)站或應(yīng)用程序的美學(xué)細(xì)節(jié)就越多。裝飾物就像多余的元素,即使已經(jīng)不在了,它們?nèi)匀豢梢宰寲|西工作。過(guò)多的裝飾會(huì)分散用戶(hù)的注意力,甚至可能降低可用性。這就是平面設(shè)計(jì)所要解決的問(wèn)題。它抹掉了裝飾物,選擇注重功能。平面設(shè)計(jì)變得引人注目和功能,因?yàn)樗脩?hù)的眼睛到信息,而不是分散注意力的裝飾。它的目的是向用戶(hù)展示屏幕上的真實(shí)體驗(yàn),而不是模仿現(xiàn)實(shí)的東西和體驗(yàn)。這樣,用戶(hù)體驗(yàn)就得到了增強(qiáng)。