王麗娜

摘要：基于當前移動互聯(lián)網(wǎng)高速發(fā)展，并且在一段時間內(nèi)仍然會持續(xù)發(fā)展的時代語境，關(guān)注到高校品牌構(gòu)建這個歷久彌新的話題，尋求高校品牌構(gòu)建的特殊要求與以人為本精神之間的契合點。結(jié)合文獻研究、比較分析和人類學(xué)相關(guān)理論知識以微平臺界面設(shè)計為研究對象，展開個案研究。探索結(jié)合“以人為本”精神的高校品牌構(gòu)建的一般邏輯和規(guī)律，并為高校微平臺界面設(shè)計出現(xiàn)的諸多問題尋求解決路徑。

關(guān)鍵詞：微平臺 品牌構(gòu)建 以人為本 界面設(shè)計 策略

中圖分類號：J05

文獻標識碼：A

文章編號：1003-0069（2020）05-0082-03

Abstract： Based on the current rapid development of mobile Internet， which willcontinue to develop for a period of time， we pay attention to the eternal topic ofuniversity brand building， and seek the point of agreement between the specialrequirements of university brand building and the people-oriented spirit a case studywas conducted based on literature research， comparative analysis and anthropologyrelated theoretical knowledge. To explore the general logic and law of university brandconstruction combined with the spirit of "people-oriented"， and to find solutions formany problems in University micro platform interface design.

Keywords： Micro platform Brand building People-oriented Interface designStrategy

引言

當今社會的變革已經(jīng)顯而易見了，基于數(shù)字化、移動互聯(lián)網(wǎng)的高速發(fā)展、大數(shù)據(jù)時代的到來以及智能手機的普及，人類體驗著前所未有的便捷和無界。其中的每一個因素都使人類的生活發(fā)生了顛覆性的轉(zhuǎn)變。想必歷史上的某些事物從興盛到衰敗，最終成為文物被陳列在博物館中，也和這些顛覆性的轉(zhuǎn)變密切相關(guān)。舉個不太確切的例子，由于移動支付的普及，人對于錢包的使用率呈現(xiàn)斷崖式下降，以往以生產(chǎn)錢包為業(yè)的生產(chǎn)商為謀生計紛紛轉(zhuǎn)行，那么或許在2020年后出生的孩子將不再知道錢包是何物，甚至有一天，他們會在博物館里了解到錢包的材質(zhì)、構(gòu)造及使用方法。

一、微平臺作為高校移動服務(wù)平臺的載體

我國移動校園建設(shè)開始于2010年左右，在不足十年的時間中，歷經(jīng)四次發(fā)展變遷，從最早的WAP到APP，其后到APP+H5，最后到現(xiàn)今多入口一體化的新階段[1]。在移動校園的發(fā)展過程中，各個時期載體有其相應(yīng)特點，如表1所示[2]。

《2018微信年度數(shù)據(jù)報告》顯示，2018年，微信日登錄用戶約為10.1億人次;日發(fā)送微信消息約為450億條，較2017年增長18%;日微信音視頻通話次數(shù)達4.1億次，較2017年增長100%，可見，在當今時代，微信成為當前高用戶活躍性的移動社交及服務(wù)平臺，本身具有廣泛的用戶基礎(chǔ);另外，基于微信APP的基礎(chǔ)框架及接口進行高校移動服務(wù)的開發(fā)，可與高校網(wǎng)頁服務(wù)系統(tǒng)對接，有效縮減開發(fā)和運用帶來的經(jīng)濟成本、時間成本以及后期的維護成本;第三，基于微信平臺進行的高校移動服務(wù)開發(fā)，降低軟件與硬件之間的兼容性帶來的使用問題，使用戶有較為穩(wěn)定順暢的體驗且易于推廣。由此可見，微平臺作為高校移動服務(wù)平臺是符合高校需求和發(fā)展的必然趨勢。

二、微平臺作為高校品牌構(gòu)建的重要表現(xiàn)形式

高校品牌構(gòu)建的必要性已然無需贅述，在這里簡要探討高校品牌構(gòu)建與其他品牌構(gòu)建的差異性問題。高校作為一個給予知識、培養(yǎng)人才的專門性組織機構(gòu)，本身具有一定的社會身份和影響力。故在兼?zhèn)湟话闫放茦?gòu)建基本特征如品牌經(jīng)濟、品牌管理及品牌傳播的基礎(chǔ)上，還應(yīng)充分體現(xiàn)時代使命、社會責任、文化積淀及人文素養(yǎng)等諸多因素。高校品牌構(gòu)建的一個重要外化形式即高校品牌視覺形象設(shè)計。

