藝術(shù)符號(hào)學(xué)視角下的移動(dòng)學(xué)習(xí)客戶端GUI設(shè)計(jì)*

沈 暉

?

藝術(shù)符號(hào)學(xué)視角下的移動(dòng)學(xué)習(xí)客戶端GUI設(shè)計(jì)*

沈 暉

（南通大學(xué)現(xiàn)代教育技術(shù)中心，江蘇南通 226019）

目前，移動(dòng)學(xué)習(xí)客戶端的設(shè)計(jì)尚處在解決有無的層次上，著眼點(diǎn)基本停留在技術(shù)設(shè)計(jì)、平臺(tái)架構(gòu)上，明顯暴露出在人文關(guān)懷和藝術(shù)美化方面的欠缺。文章基于藝術(shù)符號(hào)學(xué)的視角，從版式、色彩、圖標(biāo)、文字四個(gè)方面討論了移動(dòng)學(xué)習(xí)客戶端GUI的設(shè)計(jì)，并結(jié)合相關(guān)案例探索問題解決的策略，以期為理想的移動(dòng)學(xué)習(xí)客戶端GUI設(shè)計(jì)提供新的思路。

藝術(shù)符號(hào)；移動(dòng)學(xué)習(xí)；客戶端；GUI設(shè)計(jì)

引言

隨著移動(dòng)4G以及互聯(lián)網(wǎng)技術(shù)的迅猛發(fā)展，移動(dòng)終端和APP逐漸成為了人們工作、學(xué)習(xí)的主要介質(zhì)?！耙苿?dòng)學(xué)習(xí)客戶端”作為學(xué)習(xí)者與移動(dòng)設(shè)備的直接媒介，對(duì)移動(dòng)學(xué)習(xí)的推廣和發(fā)展具有重要意義。而設(shè)計(jì)出一套便于學(xué)習(xí)者準(zhǔn)確、快速、有效接受與認(rèn)知的移動(dòng)學(xué)習(xí)客戶端GUI（Graphical User Interface），就成了“移動(dòng)學(xué)習(xí)客戶端”成功與否的標(biāo)志之一。

移動(dòng)學(xué)習(xí)以其“Anyone、Anytime、Anywhere、Anystyle”的4A自由學(xué)習(xí)方式，滿足了人們?cè)谛畔⒈〞r(shí)代的學(xué)習(xí)需求；同時(shí)，“移動(dòng)學(xué)習(xí)為教育帶來了學(xué)習(xí)方式、學(xué)習(xí)內(nèi)容、學(xué)習(xí)場(chǎng)所、學(xué)習(xí)文化的變革”，是高校學(xué)習(xí)者必不可少的學(xué)習(xí)方式[1]。縱觀近十年來移動(dòng)學(xué)習(xí)的相關(guān)研究，主要集中在移動(dòng)學(xué)習(xí)的概念、理論、技術(shù)、學(xué)習(xí)平臺(tái)開發(fā)、課程資源開發(fā)等方面。在平臺(tái)設(shè)計(jì)開發(fā)研究中，整體還是偏向于走“重技術(shù)、輕藝術(shù)”的路子，而站在藝術(shù)學(xué)角度的研究尚少。隨著經(jīng)濟(jì)、科技的不斷發(fā)展，藝術(shù)成為了現(xiàn)代人生活、學(xué)習(xí)中不可或缺的精神食糧，人們對(duì)藝術(shù)審美、藝術(shù)傳達(dá)情感的需求越來越強(qiáng)烈。因此，基于藝術(shù)符號(hào)學(xué)的視角來研究移動(dòng)學(xué)習(xí)客戶端GUI設(shè)計(jì)，有利于移動(dòng)學(xué)習(xí)的推廣和發(fā)展，并對(duì)“信息技術(shù)支撐下的視覺素養(yǎng)培養(yǎng)和新型視覺教育資源開發(fā)”有著重要的推動(dòng)意義和實(shí)踐意義[2]。

一 移動(dòng)學(xué)習(xí)客戶端藝術(shù)化設(shè)計(jì)的理論依據(jù)

