楊秀 張曉悅

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

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

一、扁平化設計

1.1 扁平化設計的特點

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

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

1.2 扁平化設計的應用

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

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

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

目前來看，扁平化設計準確、有效、積極的應用在界面上才是正道。

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

2.1 標志的極簡化

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

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

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

2.2 色彩的靚麗化

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

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

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

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

2.3 文字的簡潔性

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

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

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

三、展望未來

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

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

參考文獻：

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

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