正文

扁平化設(shè)計(jì)是什么意思（扁平化設(shè)計(jì)是什么意思呀）

發(fā)布時(shí)間：2023-04-30 13:33:20 稿源：創(chuàng)意嶺閱讀： 524

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于扁平化設(shè)計(jì)是什么意思的問題，以下是小編對(duì)此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀企業(yè)，服務(wù)客戶遍布全國(guó)，設(shè)計(jì)相關(guān)業(yè)務(wù)請(qǐng)撥打175-8598-2043，或微信：1454722008

本文目錄:

1、PC端軟件界面設(shè)計(jì)思考（下）——趨勢(shì)篇
2、寶馬啟用LOGO，類似大眾扁平化設(shè)計(jì)，奧迪和奔馳卻不跟？
3、PPT扁平化設(shè)計(jì)四原則
4、平面設(shè)計(jì)中不可或缺的9大設(shè)計(jì)基本功？

扁平化設(shè)計(jì)是什么意思（扁平化設(shè)計(jì)是什么意思呀）

一、PC端軟件界面設(shè)計(jì)思考（下）——趨勢(shì)篇

今年年初，微軟曝光了新的Win10設(shè)計(jì)語言Project NEON，并將使用在Windows 10 Redstone 3系統(tǒng)上。

國(guó)內(nèi)外各大媒體都對(duì)新設(shè)計(jì)語言頗有期待，因?yàn)檫@或許是將來PC端軟件界面設(shè)計(jì)的一個(gè)風(fēng)向標(biāo)。

PC軟件界面設(shè)計(jì)有哪些優(yōu)秀的設(shè)計(jì)趨勢(shì)呢？

字面上的意思就是設(shè)計(jì)（這里就狹隘的定義成UI/UX）的發(fā)展動(dòng)向。

本質(zhì)上是通過研究分析，得出一個(gè)模糊的未來發(fā)展，這個(gè)發(fā)展可能是視覺上的變化，也可能是邏輯操作等非視覺上的改變，并將這些虛擬設(shè)定的目標(biāo)作為一些可以實(shí)際產(chǎn)出的行為指導(dǎo)。

如果這個(gè)動(dòng)向是無意義的，我們也不需要從中獲取設(shè)計(jì)相關(guān)的信息，那也就不能稱之為設(shè)計(jì)趨勢(shì)。

設(shè)計(jì)趨勢(shì)會(huì)受到媒體、技術(shù)、時(shí)尚的潮流以及可用性的影響。設(shè)計(jì)趨勢(shì)是緩慢、逐漸的滲透到所有設(shè)計(jì)的分支中的。

在過去幾年，扁平化幾乎統(tǒng)治了UI設(shè)計(jì)，但隨著谷歌Material Design的影響，設(shè)計(jì)走向更加多維度，往空間上發(fā)展。這個(gè)轉(zhuǎn)變從增加輕投影開始，走向“半扁平”的設(shè)計(jì)。

扁平化是因?yàn)樾枰祥_發(fā)技術(shù)，減少設(shè)計(jì)樣式而進(jìn)化出來的。扁平仍然流行，只是不斷在改進(jìn)。

柔和平滑的漸變既為扁平化設(shè)計(jì)增加了深度和豐富性，又不會(huì)破壞扁平設(shè)計(jì)的感覺。這是扁平趨勢(shì)的一個(gè)新做法。

我們通過對(duì)微軟的觀察，從xp、win7、vista、win8，到現(xiàn)在的win10系統(tǒng)的設(shè)計(jì)風(fēng)格，不難發(fā)現(xiàn)微軟一直在想辦法讓界面更輕。Win 10 的標(biāo)題欄和菜單欄更是結(jié)合了在一起。

project NEON的設(shè)計(jì)中，甚至直接將菜單欄和功能欄做了合并，以便預(yù)留出了更多的界面，讓必要的內(nèi)容展示在主界面，使界面更加具有可讀性。

富途牛牛即是將菜單欄和功能欄進(jìn)行了合并，讓主界面能展示更多內(nèi)容。

“毛玻璃”質(zhì)感，最開始應(yīng)該確實(shí)是微軟先弄出來的。但微軟并沒有將這么好的創(chuàng)意發(fā)揚(yáng)光大，反而被蘋果“抄”去，從iOS 7開始大方光彩，成為移動(dòng)端的設(shè)計(jì)趨勢(shì)。