20世紀(jì)初，瑞士語言學(xué)家索緒爾和美國哲學(xué)家皮爾士最早提出符號(hào)學(xué)理論，認(rèn)為符號(hào)學(xué)是研究符號(hào)系統(tǒng)的學(xué)問。根據(jù)此理論，又延生出“符號(hào)是代表或表現(xiàn)其它事物的東西，它可以被某人所理解或解釋并對(duì)某人具有一定意義”[3]等觀點(diǎn)?？梢?，符號(hào)作為一種傳播手段，承載著信息傳播的功能。

藝術(shù)符號(hào)是符號(hào)系統(tǒng)的高級(jí)層面，它不僅是一種表現(xiàn)，更是一種創(chuàng)造和解釋。藝術(shù)符號(hào)學(xué)理論由美國哲學(xué)家、美學(xué)家蘇珊·朗格在20世紀(jì)50年代創(chuàng)立[4]，她注重藝術(shù)符號(hào)的內(nèi)涵，表達(dá)并強(qiáng)調(diào)藝術(shù)符號(hào)的意味特征，將藝術(shù)符號(hào)歸結(jié)為難以名狀的“生命形式”，認(rèn)為藝術(shù)中的符號(hào)都有自己的定義，是人類情感符號(hào)的創(chuàng)造[5]。受傳統(tǒng)思維模式的影響，藝術(shù)形式長期以來一直被視為作品內(nèi)容的附庸。因此，理解和把握藝術(shù)形式，將有利于調(diào)整只強(qiáng)調(diào)內(nèi)容而忽視形式的理論偏差。符號(hào)要被感知，必須通過載體，本研究中藝術(shù)符號(hào)的載體就是GUI。

二 情感與審美——移動(dòng)學(xué)習(xí)客戶端學(xué)習(xí)資源的建設(shè)

GUI是指用圖形方式顯示計(jì)算機(jī)操作用戶界面，也稱圖形用戶界面。GUI設(shè)計(jì)是一種集計(jì)算機(jī)科學(xué)、美學(xué)、心理學(xué)等多學(xué)科為一體的人機(jī)系統(tǒng)工程，強(qiáng)調(diào)將人—機(jī)—環(huán)境三者作為一個(gè)系統(tǒng)的總體。目前，移動(dòng)學(xué)習(xí)客戶端“缺乏教學(xué)設(shè)計(jì)、內(nèi)容缺少趣味性和吸引力”[6]成為了移動(dòng)學(xué)習(xí)進(jìn)一步發(fā)展的瓶頸。移動(dòng)學(xué)習(xí)有效性的實(shí)現(xiàn)依賴于藝術(shù)符號(hào)對(duì)GUI設(shè)計(jì)的指導(dǎo)，移動(dòng)學(xué)習(xí)信息的傳播則依賴于藝術(shù)符號(hào)的存在和應(yīng)用。

1 傳遞情感交流

蘇珊·朗格認(rèn)為，“藝術(shù)符號(hào)在設(shè)計(jì)作品中就是情感的意象，情感依附于生命的存在，所以情感特征反映了生命體的特征，情感形式表現(xiàn)了生命過程的形式?！盵7]藝術(shù)符號(hào)學(xué)視角下的GUI設(shè)計(jì)是以一種客觀的符號(hào)將一個(gè)主觀的事件或活動(dòng)表現(xiàn)出來，即以獨(dú)特的形象將主觀經(jīng)驗(yàn)對(duì)象化，而“情感正是在這一過程中投射、外化為動(dòng)態(tài)的情感形式與藝術(shù)作品直接融合在一起的”[8]。GUI設(shè)計(jì)中的情感釋放能給學(xué)習(xí)者帶來愉快的學(xué)習(xí)體驗(yàn)，調(diào)動(dòng)他們的學(xué)習(xí)積極性和主動(dòng)性，并拓展學(xué)習(xí)活動(dòng)的深度和廣度。

2 培養(yǎng)審美素養(yǎng)

藝術(shù)符號(hào)的抒情是一種審美表現(xiàn)，需要有意識(shí)地予以控制和組織，使之有序化。本研究的GUI設(shè)計(jì)依據(jù)學(xué)習(xí)者的審美需求，對(duì)設(shè)計(jì)對(duì)象進(jìn)行組織和安排，賦予新的表現(xiàn)形式，融匯成一種美的知覺。視覺審美能力在信息時(shí)代非常重要，審美交互能觸發(fā)學(xué)習(xí)者的探索欲望和創(chuàng)造激情，并營造出一種寓學(xué)習(xí)于審美之中、以審美促進(jìn)認(rèn)知與創(chuàng)造的學(xué)習(xí)氛圍。

