從美圖秀秀APP新標(biāo)志看標(biāo)志設(shè)計中扁平化的運用

徐姍姍

摘 要：隨著移動工具的不斷發(fā)展，人們使用手機的頻率大大超過了電腦，美圖秀秀軟件早在2008年就以PC端的形式進入市場。2011年美圖秀秀這款軟件推出了移動客戶端。美圖秀秀APP標(biāo)志從最初的立體化風(fēng)格轉(zhuǎn)變成了如今最新的扁平化風(fēng)格。文章從美圖秀秀APP標(biāo)志的概況進行探討，講述了扁平化設(shè)計在美圖秀秀新標(biāo)志中的運用，即美圖秀秀新標(biāo)志中的圖形、色彩、字體，以及美圖秀秀扁平化新標(biāo)志的優(yōu)勢與不足。

關(guān)鍵詞：美圖秀秀APP;新標(biāo)志;標(biāo)志設(shè)計;扁平化

基金項目：本文系武漢交通職業(yè)學(xué)院課題“高職教育中基于3D打印技術(shù)的教學(xué)實踐與研究”（課題編號：q2018010）。

一、美圖秀秀APP概述

（一）美圖秀秀簡介

美圖秀秀軟件早在2008年就以PC端的形式進入市場。這是針對熱衷于攝影、美化圖片的年輕女性打造的一款操作相對于專業(yè)修圖軟件更為簡單且更適合普通女性群體使用的美圖軟件。其中，“90后”女性是此款軟件的主要使用群體。

隨著移動工具的不斷發(fā)展，人們使用手機的頻率大大超過了電腦。美圖秀秀作為一款幫助年輕女性方便、快捷地美化圖片的軟件，自然不能忽視移動端的開發(fā)。2011年美圖秀秀這款軟件推出了移動客戶端。移動客戶客戶端完美還原了PC端諸多圖片美化的，比如人像美容、美化圖片、拼圖等功能。使得用戶不需要使用電腦，在手機上就可以隨時美化圖片，大大滿足了當(dāng)代年輕女性愛生活、愛拍照尤其愛自拍的生活方式。自從美圖秀秀APP推出，美圖公司將重心從PC端轉(zhuǎn)移至移動客戶端，不斷優(yōu)化手機APP的交互體驗，使美化效果更便捷、更出眾。為了與層出不窮的各類美圖功能APP競爭，除了基本的美化功能之外，美圖秀秀APP定期會開發(fā)趣味美圖功能。許多用戶群體在趣味功能中美化圖片，發(fā)布到社交媒體上與朋友分享，為美圖秀秀APP鞏固了用戶群體。因為美圖公司對美圖秀秀這款A(yù)PP的大力投入，使得美圖秀秀APP不同于百度魔圖、相機360等曇花一現(xiàn)的美圖移動客戶端軟件，它擁有了大批穩(wěn)定的使用群體，在美圖移動客戶端當(dāng)中擁有巨大的用戶群。

（二）美圖秀秀APP標(biāo)志的改變

自2008年美圖秀秀這款軟件進入PC端開始到2018年，整整十年之間，美圖秀秀這款軟件的標(biāo)志都沒有改變過（圖1），直至2018年4月30日，美圖秀秀APP8.0版本正式上線。隨著新版本的上線，美圖秀秀這款A(yù)PP終于換了新的標(biāo)志（圖2）。美圖秀秀APP標(biāo)志從最初的立體化風(fēng)格轉(zhuǎn)變成了如今最新的扁平化風(fēng)格。美圖秀秀APP新標(biāo)志的改變，值得我們探討。

（三）扁平化標(biāo)志設(shè)計概述

標(biāo)志作為一個視覺符號，它是企業(yè)視覺識別系統(tǒng)中最重要的一個組成部分。好的標(biāo)志設(shè)計不僅能夠準(zhǔn)確傳達出企業(yè)的理念、精神文化等內(nèi)容，還能夠非常貼近受眾目標(biāo)群體的喜好，使得受眾目標(biāo)群體通過標(biāo)志產(chǎn)生對企業(yè)的喜愛，甚至是信賴。

