設(shè)計(jì)圈的這點(diǎn)事:扁平化

原創(chuàng)干貨分享·精致工匠精神


俗話說的好祈匙,胸不平何以平天下~啊不是:龉簟!設(shè)計(jì)流行扁平化

最近幾年的設(shè)計(jì)趨勢(shì)夺欲,不管是圖標(biāo)還是LOGO缔恳,最流行的就是扁平化設(shè)計(jì)了

今天我們的[設(shè)計(jì)圈的這點(diǎn)事]就來聊聊這個(gè)話題



說到扁平化,很多人會(huì)想到蘋果公司洁闰,想到谷歌歉甚,想到安卓圖標(biāo);

最開始我也是這樣想的扑眉,當(dāng)然在查閱了一些資料之后纸泄,源頭似乎更早

這三張海報(bào)的風(fēng)格,在2012年的國(guó)際設(shè)計(jì)展上獨(dú)具風(fēng)格

SWISS STYLE POSTERS:瑞士風(fēng)格海報(bào)

這里補(bǔ)充一個(gè)概念腰素,當(dāng)代的視覺設(shè)計(jì)源自于之前的印刷設(shè)計(jì)聘裁,在APP和電子軟件不流行的最初階段,大部分設(shè)計(jì)師為了增加受眾對(duì)新產(chǎn)品的喜愛弓千,在視覺設(shè)計(jì)上衡便,參考了大量的印刷制品,報(bào)刊洋访、藝術(shù)海報(bào)等設(shè)計(jì)內(nèi)容镣陕。而2012年開始流行的瑞士風(fēng)格就是其中的一種。

瑞士是一個(gè)國(guó)際自由主義的國(guó)家姻政,它非常的開明呆抑,文化的交流平和,那么是什么促成了汁展,瑞士風(fēng)格呢鹊碍?這里不得不提到一個(gè)學(xué)校:包豪斯(德國(guó)魏瑪包豪斯大學(xué))。

而包豪斯設(shè)計(jì)大學(xué)其中比較重要的一個(gè)設(shè)計(jì)風(fēng)格食绿,就是極簡(jiǎn)視覺風(fēng)格侈咕,這是20世紀(jì)時(shí)就已經(jīng)確認(rèn)的設(shè)計(jì)風(fēng)格,并大量利用在了印刷品的制作上器紧,我想大家可以做一定的了解耀销。

在之后的傳播中,將極簡(jiǎn)設(shè)計(jì)不斷的融合圖形視覺等內(nèi)容后品洛,轉(zhuǎn)化為了树姨,瑞士風(fēng)格摩桶!這種風(fēng)格將圖形完全制作為平面效果,并且配上一些極簡(jiǎn)帽揪,短小的字體硝清;而之后品牌也開始慢慢慢接受這種風(fēng)格,先頭部隊(duì)中最具代表的就是:

MUJI(無印良品)

極簡(jiǎn)風(fēng)格转晰,

其實(shí)就是用最簡(jiǎn)單的幾何圖形芦拿,加上少量的文字描述,利用明亮的色彩和簡(jiǎn)單的線條來展示的設(shè)計(jì)風(fēng)格查邢,

而后的一些主流設(shè)計(jì)也就慢慢的奠定了蔗崎,扁平化!



談到代表作品扰藕,不知道大家有沒有用過WP手機(jī)缓苛,微軟出品的Metro風(fēng)格:

在WP手機(jī)之前,微軟自家的播放器Zune就已經(jīng)開始使用這種風(fēng)格

2010年微軟吸收了Zune的設(shè)計(jì)風(fēng)格后邓深,運(yùn)用在了自家手機(jī)的WP7.0系統(tǒng)上未桥,得到了非常好的反響,慢慢的蘋果坐不住了芥备,在ios 7上做出了改變:

而當(dāng)圖標(biāo)冬耿、UI、流行之后萌壳,緊接著主流APP的封面海報(bào)也開始呈現(xiàn)扁平化:

所以現(xiàn)在亦镶,基本上什么視覺設(shè)計(jì)內(nèi)容都可以和扁平化沾邊,好像不扯上關(guān)系就不好意思做設(shè)計(jì)一樣袱瓮,而扁平化由微軟發(fā)起缤骨,卻被蘋果推向了主流,可憐懂讯。



關(guān)于扁平化荷憋,這方面也咨詢了一些業(yè)內(nèi)的朋友,得到了一下結(jié)論:

優(yōu)化了結(jié)構(gòu)層次:

當(dāng)代的設(shè)計(jì)理念是為了更好的交互和交流褐望,于是扁平化在一定意義上統(tǒng)一了展示形式,一目了然串前,提升了用戶的閱讀或者使用體驗(yàn)瘫里。

弱化設(shè)計(jì)差異

通過扁平化的設(shè)計(jì),弱化了視覺上的一些差異荡碾,特別是在功能上的相關(guān)展示谨读,簡(jiǎn)約的風(fēng)格設(shè)計(jì),可以讓受眾更加注重內(nèi)容而不是表現(xiàn)形式坛吁。