3 建設(shè)學(xué)習(xí)資源

隨著移動(dòng)學(xué)習(xí)的不斷推廣，學(xué)習(xí)者逐漸掌握了獲取知識(shí)的權(quán)力，并通過利用新技術(shù)自主享受學(xué)習(xí)資源，故學(xué)習(xí)資源的建設(shè)成為了教育發(fā)展的重中之重。不重視學(xué)習(xí)資源的開發(fā)建設(shè)，不僅會(huì)造成教學(xué)投資上的浪費(fèi)，還將直接影響教育改革的質(zhì)量[9]。先進(jìn)的移動(dòng)學(xué)習(xí)客戶端對(duì)學(xué)習(xí)資源質(zhì)量的依賴性更大。基于藝術(shù)符號(hào)學(xué)的移動(dòng)學(xué)習(xí)客戶端GUI設(shè)計(jì)，利用現(xiàn)代信息技術(shù)手段，開啟教育資源的新視角，賦予教育資源新特質(zhì)[10]，必將推動(dòng)高質(zhì)量學(xué)習(xí)資源的開發(fā)與建設(shè)。

三 有“意味”的形式——移動(dòng)學(xué)習(xí)客戶端GUI設(shè)計(jì)

蘇珊·朗格認(rèn)為藝術(shù)符號(hào)能夠創(chuàng)造有“意味”的設(shè)計(jì)形式。藝術(shù)符號(hào)學(xué)視角下的移動(dòng)學(xué)習(xí)客戶端GUI設(shè)計(jì)，既要尋找一種最恰當(dāng)?shù)谋憩F(xiàn)形式去實(shí)現(xiàn)移動(dòng)學(xué)習(xí)的交互，還要兼顧視覺表達(dá)的藝術(shù)性。當(dāng)移動(dòng)學(xué)習(xí)客戶端和學(xué)習(xí)者的環(huán)境發(fā)生聯(lián)系并具有個(gè)體性的意義和價(jià)值時(shí)，學(xué)習(xí)將變得更加有吸引力，學(xué)習(xí)者才能對(duì)移動(dòng)學(xué)習(xí)的交互認(rèn)知更加持久、深入，學(xué)習(xí)效果的提升也才會(huì)更加明顯。

1 版式設(shè)計(jì)

版式設(shè)計(jì)是學(xué)習(xí)者對(duì)移動(dòng)學(xué)習(xí)客戶端的一個(gè)整體認(rèn)識(shí)，它的整體元素布局直接決定了學(xué)習(xí)者學(xué)習(xí)的邏輯性和交互性，對(duì)提高學(xué)習(xí)效率和實(shí)現(xiàn)交互功能有積極的意義。

（1）移動(dòng)學(xué)習(xí)客戶端GUI版式設(shè)計(jì)的視覺傳達(dá)要素

①點(diǎn)：在版式設(shè)計(jì)中，任何一個(gè)獨(dú)立存在的文字、圖標(biāo)、圖片、按鈕等都可起到點(diǎn)的作用。

②線：根據(jù)版式設(shè)計(jì)的需要，點(diǎn)的屬性會(huì)轉(zhuǎn)化成直線或者曲線的屬性。

③面：當(dāng)很多點(diǎn)密集在一起成片時(shí)，即成為面。

④留白：在版式設(shè)計(jì)中，留白并不等同于“空白”，它是為了其它元素的存在而起透氣、放松的協(xié)調(diào)作用，避免版面過滿、過實(shí)。

（2）移動(dòng)學(xué)習(xí)客戶端GUI版式