標(biāo)志設(shè)計中的扁平化，主要是指標(biāo)志設(shè)計從復(fù)雜多樣的設(shè)計元素中簡化出來，簡化掉比如陰影、高光、紋樣、層級、漸變等立體設(shè)計風(fēng)格。扁平化的標(biāo)志設(shè)計可以更加清晰明了地表現(xiàn)出設(shè)計所要傳達的概念，而不過多的受設(shè)計質(zhì)感、設(shè)計造型的約束。扁平化設(shè)計在標(biāo)志中常常體現(xiàn)出簡潔直觀的圖形、清晰的文字、鮮艷的色彩等特點。如今，越來越多的標(biāo)志設(shè)計趨向于扁平化的風(fēng)格，因為這樣極簡主義風(fēng)格的設(shè)計會使標(biāo)志傳達信息的功能更加直接地體現(xiàn)出來，適合當(dāng)今更加快節(jié)奏的生活方式。扁平化設(shè)計風(fēng)格的標(biāo)志對比立體風(fēng)格標(biāo)志，也更加貼近時尚、科技等新鮮的事物。QQ、微信、支付寶、Instagram等APP近年來也都逐漸應(yīng)用了扁平化設(shè)計風(fēng)格的標(biāo)志。

二、扁平化設(shè)計在美圖秀秀新標(biāo)志中的運用

（一）美圖秀秀新標(biāo)志中的圖形

扁平化標(biāo)志中的圖形要求既簡潔又能準(zhǔn)確、清晰地傳達出信息。去掉復(fù)雜的立體裝飾效果，提煉出信息，對圖形進行創(chuàng)造，不斷簡化、精煉，最終設(shè)計出來的圖形給人簡約、直觀的視覺感受。如果扁平化的標(biāo)志中的圖形不能夠精煉出想要表達的內(nèi)容，沒有識別性，只會讓人覺得索然無味，并不能達到“少即是多”的簡約設(shè)計效果。

美圖秀秀舊標(biāo)志中，用中文字“秀”來作為圖形部分的主體，“秀”這個字位于舊標(biāo)志中心，方方正正，并且占了約一半的版面?！靶恪弊种車灰粋€白色的圓圈環(huán)繞，“秀”字做出了紅色投影的立體效果。圓圈的內(nèi)部也加入了高光、陰影的立體化手法，呈現(xiàn)出圓圈內(nèi)部像一個按鈕一樣的視覺效果。標(biāo)志的背景中制作了像太陽光一樣的放射性線條，并且加入了漸變、陰影的效果，更加突顯出按鈕的質(zhì)感。美圖秀秀舊標(biāo)志圖形部分的設(shè)計主要受PC端的影響，整個標(biāo)志的圖形都在極力塑造一個按鈕的質(zhì)感，這樣可以使得美圖秀秀這個軟件在最初的PC端上能夠在眾多軟件的標(biāo)志中跳出來，讓使用者更容易找到。由于最初的美圖秀秀軟件并沒有如今那么多的忠實使用用戶，為了加深人們對這款軟件的印象，舊標(biāo)志中的圖形是用“美圖秀秀”中的“秀”字。這樣的好處在于，作為一個新興軟件，最重要的就是讓人們記住它，每一次用戶在點擊這個按鈕的時候，都會由“秀”這個字加深一次對美圖秀秀軟件名字的印象。在軟件之后的發(fā)展過程中，已經(jīng)有大部分的使用群體在與他人交流時會用“秀秀”簡稱“美圖秀秀”。由此可見，在前期舊標(biāo)志中以“秀”這個文字作為圖形部分而不是用抽象的圖案作為圖形部分是非常成功的舉措。

