基于地域文化特征的地方性新聞APP界面視覺設(shè)計

盧曉燕

摘要：為了讓地方性新聞APP脫穎而出，增強自己的影響力，增加產(chǎn)品用戶數(shù)量，提升用戶黏度。解析作為新媒體時代的新聞媒體APP在其界面設(shè)計中融入地域文化的必要性，結(jié)合界面視覺元素文字、圖形、色彩、布局、用戶等方面剖析界面設(shè)計該如何和地域文化相結(jié)合，以目前比較成熟的新聞APP設(shè)計為例，解析APP在界面設(shè)計中融合地域文化的方法。得到APP界面視覺設(shè)計師的設(shè)計方向：傳承地方文化和創(chuàng)新當?shù)厝嗣裆?。APP界面視覺設(shè)計師要在APP界面中悄無聲息地傳遞當?shù)氐奈幕瘍?nèi)涵，保留當?shù)氐奈幕滋N。

關(guān)鍵詞：新聞APP 界面 視覺設(shè)計 地域文化

中圖分類號：JO

文獻標識碼：A

文章編號：1003-0069 （2019） 06-0023-03

引言

移動互聯(lián)網(wǎng)的飛速發(fā)展徹底顛覆了傳統(tǒng)媒體的格局，地方性官方媒體紛紛利用自己的地方優(yōu)勢，推出了基于本地市場，為本地用戶群體提供當?shù)卮怪毙侣勝Y訊和服務(wù)的APP。但是市面上層出不窮的新聞APP、公眾號、小程序的飛速發(fā)展，手機新聞客戶端的競爭日益激烈。界面作為手機APP展示的第一途徑，其視覺效果直接影響用戶使用體驗，設(shè)計具有較高使用價值的APP界面成為視覺設(shè)計師們的首要任務(wù)。

一、新聞APP界面視覺設(shè)計現(xiàn)狀分析

（一）界面視覺設(shè)計概述

界面，也稱人機界面，本文中的界面指的是人和手機進行信息交換的一種媒介。界面設(shè)計也稱為UI設(shè)計，即User Interface Design。界面設(shè)計涉及許多學科，其中界面視覺設(shè)計涉及到美術(shù)學、設(shè)計學，用戶交互設(shè)計涉及到符號設(shè)計學、人機工程學，用戶體驗設(shè)計涉及到心理學、語言學。界面設(shè)計過程需要這些學科相互融合，設(shè)計師需要全面熟悉這些學科，通過設(shè)計來完成人機之間的信息傳遞。其中界面視覺設(shè)計是指利用平面設(shè)計的手段把文字、符號標志、素材圖片、色彩等設(shè)計元素在手機界面中進行合理布局設(shè)計，形成統(tǒng)一的視覺風格，以此來傳遞信息給用戶。在實際的設(shè)計過程中，界面視覺設(shè)計、用戶交互設(shè)計、用戶體驗設(shè)計這三者是緊密相連的，尤其是界面視覺設(shè)計和用戶交互設(shè)計，界面視覺設(shè)計師需要根據(jù)交互設(shè)計師布局的交互界面進行設(shè)計元素的整體效果設(shè)計，交互設(shè)計師需要根據(jù)整體界面的視覺效果進行APP界面的規(guī)范設(shè)計。在一些UI設(shè)計中，界面視覺設(shè)計師和交互設(shè)計師一般都是同一個人，界面終究是以視覺信息呈現(xiàn)在用戶眼前，作為界面視覺設(shè)計師，主要從界面視覺設(shè)計效果方面進行闡述。

（二）界面視覺設(shè)計解析

新聞APP的主要作用就是在及時、有效、真實的基礎(chǔ)上，通過推送新聞資訊、生活服務(wù)信息等內(nèi)容，幫助用戶了解最新的社會發(fā)展、實時動態(tài)等。地方性新聞APP-般是各地媒體在新媒體時代利用自己的地方優(yōu)勢，堅守地盤，推出基于本地市場，為本地用戶提供當?shù)匦侣勝Y訊和生活服務(wù)信息的APP。APP新媒體與傳統(tǒng)媒體不同，因為它們的載體不同，APP新媒體一般是手機用戶使用，手機屏幕顯示的區(qū)域有限，如何在有限的界面內(nèi)展示出用戶最需要的信息內(nèi)容，如何在APP的界面設(shè)計中使界面視覺設(shè)計元素與APP要表達的信息能完美的結(jié)合呈現(xiàn)，是各大新聞APP視覺設(shè)計師們最要考慮的問題。比如聲明在外的澎湃新聞，如圖1、2頁面布局采用結(jié)構(gòu)極簡的扁平化設(shè)計風格，文字使用設(shè)計師們一貫不太敢用在設(shè)計中的襯線字體，更能彰顯澎湃新聞追求品質(zhì)的決心。再搭配簡單線條的幾何圖標和黑白藍的冷色色調(diào)，澎湃的視覺形象就這樣深入到每一個用戶的心中。再比如地方性新聞媒體“周到上?！?，如圖3，初次打開“周到上?！边@個手機APP，真的會有一種來到上海的感覺，整體給用戶的視覺感就是時尚加國際，整體布局采用寬松式的柔和美設(shè)計手法，“周到”字體的設(shè)計恰到好處，紅白色調(diào)給用戶清新雅致的視覺感。新聞APP界面的視覺效果直接傳遞給用戶，直接影響用戶對APP的外在形象認知，舒服且有品質(zhì)的APP界面視覺效果體驗將會為產(chǎn)品提升知名度，增加產(chǎn)品用戶量，提升產(chǎn)品用戶黏度。