①比例與適度?！半S著知識(shí)爆炸時(shí)代的到來，學(xué)習(xí)者學(xué)會(huì)如何學(xué)習(xí)和學(xué)會(huì)找到有用的資源成為教育的首要目標(biāo)?！盵11]有關(guān)心理學(xué)研究表明，“人的視線在一個(gè)既定的平面內(nèi)分布的注意力不均衡，注意力集中依次分布在版面的左上、左下和右上部?！盵12]如在網(wǎng)易云課堂APP界面中（如圖1所示），將標(biāo)題置于頁面的正上方居中位置顯得醒目大氣；考慮到用戶使用手機(jī)的習(xí)慣和方式，將登錄方式的圖標(biāo)置于頁面底部方便滑動(dòng)——這些有序的且符合學(xué)習(xí)者視覺、心理和生理感受的布局，使學(xué)習(xí)信息的主次關(guān)系一目了然，可減輕學(xué)習(xí)者的瀏覽壓力，有助于提高學(xué)習(xí)效率。

②對(duì)稱與平衡。對(duì)稱與平衡可以看作是對(duì)設(shè)計(jì)內(nèi)容主次、輕重的權(quán)衡。如在網(wǎng)易公開課APP界面中（如圖2所示），對(duì)稱不僅指絕對(duì)對(duì)稱，也可指一定范圍的相對(duì)對(duì)稱；平衡則是符合大部分學(xué)習(xí)者視覺心理需求的一種舒適、穩(wěn)定的設(shè)計(jì)呈現(xiàn)。

③節(jié)奏和韻律。重復(fù)的節(jié)奏給人以一種合乎秩序的、和諧統(tǒng)一的感受；而在這一重復(fù)節(jié)奏中所產(chǎn)生的韻律變化，能夠使學(xué)習(xí)者產(chǎn)生不同的心理感受，打破學(xué)習(xí)中的沉悶感。因此，通過重復(fù)的節(jié)奏及由重復(fù)帶來的韻律變化，可以給人帶來美的享受。

④扁平化。移動(dòng)學(xué)習(xí)客戶端界面的扁平化設(shè)計(jì)強(qiáng)調(diào)去繁為簡(jiǎn)，注重核心信息的突出。如在App Midia-iso界面中（如圖3所示），設(shè)計(jì)者通過色彩和形態(tài)的節(jié)奏韻律變化，結(jié)合扁平化的設(shè)計(jì)風(fēng)格，使界面既簡(jiǎn)潔美觀，又富有變化，值得設(shè)計(jì)者學(xué)習(xí)和借鑒。

2 色彩設(shè)計(jì)

色彩是視覺符號(hào)的靈魂，直接影響事物的表現(xiàn)效果。移動(dòng)學(xué)習(xí)客戶端GUI的色彩設(shè)計(jì)影響著學(xué)習(xí)者的第一印象，它的用色是沉穩(wěn)協(xié)調(diào)還是醒目跳躍等還會(huì)直接影響學(xué)習(xí)者的學(xué)習(xí)興趣。

（1）移動(dòng)學(xué)習(xí)客戶端GUI色彩設(shè)計(jì)的視覺傳達(dá)要素

①背景色：背景色作為主體，在界面中所占的比重較大，構(gòu)成了界面的主要色調(diào)。在設(shè)定主題色時(shí)要根據(jù)學(xué)習(xí)內(nèi)容進(jìn)行合理的選擇；當(dāng)主題色確定之后，還要選擇相搭配的各種輔助色，并注意主次、輕重分明，以起到渲染主題的作用。

②文本色：這里的文本主要指菜單文字、導(dǎo)航文字、說明性文字等用來表達(dá)信息內(nèi)容的文字形式。文本色與背景色要拉開對(duì)比，才能在界面里更容易被識(shí)別。

③圖標(biāo)色：圖標(biāo)是GUI中的重要內(nèi)容，可以具象地表現(xiàn)信息，容易激起學(xué)習(xí)者的關(guān)注。圖標(biāo)色的設(shè)計(jì)與背景色、文本色等元素既要相互呼應(yīng)，又要醒目突出，以發(fā)揮均衡穩(wěn)定的作用。

（2）移動(dòng)學(xué)習(xí)客戶端GUI色彩設(shè)計(jì)路徑

色彩設(shè)計(jì)要遵循一定的配色原則，可以參考24色相色環(huán)?；パa(bǔ)色的對(duì)比度最強(qiáng)，可以通過處理主色與次色的色塊大小、降低色彩的飽和度、添加一組中間色等來緩和強(qiáng)烈的對(duì)比效果。對(duì)比色配色時(shí)，可以插入一些中性色來中和主色與次色的關(guān)系，以產(chǎn)生相對(duì)和諧的效果。鄰近色色彩較為近似，冷暖色組明顯，色調(diào)容易和諧，感情特性穩(wěn)定平和。綜合整個(gè)色環(huán)的色彩關(guān)系，可知漸變的色彩讓人感覺很舒緩、很放松，同時(shí)也讓人感覺豐富并避免沖突。

