楊秀 張曉悅

摘 要：隨著新時代的到來，智能設(shè)備的普及以及旅游業(yè)迅速的發(fā)展，旅游產(chǎn)品ui設(shè)計風(fēng)格的迥異引起了越來越多人的關(guān)注與討論。在旅游產(chǎn)品用戶界面設(shè)計中，設(shè)計師們?yōu)榱俗非蟾嗟囊曈X效果而導(dǎo)致過量的裝飾，設(shè)計出的界面也越來越復(fù)雜，從而使用戶產(chǎn)生視覺疲勞，喪失了產(chǎn)品本身的實用性與功能性特征。為了解決這一現(xiàn)狀，扁平化設(shè)計風(fēng)格的使用使設(shè)計更具有簡潔、概括、簡練與樸素的特征，使其變得功能化與實用化，同時提高了設(shè)計師們的工作效率。優(yōu)秀的扁平化設(shè)計需要設(shè)計師認(rèn)真推敲，學(xué)習(xí)不當(dāng)傳達(dá)的感情會產(chǎn)生一定的局限性。本篇文章主要研究扁平化風(fēng)格在旅游產(chǎn)品ui中的應(yīng)用，以金陵游ui界面設(shè)計為例詳細(xì)研究。（南京工業(yè)大學(xué)浦江學(xué)院大學(xué)生創(chuàng)新創(chuàng)業(yè)訓(xùn)練計劃項目資金資助，項目編號PJ20211390533）

關(guān)鍵詞：扁平化設(shè)計;旅游產(chǎn)品ui設(shè)計;擬物化設(shè)計

一、扁平化設(shè)計

1.1 扁平化設(shè)計的特點

扁平化設(shè)計是存在于二維世界并且不加繁瑣裝飾的一種設(shè)計手法。其減少了3D立體中如紋理、漸變、高光、立體、陰影、透視等圖形裝飾方法，打造一種純二維空間的、純“平”的視覺效果。扁平化設(shè)計的樸素、簡潔、功能性與實用性等特點對平面設(shè)計師們及平面設(shè)計領(lǐng)域都產(chǎn)生了很大的影響。

扁平化設(shè)計去除了繁瑣的裝飾效果，具有簡潔和抽象的圖形、無襯線字體、高明度的色彩對比，極具視覺沖擊力的畫面效果等特點，把扁平化設(shè)計風(fēng)格推上了時尚浪尖。2013年蘋果公司發(fā)布了iso7操作系統(tǒng)的手機設(shè)備，如圖1， iOS7系統(tǒng)操作界面采用扁平化設(shè)計，其中標(biāo)志、icon、主屏幕、插圖、通知界面等設(shè)計都采用高明度配色方法，字體也采用簡潔的不加裝飾的無襯線字體，并且增加適當(dāng)?shù)牧舭?，使整體界面更具有通透性，變得簡潔明了干凈了。在此之后，扁平化風(fēng)格的ui界面設(shè)計逐漸成熟。

1.2 扁平化設(shè)計的應(yīng)用

扁平化設(shè)計最先被應(yīng)用在界面設(shè)計、交互設(shè)計，并隨后逐漸擴展到更廣泛的領(lǐng)域中。例如視覺導(dǎo)視系統(tǒng)、信息圖表設(shè)計、海報設(shè)計、網(wǎng)站設(shè)計、包裝設(shè)計、插畫設(shè)計等。其實用性和功能性優(yōu)勢被最大化應(yīng)用在各個設(shè)計領(lǐng)域，讓用戶對信息更具辨識性。例如將信息可視化的信息圖表設(shè)計，如圖2，整體畫面采用扁平化風(fēng)格，運用常規(guī)簡潔的無襯線字體，更具高級感和精致感，扁平化小插畫將信息可視化，一方面節(jié)省了設(shè)計師的工作時間，另一方面大大增加了觀者的興趣。扁平化風(fēng)格截然不同于真實的擬物化風(fēng)格，反其道而行之，摒棄了一切多余復(fù)雜的透視、紋理、漸變、陰影等效果，以及任何能做出3D效果的裝飾性元素，完全只凸顯最主要的核心信息，同時在設(shè)計元素上，去除厚重、冗雜和繁瑣的裝飾，強調(diào)極簡風(fēng)，更強的功能性和符號化[2]。