二、地方性新聞APP界面視覺設(shè)計融入地域性文化特征的必要性

“地域文化”是指在特定的地理范圍內(nèi)的文化傳統(tǒng)，是特定區(qū)域的生態(tài)、民俗、傳統(tǒng)、習慣等的文明體現(xiàn)，也是一定地域范圍內(nèi)的自然生態(tài)環(huán)境和人文歷史環(huán)境相互作用與融合發(fā)展的綜合體現(xiàn)。尤其是在民族眾多、人口眾多、地大物博的泱泱中華，由于自然地理環(huán)境和氣候的不同，形成了多種不同的地域文化，比如齊魯文化、荊楚文化、關(guān)東文化、巴蜀文化等。

（一）在界面視覺設(shè)計中傳承地域文化

在新媒體時代，用戶獲取信息的方式已經(jīng)完全轉(zhuǎn)變到互聯(lián)網(wǎng)，地方性新聞APP-般屬于當?shù)氐墓倜?，是當?shù)赜脩臬@取資訊的主要媒體。本地用戶由于其自然地理環(huán)境下形成的民俗習慣和心理審美需求，如果APP的界面視覺設(shè)計中帶有一定特色的本地文化，視覺設(shè)計師們把本土歷史傳統(tǒng)文化元素融入到設(shè)計中去，這樣不但可以防范人們對傳統(tǒng)文化的忽視，還可以悄無聲息地向人們傳遞著歷史文化精神，無形之中傳承了當?shù)氐奈幕滋N和內(nèi)涵。

（二）在界面視覺設(shè)計中踐行地域文化

地域文化的形成，需要漫長的時間。生活在這個地理區(qū)域內(nèi)的群體，在生活方式、文化習俗、傳統(tǒng)習慣方面都有自身的特點，所以作為當?shù)厝硕加械赜蛘J同感。當?shù)氐男侣凙PP除了推送熱點新聞之外，還要在旅游、教育、游戲、汽車、購物、房產(chǎn)、金融等領(lǐng)域為用戶提供從線上到線下的本地化生活服務(wù)。用戶出行方式的改變、教育子女的成本變化、房價的升降這些社會的變化每天都在發(fā)生著，但是根深蒂固的文化氛圍不會發(fā)生根本性變化，以筆者所在城市衢州市為例，衢州一座千年歷史文化名城，傳統(tǒng)文化、民間瑰寶十分豐富。我們有祭孔大典、有世界獨一無二的“九華立春祭24節(jié)氣”傳統(tǒng)文化藝術(shù)形式、有世界獨一無二的“針灸文化”，這些精彩的傳統(tǒng)文化藝術(shù)如何進行保護和傳承，一直是學者們研究的方向。而作為衢州本地官方新聞媒體APP掌上衢州，圖4為掌上衢州首頁面，目前只在新聞報道中向讀者傳遞這些文化信息。這就要求視覺設(shè)計師們要在新聞資訊及生活信息每天都會變化的APP中通過其界面的視覺設(shè)計來體現(xiàn)，讓用戶在閱覽新聞信息或者使用生活服務(wù)信息時可以時刻感受到南孔文化的歷史底蘊。

（三）在界面視覺設(shè)計中表現(xiàn)地域文化

