如何理性對待扁平化

近幾年,無論是移動端還是PC端,隨處可見扁平化設(shè)計、小清新風(fēng)格。扁平化就是去掉多余的透視,紋理,漸變等等能做出3D效果的元素。讓"信息"本身重新作為核心被凸顯出來。并且在設(shè)計元素上強(qiáng)調(diào)抽象、極簡、符號化。扁平化有人喜歡,有人不喜歡,雖然極簡、大氣,又突出信息本身,但是擬物化更接近現(xiàn)實,讓人一看就明白那是干啥用的,在我看來扁平化既有利又有弊。

要點提示

簡單的設(shè)計元素

扁平化完全屬于二次元世界,一個簡單的形狀加沒有景深的平面,不叫扁平化都浪費這個詞了。這個概念最核心的地方就是放棄一切裝飾效果,諸如陰影、透視、紋理、漸變等等能做出 3D 效果的元素一概不用。所有的元素的邊界都干凈俐落,沒有任何羽化、漸變或者陰影。尤其在手機(jī)上,因為屏幕的限制,使得這一風(fēng)格在用戶體驗上更有優(yōu)勢,更少的按鈕和選項使得界面干凈整齊,使用起來格外簡單。

強(qiáng)調(diào)字體的使用

字體是排版中很重要的一部分,它需要和其他元素相輔相成,想想看,一款花體字在扁平化的界面里得有多突兀。上圖是一些扁平化網(wǎng)站使用無襯線字體的例子,無襯線字體家族龐大分之眾多,其中有些字體會在特殊得情景下會有意想不到得效果。但注意,過猶不及,不要使用那些極為生僻的字體,因為保不齊它就把你帶進(jìn)坑里了。

關(guān)注色彩

扁平化設(shè)計中,配色貌似是最重要的一環(huán),扁平化設(shè)計通常采用比其他風(fēng)格更明亮更炫麗的顏色。同時,扁平化設(shè)計中的配色還意味著更多的色調(diào)。比如,其他設(shè)計最多只包含兩三種主要顏色,但是扁平化設(shè)計中會平均使用六到八種顏色。另外還有一些顏色也挺受歡迎,如復(fù)古色淺橙、紫色、綠色、藍(lán)色等。

補(bǔ)充:很多網(wǎng)頁設(shè)計有這樣一種趨勢,扁平與漸變的運(yùn)用,扁平不等于什么裝飾都沒有,在這個圖里有漸變,有投影,這些細(xì)節(jié)都盡量別忽略。如圖:

Customeed

簡化的交互設(shè)計

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

偽扁平化設(shè)計

不要以為扁平化只是把立體的設(shè)計效果壓扁,事實上,扁平化設(shè)計更是功能上的簡化于與重組。比如,有些天氣方面的應(yīng)用會使用溫度計的形式來展示氣溫,或者計算應(yīng)用仍用計算器的二維形態(tài)表現(xiàn)。在應(yīng)用軟件當(dāng)中,溫度計的形象則純粹是裝飾性的,而計算器的計算方式也并不是最簡單直接的。相比于擬物化而言,扁平風(fēng)格的一個優(yōu)勢就在于它可以更加簡單直接的將信息和事物的工作方式展示出來。

溫馨提示

關(guān)于扁平化設(shè)計,最錯誤的理念便是:扁平化設(shè)計意味著視覺風(fēng)格的扁平。字體、圖像、圖標(biāo)一律都要扁平嗎?全面扁平化、全面擬物化是不可取的,真要是這樣,設(shè)計連一點可操作性都沒有,還要設(shè)計師干嘛?

扁平化設(shè)計是一種融合視覺與理念的設(shè)計風(fēng)格,不能從字面意義上理解這種風(fēng)格。很多網(wǎng)站明白這個道理,將扁平化提煉至純粹,采用適合他們網(wǎng)站風(fēng)格的扁平化元素。

視覺上可以部分使用扁平化風(fēng)格,但是組織形式和主題表達(dá)上卻不必拘泥形式。如果一味的盲目跟風(fēng),兼容性、可發(fā)揮的地方必然有限。

例如,如果你的網(wǎng)頁用來販賣產(chǎn)品,那么你的設(shè)計中必須要包含產(chǎn)品圖像。顯而易見,產(chǎn)品圖像不是扁平化的,會給頁面增添一種深度感。但是我們可以在其他地方使用扁平化元素。

這就說明了:扁平化設(shè)計有的地方能夠提高你的視覺表現(xiàn),達(dá)成設(shè)計目標(biāo)。有的地方不能。靈活使用,才能走的更遠(yuǎn)。

我們做的是設(shè)計,而不是扁平化設(shè)計。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,327評論 6 537
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,996評論 3 423
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,316評論 0 382
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,406評論 1 316
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 72,128評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,524評論 1 324
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,576評論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,759評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,310評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 41,065評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,249評論 1 371
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,821評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,479評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,909評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,140評論 1 290
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,984評論 3 395
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 48,228評論 2 375

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,690評論 25 708
  • 2017年初,咨詢公司Nielsen Norman做了一項調(diào)研。 他們找來了71名用戶,分別跟蹤他們在瀏覽9組網(wǎng)站...
    北郵老土閱讀 1,748評論 1 11
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,156評論 4 61
  • 灰色,滿布著頹廢的柵欄 當(dāng)夏季的某朵牽牛花開 我會想謀奪明天的清晨 灰色,退步,杯盞交疊 琉璃折射的光線 在六度的...
    鯰青閱讀 211評論 2 0
  • 電商技巧 1、市場分析 2、選款定價 3、標(biāo)題制作 4、主圖優(yōu)化(色彩、排班、字體、找圖) 5、詳情制作 6、做好...
    一代喬幫主閱讀 264評論 0 0