談?wù)劜蛔恪?/p>

表現(xiàn)單一劳殖,同質(zhì)化嚴(yán)重

扁平化圖標(biāo)因?yàn)榻⒃跇O簡(jiǎn)設(shè)計(jì)上铐尚,于是如果主色或者背景色雷同的話,就會(huì)出現(xiàn)同質(zhì)化哆姻,比如某某音樂宣增、某某頭條、某某微博矛缨、某銀行APP爹脾,4個(gè)紅色圖標(biāo)經(jīng)常按錯(cuò)。

缺乏親和力

極簡(jiǎn)主義風(fēng)格:字少+字小箕昭,簡(jiǎn)潔高大上灵妨,但空白過多顯得有些高冷。

選擇合適的設(shè)計(jì)風(fēng)格和形式落竹,才是你·作為一個(gè)優(yōu)質(zhì)設(shè)計(jì)師的正確做法泌霍。



通過加陰影,我們可以優(yōu)化扁平化設(shè)計(jì)

通過增加漸變述召、色塊劃分保持扁平但賦予立體感

制作動(dòng)圖來增加設(shè)計(jì)感(僅限在線展示或APP等)



小小的總結(jié):

說了半天你知道為什么扁平化這么火了吧朱转,同時(shí)在設(shè)計(jì)方面的優(yōu)勢(shì)和不足,還有如何優(yōu)化你的設(shè)計(jì)品桨武,也給出了一些建議肋拔,希望能夠幫到你。

很多人會(huì)問呀酸,為什么要講解“扁平化”的發(fā)源凉蜂?會(huì)用不就好了么?

我會(huì)告訴你:那些行業(yè)大咖性誉、大神和同樣工作幾年做了不少設(shè)計(jì)品的你來比較窿吩,不是他們的內(nèi)容多么高大上,參與的品牌多么知名错览,而是他們總能講述某某風(fēng)格或者某某創(chuàng)意的更多內(nèi)涵纫雁,知郁最近在看《設(shè)計(jì)心理學(xué)》里面就說了,將設(shè)計(jì)深入人心是因?yàn)槟懔私獗澈蟮哪切┕适隆?/p>

設(shè)計(jì)圈的這點(diǎn)事倾哺,致力于發(fā)掘好的設(shè)計(jì)技巧和完整的背景故事轧邪。


希望大家喜歡

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市羞海,隨后出現(xiàn)的幾起案子忌愚,更是在濱河造成了極大的恐慌,老刑警劉巖却邓,帶你破解...
    沈念sama閱讀 216,470評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件硕糊,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)简十,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門誊役,熙熙樓的掌柜王于貴愁眉苦臉地迎上來幌绍,“玉大人,你說我怎么就攤上這事±穑” “怎么了脐帝?”我有些...
    開封第一講書人閱讀 162,577評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵软能,是天一觀的道長(zhǎng)俗扇。 經(jīng)常有香客問我,道長(zhǎng)初坠,這世上最難降的妖魔是什么和簸? 我笑而不...
    開封第一講書人閱讀 58,176評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮碟刺,結(jié)果婚禮上锁保,老公的妹妹穿的比我還像新娘。我一直安慰自己半沽,他們只是感情好爽柒,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,189評(píng)論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著者填,像睡著了一般浩村。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上占哟,一...
    開封第一講書人閱讀 51,155評(píng)論 1 299
  • 那天心墅,我揣著相機(jī)與錄音,去河邊找鬼榨乎。 笑死怎燥,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的蜜暑。 我是一名探鬼主播铐姚,決...
    沈念sama閱讀 40,041評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼肛捍!你這毒婦竟也來了隐绵?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,903評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤拙毫,失蹤者是張志新(化名)和其女友劉穎氢橙,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體恬偷,經(jīng)...
    沈念sama閱讀 45,319評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,539評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了袍患。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片坦康。...
    茶點(diǎn)故事閱讀 39,703評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖诡延,靈堂內(nèi)的尸體忽然破棺而出滞欠,到底是詐尸還是另有隱情,我是刑警寧澤肆良,帶...
    沈念sama閱讀 35,417評(píng)論 5 343
  • 正文 年R本政府宣布筛璧,位于F島的核電站,受9級(jí)特大地震影響惹恃,放射性物質(zhì)發(fā)生泄漏夭谤。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,013評(píng)論 3 325
  • 文/蒙蒙 一巫糙、第九天 我趴在偏房一處隱蔽的房頂上張望朗儒。 院中可真熱鬧,春花似錦参淹、人聲如沸醉锄。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,664評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽恳不。三九已至,卻和暖如春开呐,著一層夾襖步出監(jiān)牢的瞬間烟勋,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,818評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工负蚊, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留神妹,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,711評(píng)論 2 368
  • 正文 我出身青樓家妆,卻偏偏與公主長(zhǎng)得像鸵荠,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子伤极,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,601評(píng)論 2 353

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