地域文化存在差異性，我們可以把文化理解成人們自己所編織的“認知之網(wǎng)”，當我們熟悉了我們的生產(chǎn)、生活方式、民俗形式，即使像APP這種新型媒體進入我們的生活，如果這種新物種剛好及時展現(xiàn)了我們平時所接觸的文化，那我們作為用戶接受度是極高的，這也是提高APP用戶量及用戶黏度的思路。以武漢地方官媒“掌上武漢”為例，圖5其圖標設(shè)計中的書法祥云古樸雅致，正展示了武漢地區(qū)歷史悠久的荊楚文化，其中“武漢”兩個字的字體設(shè)計筆力勁挺、氣勢如虹，也展現(xiàn)了三國文化的蕩氣回腸?！罢粕稀眱蓚€字的印章設(shè)計使用的印章篆體字也表達了武漢悠久的歷史文化。這樣帶有自己歷史性表達的個性化圖標很容易被當?shù)赜脩艚邮?，也容易對我們這些曾經(jīng)在武漢求學的學子產(chǎn)生心靈上的共鳴，無形之中提高了產(chǎn)品的用戶量。

（四）在界面視覺設(shè)計中創(chuàng)新地域文化

每一個地域范圍內(nèi)的物質(zhì)文化和精神文化并不是一成不變的，因為世界在發(fā)展，時代在進步。作為用戶我們的審美觀念也在轉(zhuǎn)變，而新聞APP作為新媒體的產(chǎn)物，必須承擔起創(chuàng)新人們生活的重擔，讓用戶在獲取新聞資訊、生活信息的同時，體驗到社會的創(chuàng)新與進步，這便是我們界面視覺設(shè)計師的使命。西安是一座文化古城，有一種歷史文化叫作西安。但是作為西安當?shù)氐墓俜紸PP媒體“無限西安”的整體視覺設(shè)計卻推陳出新，圖6圖標主體圖案延用西安網(wǎng)的標志，圖標整體簡單簡潔，完全符合簡潔簡約設(shè)計方向。但同時西安網(wǎng)的標志圖形環(huán)形圖案取自于中國古典環(huán)形圖案的原型，閉合無開口的形式也體現(xiàn)了西安古城的特性。這樣一座古城的歷史淵源用新形勢的設(shè)計手法表達出來正符合年輕用戶的審美需求。

三、以地域文化特征為基礎(chǔ)的APP界面視覺設(shè)計元素分析

（一）APP用戶群體的解析

本文研究對象是地方性新聞APP媒體，用戶群體自然是本地用戶。在移動互聯(lián)網(wǎng)環(huán)境下，用戶基本上是利用乘車、排隊、工作間隙、運動休閑、睡覺前等這些碎片化時間通過手機獲取資訊。而作為本地用戶最關(guān)心的是和自己生活息息相關(guān)的事情，所以地方性新聞APP是一款融合新聞、天氣、教育、旅游、游戲、購物、房產(chǎn)、金融等綜合信息的媒體，剛好可以滿足本地用戶利用自己的碎片化時間對本地新聞資訊和生活服務(wù)的需求。

（二）文字設(shè)計元素解析

文字作為傳達信息的主要工具，在APP的界面設(shè)計中，主要是加強內(nèi)容的可讀性，要求具有較強的可識別性。但是在新聞APP界面視覺效果設(shè)計中，文字元素還可以從文字形象和文字本身的意義方面進行考量，文字作為一種圖形符號，可以把地域文化的精神形象表達出來。設(shè)計師在設(shè)計過程中可圍繞地域文化特性和歷史性，選擇不同的字體來呈現(xiàn)地域文化色彩，在便于識別的基礎(chǔ)上選用合適的文字形象來表達設(shè)計思想。前面所提到的“掌上武漢”的圖標中“武漢”這兩個字的字體形象正和歷史曲折悠久的荊楚文化相吻合。

（三）圖形設(shè)計元素解析

圖形相對于文字來說有很大的優(yōu)越性，圖形可以根據(jù)用戶的生活環(huán)境和風土人情而有所改變。界面視覺設(shè)計師們可以將自己對當?shù)氐赜蛭幕睦斫猓ㄟ^圖形表現(xiàn)出來。比如可以使用圖形的象征性，根據(jù)用戶的生活環(huán)境、風土人情，使用地域文化特征的圖形可以強化APP產(chǎn)品形象，增強產(chǎn)品的象征性和文化性，同時也會讓本地用戶對媒體產(chǎn)生興趣。比如圖7的“揚州發(fā)布”APP，作為揚州的官媒，其圖標中使用揚州地標古建筑文昌閣的剪影形象作為圖標的主體，讓本地用戶有很大的親切感，也展現(xiàn)了揚州的歷史風貌，作為外地讀者看到這樣的圖標也可以在短時間內(nèi)了解揚州的地域文化。

（四）頁面布局