如今的美圖秀秀APP新標(biāo)志中，同樣延續(xù)了舊標(biāo)志中不以抽象圖案為圖形部分的特點。但是與舊標(biāo)志不同的地方在于，中文字“秀”被換做成了英文字母“M”與“T”結(jié)合的圖形，是“美圖”二字的英文首字母縮寫，也代表了“meet——遇見，社交”和“true——真實純粹”的思想理念?！癕”與“T”呈現(xiàn)階梯狀且有上升趨勢并富有動感的流線形圖形。相比舊標(biāo)志中規(guī)規(guī)整整的中文字，新標(biāo)志“M”與“T”結(jié)合的圖形則更加具有活力和朝氣。新標(biāo)志下方還放置了美圖公司的LOGO。整個標(biāo)志圖形部分的主體就由“M”與“T”的組合以及美圖公司的LOGO組成。主體部分的四周也延續(xù)了舊標(biāo)志的設(shè)計理念，加上了白色的圓圈。不同之處在于，新標(biāo)志中的白色圓圈的粗度更加與圖形主體部分相契合，比舊標(biāo)志的圓圈更粗了一些。標(biāo)志圖形中的四周去掉了舊標(biāo)志中放射性線條的裝飾，原因在于放射性的線條設(shè)計已經(jīng)有些過時，跟不上潮流了。

美圖秀秀新標(biāo)志中的圖形部分，準(zhǔn)確表明了美圖公司對于這款A(yù)PP最新的定義。圖形的流線型設(shè)計，貼近了年輕的目標(biāo)群體。漢字到英文字母的轉(zhuǎn)變則是為美圖秀秀軟件從國內(nèi)走向國際的未來發(fā)展做鋪墊?！癕”與“T”兩個字母被賦予的最新意義——遇見、社交、真實、純粹，也是美圖秀秀這個軟件專門為年輕人定義的新概念，為美圖秀秀軟件未來向社交圈方向發(fā)展提供概念支持，使得美圖秀秀從最初單一的修圖軟件向集美化圖片和社交于一體的平臺發(fā)展做準(zhǔn)備。

（二）美圖秀秀新標(biāo)志中的色彩

在立體化標(biāo)志設(shè)計中，為了使標(biāo)志在視覺上更加有質(zhì)感，往往會選取多個顏色進行標(biāo)志設(shè)計，并且會搭配漸變、過渡等效果打造層級關(guān)系，使得標(biāo)志更加立體，更加具有寫實的效果。色彩的運用在標(biāo)志設(shè)計中尤為重要，它往往可以直接影響人們的視覺感受，傳達情感信息。扁平化設(shè)計風(fēng)格的標(biāo)志與立體化標(biāo)志不同之處在于，它會拋棄例如漸變、淡化等色彩處理方法。為了更加突顯出細節(jié)相對立體化標(biāo)志較少的圖形，扁平化標(biāo)志通常會用三種以下更加鮮艷的色彩，使得整個標(biāo)志看起來簡約但不簡單，視覺感受強烈。標(biāo)志中色彩的選取尤為重要，人們第一眼看到一個標(biāo)志時，往往不會從細節(jié)開始觀看，最先產(chǎn)生情感變化是被色彩所影響的。因此，標(biāo)志中色彩的選取可以直觀地刺激人們的視覺感受，使其在其他標(biāo)志中脫穎而出，使目標(biāo)人群可以記住這個標(biāo)志。

美圖秀秀的目標(biāo)群體主要是女性用戶，女性用戶與男性用戶相比更加喜歡將手機拍攝的照片進行美化處理后再分享到社交平臺。美圖秀秀舊標(biāo)志與新標(biāo)志都采用了紅色系的顏色，舊標(biāo)志的紅色更加偏向正紅色，而新標(biāo)志更加偏向玫紅色。為了使新標(biāo)志的視覺感受不會過于簡單，新標(biāo)志的顏色采用了玫紅色和一點橙色進行暈染效果的處理。這樣的處理效果會比舊標(biāo)志中的漸變效果更加時尚一些，同時也使得圖形簡化的標(biāo)志不會過于單調(diào)。舊標(biāo)志的紅色給人醒目、熱情、奔放的感受，容易在眾多標(biāo)志中被人注意到。紅色系顏色的使用也給人一種為女性打造的視覺感受，但由于更加接近正紅色，所以視覺上也帶來緊迫感。新的標(biāo)志主要選取飽和度高的玫紅色，相比舊標(biāo)志，顏色更加溫柔，更加貼合女性用戶。玫紅色的使用既體現(xiàn)了熱情、奔放，也體現(xiàn)出了年輕女性追求新潮、時尚和美的概念。