吸取了過去的教訓(xùn)的微軟，在新設(shè)計(jì)語言project NEON里再次啟用了毛玻璃質(zhì)感，正式命名為Acrylic。

無邊框界面設(shè)計(jì)，來越來越多的網(wǎng)站和應(yīng)用，尤其是那些注重設(shè)計(jì)的，都有這樣的趨勢(shì)。

曾經(jīng)用來劃分區(qū)域的邊框和邊線逐漸消失，然而在干凈的界面上，通過距離分割，各區(qū)域的差別依舊清晰可辨。

隨著移動(dòng)互聯(lián)網(wǎng)的迅速發(fā)展，移動(dòng)端的產(chǎn)品逐漸超越了PC客戶端。為了節(jié)約開發(fā)成本，并將利益最大化，很多公司以移動(dòng)APP為主要項(xiàng)目，選擇忽視了PC客戶端。

但是，PC端的軟件依舊有很大的發(fā)展?jié)摿?，從?guó)內(nèi)各大廠商的PC端軟件中即可看到端倪。騰訊QQ、360安全中心、迅雷等都在PC軟件上持續(xù)發(fā)力。

相信project NEON的正式發(fā)布，會(huì)給軟件界面設(shè)計(jì)帶來一波新的流行趨勢(shì)。

二、寶馬啟用LOGO，類似大眾扁平化設(shè)計(jì)，奧迪和奔馳卻不跟？

最近，寶馬正式發(fā)布了原計(jì)劃在日內(nèi)瓦車展公開亮相的寶馬i4概念車，這是一款四門純電動(dòng)轎跑，最大功率高達(dá)530馬力，百公里加速僅需4秒。除了性能強(qiáng)大，它的設(shè)計(jì)也頗為吸睛，從圖片就能感覺它的前衛(wèi)感，尤其是夸張的“雙腎”格柵，不少人表示過于霸氣了，寶馬宣布該車將于明年量產(chǎn)。

今天我們要說的是寶馬i4概念車上發(fā)現(xiàn)的“小彩蛋”——懸掛了新樣式LOGO。這代表寶馬將啟動(dòng)全新的品牌LOGO，寶馬i4則是首款懸掛新LOGO的產(chǎn)品。

雖說是新LOGO，但新舊車標(biāo)的變化其實(shí)非常簡(jiǎn)單，主要是去掉了黑色外環(huán)，你覺得好看嗎？

這一次換標(biāo)，寶馬等了23年

在這些動(dòng)輒百年歷史的汽車品牌中，換LOGO這種事并不常見，事實(shí)上現(xiàn)在你能看到的大多汽車品牌車標(biāo)，都是上個(gè)世紀(jì)的設(shè)計(jì)。比如自1917年啟用BMW LOGO后，寶馬一共經(jīng)歷的六次換標(biāo)，現(xiàn)在寶馬懸掛的LOGO還是1997年的版本，第五代到第六代等了23年，不過這時(shí)間也并不算長(zhǎng)，畢竟第四代到第五代可是花了34年。

寶馬LOGO歷史

單看現(xiàn)款寶馬車型懸掛的第五代LOGO，你有覺得落伍嗎？或許這個(gè)感知并不強(qiáng)，但如果拉通看寶馬歷史上的六次換標(biāo)，你會(huì)發(fā)現(xiàn)新LOGO的確是“最清爽的”，寶馬希望賦予新LOGO更強(qiáng)的未來感。

寶馬汽車客戶與品牌高級(jí)副總裁詹斯·蒂默表示：“去掉盾牌周圍的黑環(huán)，表達(dá)了寶馬品牌對(duì)年輕的購(gòu)車者更加開放和透明的態(tài)度，以及更好地迎接數(shù)字化的轉(zhuǎn)變。”

換標(biāo)的重要意義是增加辨識(shí)度

無論汽車公司對(duì)新車標(biāo)有怎樣的寄托，車標(biāo)的本質(zhì)作用還是加強(qiáng)人們對(duì)品牌的辨識(shí)度，這與品牌的知名度無關(guān)。寶馬也不是因?yàn)殡妱?dòng)化趨勢(shì)而換標(biāo)第一個(gè)品牌，至少去年大眾汽車啟動(dòng)全新標(biāo)識(shí)，就已經(jīng)給我們上了一課，堪稱范本。