色彩作為符號(hào)語言，具有象征和聯(lián)想的功能，不同的顏色能夠傳遞不同的情感和氣息。因此在運(yùn)用色彩的時(shí)候，不僅要充分考慮設(shè)計(jì)對(duì)象，還要根據(jù)學(xué)習(xí)內(nèi)容來進(jìn)行恰當(dāng)?shù)纳室?guī)劃。

3 圖標(biāo)設(shè)計(jì)

“圖標(biāo)就是具有指代意義的圖形符號(hào)，這是一種高度濃縮的圖形，能夠快速傳達(dá)信息，且便于記憶?！盵13]格式塔心理學(xué)派指出，當(dāng)大量的視覺信息元素進(jìn)入人們的視野時(shí)，人們會(huì)把形狀、大小、肌理、顏色、方向上近似的視覺元素歸納為一類，進(jìn)而簡(jiǎn)化對(duì)視覺信息的識(shí)別。移動(dòng)學(xué)習(xí)客戶端GUI的圖標(biāo)設(shè)計(jì)是一個(gè)將信息圖形化的過程，需體現(xiàn)情感傳遞和信息訴求的功能，因此既要增加美觀的表現(xiàn)形式，又要保證信息的真實(shí)準(zhǔn)確性。

（1）移動(dòng)學(xué)習(xí)客戶端GUI圖標(biāo)設(shè)計(jì)的視覺傳達(dá)要素

①程序圖標(biāo)：是移動(dòng)學(xué)習(xí)應(yīng)用程序在客戶端主界面的圖標(biāo)，是在主屏幕展現(xiàn)應(yīng)用的方式，是學(xué)習(xí)者對(duì)應(yīng)用程序的第一印象。

②操作工具圖標(biāo)：所指示的內(nèi)容包括移動(dòng)學(xué)習(xí)的交互功能和步驟，如在線閱讀、群聊、論壇、郵件發(fā)布、在線視頻、在線音頻、信息發(fā)布、評(píng)價(jià)等。

③導(dǎo)航圖標(biāo)：是客戶端界面的方位標(biāo)識(shí)，能指引學(xué)習(xí)者進(jìn)入應(yīng)用程序的不同區(qū)域。

④狀態(tài)圖標(biāo)：顯示移動(dòng)學(xué)習(xí)程序中某些特定的狀態(tài)，用于表達(dá)各種應(yīng)用的提醒。

（2）移動(dòng)學(xué)習(xí)客戶端GUI圖標(biāo)設(shè)計(jì)路徑

①表意性。GUI圖標(biāo)設(shè)計(jì)應(yīng)該以一種直觀的方式向?qū)W習(xí)者傳達(dá)信息，使學(xué)習(xí)者不需要任何文字釋義，就能明確感受圖標(biāo)的具體含義，并很好地完成識(shí)別認(rèn)知。

②藝術(shù)性。GUI圖標(biāo)設(shè)計(jì)應(yīng)該具有美的表現(xiàn)形式，為信息的傳達(dá)增添美感，并通過這種美感使信息在繁雜的信息中脫穎而出，達(dá)到吸引學(xué)習(xí)者關(guān)注的效果。如在360手機(jī)桌面主題設(shè)計(jì)大賽一等獎(jiǎng)作品的界面截圖中（如圖4所示），該作品的圖標(biāo)設(shè)計(jì)就契合主題的“禪”意，以清新脫俗、略帶立體感的藝術(shù)形式呈現(xiàn)，錯(cuò)落有致充滿韻律，可使用戶浮躁的心慢慢沉靜下來。