（三）美圖秀秀新標(biāo)志中的字體

舊標(biāo)志的字體使用正正方方、邊角圓潤的中文字“秀”。舊的標(biāo)志雖然加深了人們對美圖秀秀軟件名字的記憶，但是字體的選擇過于呆板。隨著美圖秀秀軟件的發(fā)展，為了更加貼近追求時尚、追求社交的年輕愛美女性，新的標(biāo)志中將中文字換成了英文字。兩個首字母的結(jié)合既體現(xiàn)了美圖秀秀軟件的名字，也體現(xiàn)了美圖秀秀軟件推崇的遇見、純粹、秀真我的理念，具有流線型的字體設(shè)計也更加與時尚、青春掛鉤。字體轉(zhuǎn)折處也進行了圓潤效果的處理，使得軟件給人更加溫柔的感受，貼近女性用戶。新標(biāo)志字體的顏色延續(xù)了舊標(biāo)志中的白色，與背景色的玫紅色區(qū)分開來，搭配在一起更加的顯眼，視覺沖擊力更強，給人干凈、鮮艷的視覺感受。由于經(jīng)過十年的建設(shè)和推廣，“美圖秀秀”這個名字已經(jīng)深入人心，因此，新的標(biāo)志中的字體設(shè)計不再停留在為了加深人們對名字的記憶，而是上升到對這個軟件所推廣的理念上。

在扁平化的標(biāo)志設(shè)計中，無襯線字體的使用較為高頻。無襯線字體指的是字體的筆畫的首尾部分沒有添加裝飾，筆畫的首尾粗細、中間也相同。無襯線的字體更加適合在屏幕上觀看。例如，在手機屏幕上，相同大小的無襯線字體和有襯線字體對比起來，無襯線的字體視覺上會顯得更大更清晰。因此，很多APP標(biāo)志，尤其是扁平化風(fēng)格的標(biāo)志在字體的選用中，尤為喜愛無襯線字體。美圖秀秀軟件新標(biāo)志延續(xù)了舊標(biāo)志當(dāng)中的無襯線字體風(fēng)格，更加與扁平化的圖形和色彩設(shè)計相契合。

三、美圖秀秀扁平化新標(biāo)志的優(yōu)勢與不足

美圖秀秀軟件這次的新標(biāo)志設(shè)計無疑是成功的，這次新標(biāo)志的推出給過去十年軟件的發(fā)展畫上了完美的句號，也對未來的發(fā)展進行展望。美圖秀秀這次新標(biāo)志的推廣，可以看到美圖秀秀軟件的定位已經(jīng)從原來單純的美化功能到現(xiàn)在開始逐漸加入情感體驗。單純的做美化圖片，會被層出不窮的各種具有有趣、新穎功能的美圖軟件所取代。因此，這次美圖秀秀軟件新標(biāo)志帶來的新轉(zhuǎn)型是正確的，讓用戶意識到美圖秀秀軟件正在變成更加時尚且兼具社交功能的互動平臺。美圖公司在最初推出美圖秀秀軟件之后，又相繼推出了美拍、美妝相機、BeautyCam美顏相機、美圖美妝等軟件?？梢钥吹?，美圖公司旗下的APP都陸續(xù)以美圖秀秀APP為標(biāo)志風(fēng)格進行轉(zhuǎn)變。例如美拍APP，最初的標(biāo)志是有立體感的一個攝像機，美圖秀秀APP標(biāo)志改變后，美拍APP也延續(xù)了美圖秀秀APP中用英文字母作為圖形的設(shè)計手法，將“M”和“P”兩個字母的結(jié)合作為標(biāo)志的圖形部分。舊標(biāo)志中攝像機中間有個播放的三角按鈕也很巧妙地放在了新標(biāo)志“P”的上面，字體上也使用了無襯線字體。同時，美拍APP的顏色也與美圖秀秀APP顏色的設(shè)計有異曲同工之妙，同樣選取了玫紅色和橙色暈染，制作出顏色過渡的效果。美圖秀秀APP標(biāo)志的改變，也是為美圖公司其他軟件標(biāo)志的改變做了一個風(fēng)格標(biāo)準(zhǔn)，將來美圖公司的其他APP按照美圖秀秀標(biāo)志進行再設(shè)計，將會呈現(xiàn)非常明顯的視覺系列效果。這樣，將來美圖公司有新的軟件推出，美圖秀秀的忠實用戶會很清晰明了地知道這是美圖公司的產(chǎn)品，進而對新軟件有興趣去嘗試使用。