車標(biāo)作為一個(gè)小小圖標(biāo)，是品牌核心的視覺資產(chǎn)，它可以最簡(jiǎn)單，但一定最重要。無論寶馬還是大眾，我們能發(fā)現(xiàn)新車標(biāo)的設(shè)計(jì)方向都是扁平化，扁平化的意思就是化繁為簡(jiǎn)，Less is more。

還記得前文那位寶馬高管講新車標(biāo)是迎接數(shù)字化嗎？什么叫迎接數(shù)字化，我認(rèn)為可以借鑒大眾的具象化表述，大家可以看下圖的大眾車標(biāo)，你能發(fā)現(xiàn)新車標(biāo)即使在小尺寸的數(shù)字屏幕也具備高清晰度和可識(shí)別度。寶馬的新車標(biāo)，一定也有這樣的效果。

雖然大家都嘲諷，這些扁平化風(fēng)格的車標(biāo)從三維變成二維，立體感不那么強(qiáng)了，但從傳播意義上，新車標(biāo)無疑是進(jìn)步的。多說一句，大眾品牌首款懸掛新車標(biāo)的國(guó)產(chǎn)車應(yīng)該是上汽大眾的Viloran。

其他品牌的車標(biāo)變化

奧迪作為汽車圈的科技標(biāo)兵，其實(shí)早在2016年就從銀色立體質(zhì)感的車標(biāo)更換了扁平化的黑色LOGO，當(dāng)時(shí)也是嘲諷聲一片?，F(xiàn)在看，人家其實(shí)走在前頭了。

不同于大眾和寶馬，奧迪的新LOGO僅做宣布使用，并未在產(chǎn)品上進(jìn)行懸掛。對(duì)于新車標(biāo)的使用，這倒是兩全的方法。

無獨(dú)有偶，MINI的做法也和奧迪相似。2017年，MINI也啟用了新LOGO，同樣是扁平化的設(shè)計(jì)，但并未懸掛現(xiàn)款車型上。據(jù)說要等到全新的MIN電動(dòng)車問世才會(huì)使用。

奔馳是車圈“異類”

對(duì)于換車標(biāo)這件事，彷佛德系車企都很積極，直到我們發(fā)現(xiàn)奔馳這個(gè)老古板，它對(duì)于換車標(biāo)這件事顯得極為保守。你熟悉的這個(gè)三叉星徽標(biāo)，是奔馳在1989年基于老車標(biāo)做出立體化調(diào)整，沿用至今已有31年。而1989年之前的車標(biāo)更新甚至可以追溯到1933年。

我們認(rèn)為，即使奔馳要更換車標(biāo)也很有可能不會(huì)采用扁平化的設(shè)計(jì)，因?yàn)楸捡Y母公司戴姆勒在2015年更換LOGO時(shí)，竟然采用了由向扁平文字向金屬質(zhì)感回歸的方案，可見不是所有汽車公司認(rèn)可扁平化的設(shè)計(jì)思路。

本文來源于汽車之家車家號(hào)作者，不代表汽車之家的觀點(diǎn)立場(chǎng)。

三、PPT扁平化設(shè)計(jì)四原則

本教程，從設(shè)扁平化PPT設(shè)計(jì)四原則、顏色、色塊、圖標(biāo)、字體、圖片、動(dòng)畫轉(zhuǎn)場(chǎng)、偽扁平設(shè)計(jì)等角度。向廣大PPT愛好者介紹扁平化PowerPoint設(shè)計(jì)與制作。下面就跟我來了解一下吧!

PPT扁平化設(shè)計(jì)四原則

一、扁平化PPT設(shè)計(jì)四原則

首先要記住，原則是可以打破，前提是你知道你為什么要打破

親密、相互關(guān)聯(lián)，意思相近的內(nèi)容應(yīng)該放在一起。

對(duì)齊、保證PPT頁面上的某兩個(gè)元素之間總是圍繞一條直線對(duì)齊。

對(duì)比、有意識(shí)地在PPT中增加不同等級(jí)元素之間的差異性，要么相同，要么完全不同。