走訪國內(nèi)各大高校，每所高校無一例外都具有一套自己的品牌視覺形象設(shè)計，由此可見，高校品牌構(gòu)建已實現(xiàn)零盲區(qū)的初級目標。至于品牌構(gòu)建的效果自然是參差不齊，究其原因，又是一個及其復(fù)雜的問題，其中涵蓋了美學(xué)、社會學(xué)、心理學(xué)、經(jīng)濟學(xué)、民族學(xué)等諸多學(xué)科，而這些學(xué)科恰好有一個共同的載體——就是人本身。基于移動互聯(lián)網(wǎng)的迅速發(fā)展并結(jié)合高校品牌構(gòu)建的需求，筆者以微平臺界面設(shè)計為例，把設(shè)計中蘊含的復(fù)雜問題進行梳理和總結(jié)。

世界的瞬息萬變帶給人們驚喜的同時也會帶來挑戰(zhàn)。每個人、每個行業(yè)都面臨著挑戰(zhàn)，高校的發(fā)展也不例外。查閱大量關(guān)于“移動服務(wù)平臺界面設(shè)計”的文獻，大多側(cè)重于描述具體的設(shè)計方法，但也曾提及關(guān)于人對設(shè)計的介入。如李峻在《高體驗度的游戲虛擬物品交易APP界面設(shè)計》一文指出，“在界面設(shè)計中要注意界面設(shè)計的合理化、平臺形象設(shè)計的生動化、視覺安全的重視化三個方面，從用戶的角度出發(fā)優(yōu)化用戶體驗，同時提升品牌的競爭力[3]?！瘪R曉春在《面向數(shù)字時代的導(dǎo)航地圖信息設(shè)計>一文，系統(tǒng)講述了數(shù)字化時代導(dǎo)航地圖存在的重要意義，并對其設(shè)計策略給出較為完善的建議。筆者注意到在結(jié)語部分，馬曉春提出“地圖始終服務(wù)于人類的本質(zhì)”，對此深受啟示。設(shè)計的本質(zhì)即是服務(wù)于人，可以通俗的理解為“以人為本”，高校微平臺是以手機移動端為主要載體的服務(wù)平臺建設(shè)，其作用于所有高校教師及在校學(xué)生，受眾面十分廣泛，故其設(shè)計同樣應(yīng)以服務(wù)于人的本質(zhì)出發(fā)。故本文討論的是“以人為本”為核心的高校品牌構(gòu)建思考，希望能為高校微平臺界面設(shè)計提供借鑒之意。

三、“以人為本”為核心的高校微平臺界面設(shè)計策略

“以人為本”一詞并不陌生，是立足于人民的根本利益，是馬克思主義思想的延伸。在中國，最早提出“以人為本”這一概念的是管仲，在其《管子》一書中寫到，“夫霸王之所始也，以人為本，本理則國固，本亂則國危[4]”。而后，以人為本思想在教育界的引用頗為廣泛，如“百年大計，教育為本;教育大計，教師為本”，以及“學(xué)校教育，學(xué)生為本”等。故高校微平臺界面設(shè)計應(yīng)從“以人為本”的核心出發(fā)，更多強調(diào)以人或人的經(jīng)驗為出發(fā)點進行設(shè)計研究和設(shè)計實踐。

現(xiàn)如今，移動校園處于由APP+微信+騰訊+支付寶協(xié)同使用的階段，由于APP的設(shè)計和運營費用較高，考慮到運行成本的現(xiàn)實情況，使借助微信平臺實現(xiàn)高校信息化服務(wù)的廣泛性與日俱增，拋開二者的計算機應(yīng)用技術(shù)差別來看，微平臺界面設(shè)計的基本流程基本可遵循APP設(shè)計的基本流程。

智能手機APP用戶界面設(shè)計主要包括信息架構(gòu)、交互行為、視覺界面，其設(shè)計的基本流程“一般認為，用戶界面設(shè)計是在信息結(jié)構(gòu)確定的基礎(chǔ)上對用戶行為進行重新組織，進而完善視覺設(shè)計，其交互行為組織和視覺設(shè)計之間是一種線性的遞進關(guān)系[5]。”這種遞進關(guān)系的處理過程則反映出高校品牌構(gòu)建的邏輯和方法。高校微平臺界面設(shè)計應(yīng)包括用戶研究、信息構(gòu)架、視覺設(shè)計三個模塊。

（一）以人為本的用戶研究

高校微平臺的廣泛使用，其受眾群體具有穩(wěn)定性，故應(yīng)以受眾的角度出發(fā)，首先對受眾進行分析，主要可從經(jīng)驗性特征和易操作性特征兩個方面著手。