③整體性。圖標(biāo)的設(shè)計(jì)除了代表的含義、功能，還要配合整個(gè)系統(tǒng)的規(guī)范性。在一套完整的圖標(biāo)設(shè)計(jì)系統(tǒng)中，顏色的選區(qū)、顏色的布局、樣式的大小都必須達(dá)到規(guī)范和均衡，將圖標(biāo)的整體風(fēng)格營造為一個(gè)自然和諧的界面環(huán)境。如在2012 OPPO手機(jī)主題設(shè)計(jì)大賽獲獎(jiǎng)作品的界面截圖中（如圖5所示），該作品通過線描圖形的方式來進(jìn)行圖標(biāo)設(shè)計(jì)，配以規(guī)整的網(wǎng)格線背景，使界面呈現(xiàn)出整齊統(tǒng)一的系統(tǒng)化風(fēng)格。

4 文字設(shè)計(jì)

文字的主要功能是通過閱讀來區(qū)分信息的重要程度，是強(qiáng)調(diào)信息要素和信息溝通的有效手段。移動(dòng)學(xué)習(xí)客戶端GUI的文字設(shè)計(jì)應(yīng)當(dāng)注重學(xué)習(xí)者在接受信息時(shí)的情感體驗(yàn)，使學(xué)習(xí)者遠(yuǎn)離由數(shù)據(jù)、文字等組成的單一枯燥的信息，而代之以一種愉快的心情去接受、理解信息。

（1）移動(dòng)學(xué)習(xí)客戶端GUI文字設(shè)計(jì)的視覺傳達(dá)要素

①主題文字：主要指移動(dòng)學(xué)習(xí)客戶端移動(dòng)學(xué)習(xí)應(yīng)用程序的菜單文字。

②內(nèi)容文本文字：指移動(dòng)學(xué)習(xí)程序中各個(gè)操作工具所涵蓋的學(xué)習(xí)內(nèi)容、說明性文字等，篇幅相對(duì)較多，是文字信息的主要呈現(xiàn)區(qū)域。

③特殊文字：顯示/提醒/確認(rèn)畫面、播放/進(jìn)度畫面中還有一些特殊應(yīng)用程序的文字。

（2）移動(dòng)學(xué)習(xí)客戶端GUI文字設(shè)計(jì)路徑

①簡(jiǎn)潔性。由于移動(dòng)學(xué)習(xí)客戶端GUI文字設(shè)計(jì)的最終目的還是為了學(xué)習(xí)，因此，文字設(shè)計(jì)不宜太花哨，應(yīng)以便于閱讀為前提。

②統(tǒng)一性。移動(dòng)學(xué)習(xí)客戶端GUI文字設(shè)計(jì)中最多不能超過三種文字，太多類型的文字出現(xiàn)在同一個(gè)版面會(huì)顯得雜亂無章。如在網(wǎng)易公開課App界面文字設(shè)計(jì)的界面截圖中（如圖6所示），通過變化文字的字號(hào)大小、粗細(xì)、長短，設(shè)置合適的字間距、行間距等，實(shí)現(xiàn)了文字層次明確、界面具有秩序感和統(tǒng)一性的效果。

③審美性。文字作為藝術(shù)符號(hào)，本身具有獨(dú)特的藝術(shù)氣質(zhì)。通過編排、設(shè)計(jì)不同的文字形式，可以實(shí)現(xiàn)文字的藝術(shù)性。如在優(yōu)課優(yōu)信APP標(biāo)題文字設(shè)計(jì)的界面截圖中（如圖7所示），通過將文字筆畫局部圖形化的方式，使文字與背景形態(tài)成呼應(yīng)之勢(shì)，從而產(chǎn)生了一種和諧的動(dòng)態(tài)美感，充滿了活力氣息。

隨著科技的進(jìn)步、信息傳遞方式的多樣化，移動(dòng)學(xué)習(xí)客戶端GUI設(shè)計(jì)將不再是簡(jiǎn)單的陳述排列，而應(yīng)該建立在傳統(tǒng)的審美經(jīng)驗(yàn)基礎(chǔ)之上，力求不斷創(chuàng)新，用藝術(shù)符號(hào)所具有的獨(dú)特象征優(yōu)勢(shì)和情感表達(dá)力去設(shè)計(jì)界面的整體風(fēng)格。

四 結(jié)論