扁平化設(shè)計將核心信息可視化，讓用戶更快獲取信息，提高了用戶閱讀的效率，界面整體排版簡約有序。因此不論是年齡大或是小，又或者是沒有過相關(guān)操作經(jīng)驗的人來說在拿到設(shè)備后都能夠在短時間內(nèi)輕松愉快地學(xué)會并且掌握它的使用方法，大大提高了用戶的使用效率，使用戶在使用的過程中減少了阻力獲得了成就。

但隨著扁平化設(shè)計席卷設(shè)計界，成為設(shè)計界的一股時尚浪潮，相對應(yīng)的也出現(xiàn)了一系列問題，如界面整體風(fēng)格較為單調(diào)冷峻，對信息的描述也只是簡單的平鋪直敘，缺少人情味，顏色的明度亮度與飽和度的使用不當(dāng)，使主題信息無法突出。另外界面的設(shè)計語言與功能性出現(xiàn)了同質(zhì)化現(xiàn)象，越來越多的界面設(shè)計出現(xiàn)更新滯后性，缺乏人為情感與創(chuàng)新性，并且行業(yè)之間缺乏核心競爭力，從而有些UI設(shè)計已經(jīng)不再滿足用戶需求，甚至開始出現(xiàn)了審美疲勞。

目前來看，扁平化設(shè)計準(zhǔn)確、有效、積極的應(yīng)用在界面上才是正道。

二、扁平化設(shè)計在金陵旅游產(chǎn)品ui中的應(yīng)用

2.1 標(biāo)志的極簡化

隨著扁平化設(shè)計的深入人心，金陵旅游產(chǎn)品標(biāo)志設(shè)計也更新迭代。

“擬物化設(shè)計”的初衷是為了降低學(xué)習(xí)成本，對于標(biāo)準(zhǔn)化規(guī)范制作的要求很低，同時又有著仿真寫實的效果。但對于現(xiàn)代人來說，“擬物化設(shè)計”已不再滿足用戶需求。近些年，金陵旅游產(chǎn)品ui設(shè)計為了更好的吸引用戶的關(guān)注，逐漸由擬物化設(shè)計轉(zhuǎn)換為扁平化設(shè)計，增加了界面的層次感以及趣味性，在標(biāo)志的細(xì)節(jié)把控上也僅僅采用微漸變和微投影，使標(biāo)志呈現(xiàn)出一種簡潔輕快的立體感，既避免了標(biāo)志由于過多的視覺裝飾而產(chǎn)生的沉重感，又減少了標(biāo)志樣式的相似性。

扁平化設(shè)計去掉了復(fù)雜的裝飾效果，使標(biāo)志變得更加簡潔明快直接，從而突出主題，迅速抓住用戶的注意力。標(biāo)志回歸其最本身的作用，實用性功能性是標(biāo)志最重要的標(biāo)準(zhǔn)，標(biāo)志設(shè)計的扁平化，拋棄其不必要的裝飾效果，學(xué)習(xí)時間和成本也大大減少，達(dá)到了事半功倍的作用。游客們在辛苦游玩時，清爽簡潔明快的標(biāo)志設(shè)計更能抓住人眼球。

2.2 色彩的靚麗化

不同的色彩賦有不同的情感特征，色彩是一種無聲但是強有力的表達(dá)方式，人的思維將色彩和情緒進(jìn)行關(guān)聯(lián)，在界面設(shè)計中適當(dāng)?shù)纳庶c綴可以影響人的情緒，喚醒人的記憶。扁平化設(shè)計采用較為鮮亮的大膽配色，極大地吸引了用戶的注意力。

扁平化設(shè)計的色彩特征被大量運用在南京旅游產(chǎn)品ui設(shè)計界面中，高明度的色彩不僅具有一定的裝飾效果，還具有一定的功能性，起到了先聲奪人的作用。對于去除了裝飾效果的界面來說，色彩是視覺表達(dá)最重要的因素，通過旅游景點的特征以及用戶的屬性來確定界面的主色調(diào)和色彩的層級，其中為了幫助游客們了解金陵文化的歷史及人文內(nèi)涵，在ui設(shè)計色彩上結(jié)合了當(dāng)?shù)刈匀痪坝^。南京歷史悠久，擁有著濃厚的文化底蘊和歷史內(nèi)涵，因此在界面顏色的選取上以明黃色主色調(diào)，象征著陽光、光明，給用戶一種輝煌燦爛，仿佛回歸歷史的感覺，喚醒人們的記憶。綠色和藍(lán)色為點綴色，賦予一種活潑、生機勃勃的感覺，讓用戶在旅游時能夠身臨其境、身心愉悅，給用戶更好的體驗感。