對微平臺用戶行為進行邏輯性分析是先于微平臺界面設(shè)計所做的必要性研究。用戶在使用微平臺的過程中，往往依照往常使用的其他服務(wù)平臺的操作流程進行。所謂經(jīng)驗是指認知主體即人在與外界世界眾多事物的真實交互中獲得的認知，用戶在使用微平臺時具有經(jīng)驗性行為邏輯特征，往往會先調(diào)動過去的認知經(jīng)驗進行操作，然后在與用戶界面的交互中又不斷產(chǎn)生新的認知。這些經(jīng)驗式操作流程會潛移默化影響用戶的實際操作。如在微信公眾號使用中，出現(xiàn)在屏幕下方的左右箭頭（<、>）的作用是上次操作與這次操作的循環(huán)，而在頁面左上方出現(xiàn)的“×”號則意味著關(guān)閉頁面，這是根據(jù)用戶對“<、>、×”等符號的經(jīng)驗認知而設(shè)定。當用戶看到這些符號時，就會主動調(diào)動過往經(jīng)驗，而這經(jīng)驗是人類認知活動的基礎(chǔ)。

互聯(lián)網(wǎng)時代有一個較大的優(yōu)勢是人們可利用碎片化時間進行工作、娛樂、獲取信息，倘若在操作流程中用戶感受到過于復(fù)雜或因有悖于經(jīng)驗認知的操作所帶來的反復(fù)操作，會直接影響用戶是否繼續(xù)使用微平臺的熱情和持久度。但需要明確的是，用戶的經(jīng)驗認知也是存在差異性的。如在打開一個界面進行操作時，中老年用戶由于對新事物的距離感和缺少認知經(jīng)驗，會反復(fù)觀看界面以確保正確的操作，而青年用戶對界面中的信息引導(dǎo)識別速度較快，同時還會關(guān)注界面設(shè)計的視覺效果，由此可見，用戶的經(jīng)驗認知和視覺認知都存在明顯差異。高校界面設(shè)計的受眾群體是在校師生，學(xué)生最為受眾主體，年齡分布于18-24歲之間。故在微平臺設(shè)計時，應(yīng)符合青年用戶的經(jīng)驗認知和視覺認知習慣，優(yōu)化界面交互體驗，使用戶在使用微平臺界面時盡量避免用戶使用過程中出現(xiàn)重復(fù)性操作。

結(jié)合以上分析，筆者認為應(yīng)根據(jù)用戶經(jīng)驗認知和視覺認知，梳理用戶的行為邏輯特征，同時結(jié)合微平臺提供信息服務(wù)的基本特征和易操作性目標，從而確定微平臺界面設(shè)計的基本邏輯。

（二）基于用戶使用邏輯的信息構(gòu)架

在信息構(gòu)架設(shè)計時，設(shè)計者習慣于采用數(shù)理邏輯或分類邏輯的方式進行信息構(gòu)架的分層。筆者認為，高校微平臺信息構(gòu)架設(shè)計，依然應(yīng)當遵循“以人為本”的核心理念，結(jié)合用戶行為邏輯進行優(yōu)化設(shè)計。以用戶行為邏輯為優(yōu)先優(yōu)化信息架構(gòu)并非一定是簡明扼要的，反而可能是看上去功能屬性較為繁雜的信息構(gòu)架，但卻是用戶所認為的直觀便捷的信息架構(gòu)。值得一提的是，用戶在使用過程中，更關(guān)心的是是否能在短時間內(nèi)找到自己需要的信息，只要層級信息是符合用戶使用邏輯的，即便是復(fù)雜的，也并不影響用戶使用。因此，高校微平臺的信息架構(gòu)設(shè)計，不能單一地依靠數(shù)理邏輯構(gòu)架或分類邏輯構(gòu)架進行界面設(shè)計，同時應(yīng)結(jié)合用戶的思維邏輯和行為邏輯，明確用戶使用界面的目的和需求。用戶思維邏輯和行為邏輯，大多基于前文所述用戶的經(jīng)驗認知和視覺認知，是在界面設(shè)計中至關(guān)重要的影響因素，故在設(shè)計信息構(gòu)架時，更應(yīng)當優(yōu)先考慮用戶的思維邏輯和行為邏輯來設(shè)計信息構(gòu)架的層級或變更層級信息。使用戶使能更快速、輕松的完成任務(wù)操作、解決問題。

（三）求同存異的界面視覺設(shè)計