移動(dòng)學(xué)習(xí)客戶端GUI設(shè)計(jì)的價(jià)值在于促進(jìn)學(xué)習(xí)，是功能化與實(shí)用性的結(jié)合。基于藝術(shù)符號(hào)學(xué)的移動(dòng)學(xué)習(xí)客戶端GUI設(shè)計(jì)不僅力求向?qū)W習(xí)者提供一個(gè)交互性強(qiáng)的操作環(huán)境，而且還從用戶的情感、視覺審美等方面進(jìn)行全盤考慮，力圖將優(yōu)質(zhì)的學(xué)習(xí)資源推送給學(xué)習(xí)者。藝術(shù)符號(hào)的情感化、審美化與功能性、實(shí)用性從來就不是對(duì)立的，給理性的設(shè)計(jì)賦予情感的內(nèi)涵表達(dá)和藝術(shù)審美的外延伸展，是設(shè)計(jì)的更高層面。從藝術(shù)符號(hào)學(xué)的視角來研究移動(dòng)學(xué)習(xí)客戶端GUI設(shè)計(jì)，對(duì)于學(xué)習(xí)認(rèn)知和學(xué)習(xí)效果的影響深遠(yuǎn)，也為移動(dòng)學(xué)習(xí)資源的建設(shè)提供了一種新的思路。

[1][11](美)阿蘭·柯林斯,理查德·哈爾弗森著.陳家剛,程佳銘譯.技術(shù)時(shí)代重新思考教育:數(shù)字革命與美國的學(xué)校教育[M].上海:華東師范大學(xué)出版社,2013:7.

[2][10]張舒予.視覺文化研究與教育技術(shù)創(chuàng)新[J].中國電化教育,2006,(4):10-15.

[3](德)馬克斯·本澤,伊麗莎白·瓦爾特著.徐恒醇編譯.廣義符號(hào)學(xué)及其在設(shè)計(jì)中的運(yùn)用[M].北京:中國社會(huì)科學(xué)出版社,1992:36-39.

[4](美)蘇珊·朗格著.劉大基,傅志強(qiáng),周發(fā)祥譯.情感與形式[M].中國社會(huì)科學(xué)出版社,1986:42.

[5]馮鋼.藝術(shù)符號(hào)學(xué)[M].上海:東華大學(xué)出版社:2013.9:31.

[6]王建華,李晶,張瓏.移動(dòng)學(xué)習(xí)理論與實(shí)踐[M].北京:科學(xué)出版社,2009:68.

[7]王妍慧.藝術(shù)與夢(mèng)——蘇珊·朗格符號(hào)美學(xué)的心理學(xué)根源探析[J].中國海洋大學(xué)學(xué)報(bào)(社會(huì)科學(xué)版),2009,(3):80-82.

[8]郭慧麗.蘇珊·朗格藝術(shù)形式美學(xué)思想[D].石家莊:河北師范大學(xué),2007:24-25.

[9]張舒予,朱靜秋.信息技術(shù)支撐下的視覺素養(yǎng)培養(yǎng)(上)[J].電化教育研究,2005,(3):12-16.

[12]馬建華.版式設(shè)計(jì)中的視覺流程[J].包裝工程,2008,(6):191-193.

[13](美)阿歷克斯·伍·懷特著.黃文麗,文學(xué)武譯.平面設(shè)計(jì)原理[M].上海:上海人民美術(shù)出版社,2005:51.

編輯：小米

The Design of M-learning Client GUI on the View of Art Semiotics Theory

SHEN Hui

At present, the design of mobile learning client still stays on the technical design and the platform architecture, so it clearly exposes the lack of humanistic care and artistic beautification. Based on art semiotics theory, this paper discussed the design of mobile learning GUI client from the four aspects of layout, logo, color, text and combined with related cases to explore the corresponding solution strategy, which could provide new thought to the ideal mobile client GUI design.

artsymbol; M-learning; client; GUI design

G40-057

A

1009—8097（2015）11—0100—06

10.3969/j.issn.1009-8097.2015.11.015

本文為江蘇省現(xiàn)代教育技術(shù)研究2014年度重點(diǎn)課題“基于藝術(shù)符號(hào)學(xué)的移動(dòng)學(xué)習(xí)客戶端設(shè)計(jì)研究”（項(xiàng)目編號(hào)：2014-R-29510）的階段性研究成果。

沈暉，實(shí)驗(yàn)師，碩士，研究方向?yàn)橐曈X傳達(dá)設(shè)計(jì)研究，郵箱為sh1982nt@ntu.edu.cn。

2015年5月21日