重復(fù)、分析PPT頁面元素等級(jí)后，選取相同等級(jí)的元素來重復(fù)

四、平面設(shè)計(jì)中不可或缺的9大設(shè)計(jì)基本功？

開門見山，那么我們可以從哪些地方提升設(shè)計(jì)的細(xì)節(jié)呢？一本“武林秘籍”一共為“九式”。雖然是設(shè)計(jì)的一些基本功，但容易被忽略。掌握好這些，在平時(shí)設(shè)計(jì)中，多加勤練，多思考，你的設(shè)計(jì)就會(huì)更加細(xì)致~第一式：塑“形”一切藝術(shù)都具有形式美；美的基本因子由“形”、“色”、“質(zhì)”組成。設(shè)計(jì)也是一樣。首先我要講的是設(shè)計(jì)中的“形”，同時(shí)我個(gè)人認(rèn)為“形”是圖形設(shè)計(jì)中最重要的一個(gè)因子，“形”的設(shè)計(jì)好壞對(duì)于一個(gè)作品起著至關(guān)重要的作用。這里所說的“形”可以理解為圖形的輪廓、線稿、造型等。 “形”的控制在設(shè)計(jì)過程中需要反復(fù)思考和推敲，比如圖標(biāo)設(shè)計(jì)中的對(duì)其“識(shí)別性”的要求和設(shè)計(jì)中常用的“尺規(guī)幾何做圖法”都是對(duì)“形”細(xì)節(jié)的嚴(yán)格把控。在插畫設(shè)計(jì)中，人物或物質(zhì)形態(tài)的造型和節(jié)奏感也很重要?！靶巍币獪?zhǔn)確，也要有“個(gè)性”。打個(gè)比方，我們要畫一個(gè)圓角矩形，一般都會(huì)在矩形的基礎(chǔ)上直接倒個(gè)圓角。很普通對(duì)不對(duì)？是否可以針對(duì)這個(gè)圓角打磨更多的細(xì)節(jié)呢。我們可以再給這個(gè)矩形進(jìn)行處理或者換另一種畫法，讓他具有一些膨脹感或更加飽滿，變得那么“不普通”。這樣的圓角矩形是不是更耐看了點(diǎn)呢。（別小看了這圓角矩形，蘋果圖標(biāo)的圓角矩形還注冊(cè)了專利呢）這是一組多年前OPPO手機(jī)主題大賽的參賽作品，過了那么多年，依然很喜歡。第二式：控“色”有了“形”，我們?cè)趤碇v講“色”。經(jīng)常有“甲方爸爸”說“這個(gè)顏色有點(diǎn)丑額！換個(gè)顏色。”其實(shí)我認(rèn)為，沒有一個(gè)顏色是丑的顏色。排除一些個(gè)人感受和喜好外，造成這樣“丑”的局面多半是因?yàn)樯蚀钆浜蜕赎P(guān)系之間出了問題。雖然網(wǎng)上有很多色彩搭配工具，但是最好的工具是設(shè)計(jì)師的“感覺”，也可以說是設(shè)計(jì)師長(zhǎng)期的積累和訓(xùn)練的一種能力。色彩搭配有方法可尋，但也不是完全固定的，就比如我們常說的“紅配綠”也可以很高級(jí)。我們?cè)囍o剛才的圓角矩形添加個(gè)顏色，可以是純色，也可以是漸變色。但需要注意的是在做漸變的時(shí)候，需要注意明度、飽和度以及冷暖的變化，使得顏色過渡自然。這是一組通過色彩漸變表現(xiàn)小動(dòng)物結(jié)構(gòu)的圖形作品?；臼峭ㄟ^控制色彩的幾個(gè)常用要素：色相、飽和度、明度來實(shí)現(xiàn)的。第三式：添“質(zhì)”設(shè)計(jì)可創(chuàng)造虛擬抽象，也可還原真實(shí)。除了“形”，“色”，設(shè)計(jì)中“質(zhì)”的表達(dá)也很重要。比如最早的擬物風(fēng)格圖標(biāo)的流行到現(xiàn)在的極簡(jiǎn)化風(fēng)格。這里要說的是，由繁到簡(jiǎn)并不是“去質(zhì)”，“無質(zhì)”也是一種“質(zhì)”的表現(xiàn)形式。很喜歡以前錘子手機(jī)的圖標(biāo)，盡可能的還原真實(shí)，有豐富的細(xì)節(jié)，可以盯著看好久。扁平化的流行也讓UI設(shè)計(jì)師的門檻變得越來越低，對(duì)于繪畫的要求也沒有那么高了。一般“添質(zhì)”有兩種方法：添加紋理（材質(zhì)）和添加光影質(zhì)感。但是并不是一昧地追求“裝飾”，避免過度設(shè)計(jì)。這是我比較喜歡的兩位設(shè)計(jì)師的作品，喜歡的同學(xué)感受下“質(zhì)”感。左圖是噪點(diǎn)插畫，右圖是偽3D質(zhì)感（本來想放自己作品的，還是大佬的作品更具說服力吧）剛講了三個(gè)基本要素“形”“色”“質(zhì)”中提升細(xì)節(jié)的一些要點(diǎn)。我們總結(jié)一下：塑“形”：形要準(zhǔn)確，也要有個(gè)性。“形”是第一位的，在做設(shè)計(jì)時(shí)“形”的打磨需要更多的時(shí)間，“形”需要美感，也需要“個(gè)性”。控“色”：明度冷暖，過渡自然。色彩能給人帶來更強(qiáng)的視覺沖擊，記住沒有一個(gè)顏色是“丑”的，處理好顏色的色相、明度、飽和度，以及顏色之前的關(guān)系。添“質(zhì)”：賦予質(zhì)感，注意光影?！百|(zhì)”是錦上添花。一般方法以“添加紋理”和“添加光影”為主?！盁o質(zhì)”也是“質(zhì)”的一種表現(xiàn)形式哦。第四式：留“白”接下來我們講一講“留白”。正所謂“此處無物勝有物”，“留白”是設(shè)計(jì)中常用的手法，這里說說的“白”并不是白色或空無一物的意思；留白可以讓你的主題更突出，畫面更有空間感和通透感。那如何留白呢~~我們先來看張圖，一個(gè)黑色小圓球，放在一堆集合圖形中。你能快速的定位到小圓球嗎？人的視覺焦點(diǎn)是分散的，甚至?xí)凰磉叺膸缀螆D形影響，始終沒辦法聚焦，看到的是一堆凌亂的圖形。在我們平時(shí)設(shè)計(jì)過程中一樣，設(shè)計(jì)是應(yīng)該是克制的，需要做好“減法”。我們可以通過“減法”來更加突出小圓球的視覺位置。1：“減少干擾”：我們可以把小圓球身邊的雜亂的圖形弱化。2：“去除”：把不相干的幾何圖形元素去掉。充分發(fā)揮留白的作用，體現(xiàn)其內(nèi)在價(jià)值，才能在突出主題、提升內(nèi)容美感的同時(shí)，給觀者創(chuàng)造一個(gè)較為輕松、愉快的氛圍。這是蘋果官網(wǎng)的截圖，大家感受下，其實(shí)畫面主要是文字，產(chǎn)品圖，沒有過多的裝飾，但是“浴霸”讓你過目難忘~留白同時(shí)還能延展想象和視覺空間感，具有一定的藝術(shù)性。我國(guó)的水墨畫也常常有留白的應(yīng)用。說了這么多，不要產(chǎn)生一個(gè)誤區(qū)：留白是萬能的！其實(shí)并不是所有的都需要大面積的留白，比如：有氣氛類的活動(dòng)、節(jié)日、功能性很強(qiáng)的頁面等等。靈活運(yùn)用才是王道。第五式：層次我們?cè)谠O(shè)計(jì)中經(jīng)常會(huì)提到“層次”，那“層次”如何而來呢？一般情況，“層次”需要通過建立元素或內(nèi)容之間的秩序，比如層級(jí)關(guān)系、主次關(guān)系、顏色關(guān)系、位置關(guān)系等等。設(shè)計(jì)常用的方法：“對(duì)比”，即強(qiáng)調(diào)和弱化，元素間形成關(guān)系差；“歸納”：對(duì)相近元素的整理和不同元素的區(qū)分。

以上就是關(guān)于扁平化設(shè)計(jì)是什么意思相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。