高校微平臺視覺設(shè)計是基于微信公眾號為載體的，具有廣泛的用戶基礎(chǔ)、運營成本低、可直接對接網(wǎng)頁服務(wù)系統(tǒng)、兼容性好等優(yōu)點的同時，也存在一定的局限性，主要體現(xiàn)在界面視覺設(shè)計的局限性。微信公眾號是一個面向大眾的服務(wù)平臺，為了最大范圍兼顧用戶群體的需求且便于操作，往往會設(shè)定一個基本框架，用戶只能依托框架進行內(nèi)容的填充，故易呈現(xiàn)出同質(zhì)化傾向，由此一來，微平臺界面設(shè)計求同存異的差異性設(shè)計顯得尤為重要。

1.標題與版頭設(shè)計：在高校微平臺界面設(shè)計的標題與版頭設(shè)計部分，已有部分高校意識到借助微平臺構(gòu)建高校品牌并傳播，且皆各有特色，本文只列舉—二，加以說明。圖1、2分別為南開大學(xué)和中國美術(shù)學(xué)院校園為平臺推送界面的設(shè)計，微平臺界面設(shè)計的框架十分鮮明，且不易更改。筆者注意到，各個高校在微平臺的界面設(shè)計存在差異性，如南開大學(xué)在每篇推文的版頭設(shè)計，添加線條的動態(tài)表現(xiàn)式，呈現(xiàn)出由“南開大學(xué)主樓圖形”向“南開大學(xué)”文字的過渡，使原本靜態(tài)的界面富有動感和韻律，同時成為高校品牌構(gòu)建的視覺呈現(xiàn)方式之一。圖2為中國美術(shù)學(xué)院微平臺界面設(shè)計，標題設(shè)計為“主標題/副標題”的形式，—方面是梳理推文所屬類別，另—方面展現(xiàn)中國美術(shù)學(xué)院注重人文素養(yǎng)的培養(yǎng)，處處彰顯“以美育代宗教”的教育實踐宗旨，潛移默化深化高校品牌;除此之外，在微平臺界面設(shè)計的版頭統(tǒng)一添加以中國美術(shù)學(xué)院及其logo為主要視覺元素的圖片設(shè)計，與南開大學(xué)版頭設(shè)計有異曲同工之妙，以此途徑塑造學(xué)校品牌。

2.色彩使用規(guī)則：高校品牌塑造往往借助于高校視覺識別系統(tǒng)中的標準字、標志或輔助圖形，在微平臺界面設(shè)計實踐中，還應(yīng)注意到標準色的使用。這里所說的標準色可以是單色亦可以是復(fù)色，如中國美術(shù)學(xué)院采用其標準色紅色，這個紅色的色號取自其標志中的紅色，故在使用過程中，界面設(shè)計始終傳遞給用戶和諧統(tǒng)一的視覺感受。南開大學(xué)則在設(shè)計中采用了多種色彩，但幾種色彩的設(shè)置亦是設(shè)計選擇后的產(chǎn)物，如圖3所示。將南開大學(xué)色彩導(dǎo)入Photoshop軟件中進行色彩提取和比對，發(fā)現(xiàn)色彩的HSB色彩模中的S值（即Saturation表示色彩的飽和度）均為75%，說明兩種色彩選取并非僅僅依據(jù)感性的色彩喜好，而是基于對色彩三要素即色相、飽和度及色彩亮度進行科學(xué)的數(shù)據(jù)解析所得，雖然兩種色彩具有不同的色相和亮度，但是飽和度的數(shù)值完全相同，使色彩與色彩之間存在一種隱形的理性規(guī)律，故用戶在觀看使用微平臺界面時，即保留色彩使用的多樣性，同時不同色彩并置使用也未顯突兀。

3.網(wǎng)格體系的使用：微平臺作為高校服務(wù)于用戶的一種載體，其視覺形象設(shè)計除了前文中說到其界面設(shè)計中的版頭設(shè)計和色彩設(shè)計，另外一個及其重要的設(shè)計形式則是版式設(shè)計。微平臺大多借助網(wǎng)格設(shè)計進行文字和圖片編排，故在界面設(shè)計時應(yīng)尋找相應(yīng)的網(wǎng)格體系。網(wǎng)格體系的主要特點是運用數(shù)字比例關(guān)系，通過嚴格的計算，對平面作出空間劃分，從而指導(dǎo)和規(guī)范版面中視覺元素的布局以及信息的分布與排列[6]。高校微平臺界面設(shè)計應(yīng)體現(xiàn)校園文化、社會責任、文化積淀及人文素養(yǎng)等內(nèi)容，草率選擇微平臺中已有模版進行界面設(shè)計，有礙于高校品牌的構(gòu)建與傳播。應(yīng)根據(jù)高校品牌定位、品牌特征確定專屬性強的網(wǎng)格體系，而后進行微平臺界面的版式設(shè)計。網(wǎng)格體系的確定，首先需要以正文為主要參照標準，選擇適合的字體、字號及行距，確定網(wǎng)格的行高，以此為參考，其標題或輔助說明文字的大排列方式應(yīng)與正文保持一定的規(guī)則，呈現(xiàn)一定的比例關(guān)系;第二，確定網(wǎng)格系統(tǒng)后，推文中的圖片和文字的編排皆應(yīng)遵循網(wǎng)格系統(tǒng)的使用規(guī)范，在秩序中尋求變化;第三，網(wǎng)格系統(tǒng)一經(jīng)確定，應(yīng)作為微平臺界面設(shè)計的標準尺度，一般可應(yīng)用于本校微平臺中所有界面設(shè)計。