美圖秀秀新標(biāo)志的設(shè)計也有一些不足的地方?！癕”與“T”既代表美圖秀秀，也代表“meet”和“true”兩個英文單詞。雖然新標(biāo)志試圖表現(xiàn)最新的推廣理念，但是大部分的用戶在不了解推廣理念的前提下并不能從標(biāo)志中體會到“M”與“T”所指代的別的含義。大部分的用戶看到“M”和“T”，第一反應(yīng)還是這兩個字母代表的是美圖秀秀。即使告訴了用戶“M”和“T”還代表了“meet”和“true”兩個單詞，但是用戶也很難從這兩個單詞聯(lián)想到美圖軟件“秀自我”的新理念。這也是標(biāo)志單純扁平化設(shè)計可能帶來的弊端，因為簡化，而導(dǎo)致想要傳達的信息不能夠很好的傳達出來。然而，標(biāo)志設(shè)計最核心的部分卻是信息的傳達，一切的設(shè)計風(fēng)格都是為傳達信息服務(wù)的。因此，如果美圖秀秀軟件能將扁平化與立體化結(jié)合起來表現(xiàn)，既有時尚感、潮流感也能夠?qū)⑿畔鬟_準(zhǔn)確，這樣也許會呈現(xiàn)出更好的效果。

四、結(jié)語

總而言之，如今美圖秀秀軟件扁平化風(fēng)格的嘗試也是代表了眾多軟件當(dāng)下的一種設(shè)計潮流和趨勢。從美圖秀秀新標(biāo)志的設(shè)計中，的確可以看到扁平化設(shè)計風(fēng)格在標(biāo)志設(shè)計中的一些優(yōu)勢，例如，視覺效果強烈，信息傳達直接，風(fēng)格更加貼近潮流、貼近年輕化群體，等等。然而，扁平化風(fēng)格的標(biāo)志設(shè)計也同樣面臨著諸如情感無法更完整地表達等不足之處。但總的來說，扁平化標(biāo)志設(shè)計仍然會在將來的幾年之內(nèi)繼續(xù)流行下去。其他的APP軟件如果想要往扁平化設(shè)計風(fēng)格改變，則更加需要注意信息傳達與設(shè)計簡化之間的平衡。相信在未來的扁平化標(biāo)志設(shè)計之中，定會有更多的軟件既能夠完整地表達出情感，也能夠在扁平化設(shè)計中得益。

參考文獻：

[1]姬洪瑜，韓靜華.扁平化設(shè)計在交互設(shè)計中的應(yīng)用[J].包裝工程，2015（12）：91-94.

[2]崔天劍，徐碧珺.大數(shù)據(jù)時代扁平化設(shè)計趨勢研究[J].創(chuàng)意與設(shè)計，2014（3）：16-20.

[3]崔心怡.“美圖系列”APP推廣策略研究[D].河北大學(xué)，2016.

[4]武建梅，宋立新.關(guān)于標(biāo)志扁平化設(shè)計的一些思考[J].藝術(shù)與設(shè)計（理論），2014（11）：39-41.

作者單位：

武漢交通職業(yè)學(xué)院藝術(shù)學(xué)院