作為全國首批旅游試點城市之一，南京市于2011年啟動智慧旅游建設(shè)[1]，下載“南京游客助手”手機客戶端便可看到景區(qū)的實時狀況。南京擁有大面積的的古建筑旅游景區(qū)，如老門東、中山陵和夫子廟等。如圖2，其旅游產(chǎn)品ui界面設(shè)計采用統(tǒng)一的色調(diào)，以明黃色為主色調(diào)以符合當(dāng)?shù)氐臍v史文化韻味與氣質(zhì)。主題畫面采用扁平化設(shè)計將核心信息可視化，讓用戶更快獲取信息，提高了用戶閱讀信息的效率，界面整體排版簡約有序，增加適當(dāng)?shù)牧舭?，營造了一種輕松愉快的氛圍。

扁平化設(shè)計通過高飽和度的色彩，不同明度之間的對比，凸顯了核心信息，使界面中的設(shè)計元素更具秩序感和層次感，符合一定的視覺流程，吸引用戶眼球，幫助用戶快速獲取信息。扁平化設(shè)計ui界面中，正因為顏色的合理運用，才呈現(xiàn)出豐富而不失簡潔、鮮艷而不趨于雜亂的畫面視覺效果。

2.3 文字的簡潔性

在極簡主義大環(huán)境下，扁平化版面設(shè)計中字體大多使用簡約不加裝飾的無襯線字體，具有很好的條理性和適應(yīng)性，并且可以兼容不同尺寸的手機和電腦，通過字體大小、文字的編排來劃分信息的層級關(guān)系。

金陵旅游產(chǎn)品界面設(shè)計大多選用無襯線字體。少數(shù)選用襯線字體，裝飾性也都保持適度，字體的字間距、行間距、粗細(xì)等也都控制在合理內(nèi)。字體的大小則根據(jù)畫面的需求來設(shè)置，不為了畫面的精致感和高級感而特意縮小字體，適當(dāng)?shù)姆糯笞煮w，突出主題，提高用戶閱讀效率，在旅游的同時減少視覺疲勞。

無襯線字體所具備的易讀性和高適應(yīng)性大大提高了設(shè)計師的工作效率，讓用戶在旅游的同時不僅僅關(guān)注于界面表面的裝飾效果，而是更關(guān)注于內(nèi)容的本身，簡潔大方清爽，讓用感到戶煥然一新。

三、展望未來

在大數(shù)據(jù)互聯(lián)網(wǎng)時代，傳統(tǒng)的擬物化設(shè)計風(fēng)格已經(jīng)不再適應(yīng)新的社會和審美需求。扁平化設(shè)計摒棄了設(shè)計元素的各種陰影、漸變、紋理、羽化等裝飾效果和寫實效果，改為一種微漸變、微羽化的扁平化設(shè)計形式，把信息內(nèi)容以一種簡潔而不簡單、干凈、清爽的方式呈現(xiàn)出來，并注重色彩搭配與文字間距等。有效的提高了用戶的體驗感，扁平化設(shè)計體現(xiàn)了設(shè)計美學(xué)的形式美、功能美和技術(shù)美以及其所具備的優(yōu)勢在未來數(shù)十年將會一直被受用。并且會應(yīng)用到更廣泛的領(lǐng)域。最先被應(yīng)用在界面設(shè)計、交互設(shè)計，再到導(dǎo)視系統(tǒng)、包裝設(shè)計、vi設(shè)計、插畫設(shè)計等，在未來將會有更多機會與多種媒介、平臺，結(jié)合不同的元素，發(fā)揮出不同的魅力，最大化使其具有實用功能。

扁平化設(shè)計風(fēng)格已經(jīng)流行了很多年，它的熱度有增無減，但隨著技術(shù)的不斷發(fā)展，例如手機屏幕顯示的更新迭代、信息的智能感知等，都會影響到設(shè)計風(fēng)格的改變。人們的審美是與時俱進(jìn)的，設(shè)計的發(fā)展是與科技的發(fā)展相匹配的。因此在未來數(shù)十年后設(shè)計風(fēng)格又會是一次轉(zhuǎn)變。

參考文獻(xiàn)：

[1]沈楊.我國智慧旅游建設(shè)的現(xiàn)狀與思考[J].甘肅農(nóng)業(yè)，2013（03）. 第 3 章 南京智慧旅游 APP 的發(fā)展

[2]李琨，胡婧琪.扁平化風(fēng)格替代擬物化風(fēng)格初探-----以手游UI設(shè)計為例[J].美術(shù)大觀，2018（2）：126-127.