基于對上述兩所高校微平臺界面設(shè)計的分析，筆者發(fā)現(xiàn)，許多高校微平臺界面設(shè)計存在諸多問題。以筆者所在院?！I(yè)學(xué)院為例，瀏覽其微平臺公眾號的界面設(shè)計，并截取部分界面，總結(jié)其中存在的較為突出的界面設(shè)計問題。如圖4所示：每一篇推文中，沒有呈現(xiàn)具有太原工業(yè)學(xué)院學(xué)校品牌特色的視覺元素，用戶在瀏覽界面時，不會對其學(xué)校品牌有較為深刻的記憶，故不利于高校品牌形象的構(gòu)建與推廣;推文中部分圖片清晰度較低，用戶觀看界面的視覺體驗較差，界面設(shè)計缺乏品質(zhì)感，影響用戶對校園品牌的認知;推文中各種色彩搭配使用欠推敲，缺乏理性分析和科學(xué)縝密的色彩體系構(gòu)建，用戶瀏覽界面時被沒有規(guī)則的色彩信息干擾，影響閱讀的舒適性與流暢性;太原工業(yè)學(xué)院界面設(shè)計中顯然未使用網(wǎng)格體系將文字、圖片進行有效編排，故呈現(xiàn)出混亂的版面編排設(shè)計。

針對上述問題，筆者試對太原工業(yè)學(xué)院微平臺界面設(shè)計進行改良設(shè)計，如圖5。首先通過調(diào)研，總結(jié)設(shè)計符合高校受眾群體的信息構(gòu)架，在首頁進行全面展示，便于用戶操作;其次，設(shè)計具有高校品牌形象特征的圖形、視覺形象，塑造學(xué)校品牌;再次，針對太原工業(yè)學(xué)院微平臺界面設(shè)計，從色彩選取、版式設(shè)計等諸多方面進行改良。通過對太原工業(yè)學(xué)院微平臺界面設(shè)計進行改良設(shè)計，起到有效構(gòu)建特色鮮明的高校品牌、提升高校品牌認知的目的。

結(jié)語

手機成為人類生活的一個重要組成部分，是當前時代發(fā)展下的必然結(jié)果，高校品牌構(gòu)建基于微平臺進行傳播，其界面設(shè)計是最為直接的傳播途徑。其信息框架設(shè)計應(yīng)以用戶使用邏輯為出發(fā)點，真正做到以人為本的框架構(gòu)建，同時配合具有理性與感性并重的界面設(shè)計，以科學(xué)作為設(shè)計的基石，才能強化用戶從視覺感知到精神認同的品牌意識，是高校品牌構(gòu)建的重要環(huán)節(jié)。

基金項目：201 7年太原工業(yè)學(xué)院“大學(xué)文化”研究專項，項目編號：2017RWZX02。

參考文獻

[1]蔣東興，種連榮等.高等教育信息化創(chuàng)新應(yīng)用案例集[M].北京：清華大學(xué)出版社，2015.

[2】王磊、門海，張濤.一體化微服務(wù)平臺：高校移動校園發(fā)展新探索.中國電化教育[J].2017（11）：120.

[3]李俊，朱琰翎.高體驗度的游戲虛擬物品交易APP界面設(shè)計[J].包裝工程，2018，39（6）：32-39.

[4]商務(wù)印書“萬有文庫”版本《管子》，1936（2）：8.

[5]占煒，都江.“行為邏輯”與“視覺體驗”的互動演進——青島地鐵災(zāi)害報警系統(tǒng)用戶界面設(shè)計的路徑解析[J].裝飾，2016（2）：83.

[6]單筱秋.比例、數(shù)列、模度在版式網(wǎng)格體系設(shè)計中的運用與分析[J].南京藝術(shù)學(xué)院學(xué)報（美術(shù)與設(shè)計）.2018（11）：192.