手機新聞APP的界面布局主要是針對文字、標志符號、素材圖片、色彩等設(shè)計元素進行頁面布局。一個合理的布局結(jié)構(gòu)，可以給用戶最佳的視覺效果。目前市面上已有的新聞APP界面的布局形式大多數(shù)都是列表式布局和宮格式布局，這是視覺設(shè)計師們最喜歡用的布局形式，也是用戶最容易接受的布局形式，在實際的設(shè)計過程中要結(jié)合內(nèi)容表達地域文化特征。比如“智慧青島”新聞APP在宮格式布局的基礎(chǔ)上用戶只要下拉頁面便會出現(xiàn)海浪式的天氣預(yù)報，這既給用戶增加了生活的便利性，也傳達了青島是一座海濱城市的文化內(nèi)涵，如圖8。

（五）色彩設(shè)計元素解析

色彩是最具有表現(xiàn)力的視覺要素，也是手機新聞APP的界面視覺效果設(shè)計中必須著重考慮的要素。正確運用色彩可激發(fā)用戶的感情，進而影響用戶的情緒、想象、思維、記憶等心理活動。很多顏色本身就是地域文化的體現(xiàn)。所以視覺設(shè)計師在選用設(shè)計色彩時，需要研究當?shù)氐奈幕瘍?nèi)涵和歷史淵源，選用可以表達地域識別能力和地域象征性的色彩，要保證色彩有一定的聯(lián)想情感，充分發(fā)揮通過顏色來傳承地域文化的能力。但是在實際的設(shè)計中，又不能一味照搬，需要對能表達地域文化特色的色彩進行提煉加工，進行色彩重構(gòu)，選取不同的色彩進行搭配，通過調(diào)節(jié)色彩屬性，形成新的色彩體系，從而達到APP界面和諧統(tǒng)一的視覺效果。

（六）視覺風格

任何設(shè)計產(chǎn)品都有與其內(nèi)容及產(chǎn)品定位一致的視覺風格。風格要通過文字、圖形以及色彩在視覺上形成整體性。目前UI設(shè)計的視覺風格趨向于扁平化設(shè)計。但是本文作者要講的視覺風格則是針對于地方性新聞APP的視覺風格，既是在特定的地域文化范疇下產(chǎn)品本身要傳達的生活方式、文化風俗、傳統(tǒng)習慣等。所謂“一方水土養(yǎng)育一方人”，界面視覺設(shè)計師們要通過情境來塑造APP的視覺風格，可以從用戶熟悉的民族特點、鄉(xiāng)土人情、地方人文、歷史文化等地方進行延續(xù)和發(fā)展，尋找可以把現(xiàn)實設(shè)計和傳統(tǒng)文化相結(jié)合的形式，利用界面視覺形式挖掘出用戶潛意識里的文化精神，也是對地域文化的一種傳承與創(chuàng)新。

結(jié)論

移動互聯(lián)網(wǎng)的快速發(fā)展和智能手機改變了我們的生活習慣，在這個信息過剩的時代，地方新聞媒體要想在眾多媒體中脫穎而出，就需要為自己殺出一條血路。在這個大力弘揚傳統(tǒng)文化的新時代，地方媒體占據(jù)的地域文化特色無疑成為他們各自的保護傘。新聞APP作為新時代的媒體，應(yīng)該把弘揚傳統(tǒng)文化作為自己的使命和任務(wù)，把握地域文化特征的表現(xiàn)形式，對當?shù)卮硇缘娜宋奈幕剡M行提取，與APP的界面視覺效果進行融合設(shè)計。實地了解用戶的真實需求，讓用戶在接受新聞資訊及生活服務(wù)的同時，可以感受到當?shù)氐奈幕厣皻v史使命。

參考文獻

[1]陳婷論地域文化的教育價值[J]西北師大學報（社會科學版），2013.50 （06）：81-85

[2]揚沉視覺符號在手機界面設(shè)計的應(yīng)用研究[D]江西師范大學.2016.30—33

[3]陳雄軍基于地域文化色彩的茶包裝設(shè)計研究[J]福建茶葉，2015 （05）：27-30

[4]牛琳基于品牌識別的手機新聞APP界面視覺設(shè)計研究[D]華南理工大學，201416 19

[5]焦文曼地方新聞類APP研究[D]鄭州大學，2016.7-9

[6]袁爽“澎湃新聞”品牌建設(shè)研究[D]南京師范大學，2016.19_23

[7]司晟指尖世界移動APP界面設(shè)計之道[M]北京：人民郵電出版社，2017

[8]劉國平劉永翔視頻制作類APP的交互設(shè)計研究[J]設(shè)計 2017，30 （1）：26—27

[9]張艷，張宇紅游戲直播APP設(shè)計中搜索效率研究[J]殳計，2017，30 （1）：118-119

[10]劉堅媒介文化生產(chǎn)與地域文化意義的構(gòu)建[J]吉林大學社會科學學報，201252 （03）：79_84