時間：2023-04-03 09:47:49
導語：在網頁界面設計論文的撰寫旅程中，學習并吸收他人佳作的精髓是一條寶貴的路徑，好期刊匯集了九篇優秀范文，愿這些內容能夠啟發您的創作靈感，引領您探索更多的創作可能。
【關鍵詞】： 網界面；設計；應用；體驗；
近年來，隨著網絡的廣泛普及，網站已然成為人們吸收了解外界的載體，人們通過上網瀏覽網頁便可以做到足不出戶就可以獲得所需要的信息和物品，網購行業也隨之快速的發展起來，這是因為網頁可以承載圖片、色彩、文字等多種元素，能夠提供給瀏覽者足夠的信息，方便了人們的生活。但是網頁設計迅猛發展的同時，也產生了整體水平良莠不齊的問題：1.信息多且雜亂無序，把相關的信息和元素全部羅列出來，不分層次和重點，沒有規范性，有多少內容就擠多少內容，使瀏覽者難以快速找到所需信息；2.喧賓奪主的設計，使用花哨的圖案作為背景，干擾讀者的視線。有些網站為了追求視覺的沖擊力，放一些絢麗的，風格各異的圖片，導致網頁調性不統一，整體性差；3.一味的追求視覺美感而忽略網站的實用性，凸顯不出產品的優勢和特點，缺少與瀏覽者的互動性。視覺效果固然重要，但是一味的追求視覺效果是否真的能夠提高網站瀏覽量和產品銷售量？
我認為網頁界面設計應該符合美觀性和實用性雙重要求。簡約主義下的網頁設計已經不能單純的追求信息承載量，有一些網站把企業簡介、企業榮譽和資質，全都展現在一級頁面的位置，長篇大論的寫公司的優勢獲得的榮譽，希望消費者一下子就能夠了解自己的公司實力，反而將消費者更加關注的各類產品和主要信息模糊放在在一起，看似信息多了豐富了，效果卻恰恰相反，這讓很多消費者很難在網站里快速找到所需的信息，瀏覽者更是不會看長篇的介紹，這不僅沒有讓消費者了解自己，還會引起消費者的反感導致銷量減少。簡約主義下的網頁設計也不能夠單純的追求色彩，絢麗畫面，過多的顏色會擾亂消費者的視線，找不到重點，反而體會不到視覺的美感，從而降低了用戶體驗。
2、簡約主義在網站設計中的應用（結合蘋果官網分析）
簡約主義源于是20世紀西方現代主義，歐洲現代主義建筑大師與設計大師米斯?凡德羅所提出的“少即是多”的理論，換句話說就是把設計簡化，強調它本身內在的東西。這一理論被稱為簡約主義的核心。當今社會，人們工作強度高，節奏快生活壓力大，人們需要一種可以互補的東西來調節神經高壓。簡約主義以簡潔的表現形式來滿足人們對產品那種感性的、本能的和理性的需求，符合了當今人們快節奏、高效率和高審美的要求，越來越多的設計師把眼光放在了簡約主義風格的設計上，網頁設計在簡約主義風格的影響下也發展迅速。以蘋果官網為例，蘋果公司一直追求簡而精的風格――簡約主義風格。自喬布斯iPhone4，蘋果官網界面設計風格越發簡約。蘋果官網新推出的產品――蘋果7為例，風格依舊遵循著簡約風格，整個頁面除了黑色，找不到其它的色彩，網頁上沒有放置很多的文字內容，也沒有很多絢麗的圖片和色彩，通過極致的黑色和幾根流暢的線條充分的展現出蘋果7的簡約奢華和精致，一張滿屏幕的產品大圖不用長篇文字的描述就已經讓人感受到蘋果公司強大的實力，這種簡約風格的形式遠比那些人們從不會去閱讀的長篇大論更有力量！更有說服力！更加吸引瀏覽者的眼球！大大增強了消費者的購買欲望。然而單純的追求簡約主義設計風格，簡約的畫面和幾張高精大圖就是提高網頁瀏覽量和銷售量的關鍵嗎？顯然不是。
3、簡約主義風格下如何與瀏覽者產生互動，提高用戶體驗
簡約的畫面只是網站設計最終顯示出的效果，在網站設計過程中不僅僅只是考慮網站設計的畫面效果，當然畫面效果也很重要，但更重要的是要考慮消費者和瀏覽者在瀏覽網頁的時候能否產生良好互動和用戶體驗。在簡約主義風格下，如何才能與瀏覽者產生互動，提高用戶體驗呢？1.增加細節的設計。細節決定成敗，網頁設計也是如此。2. 建立清晰的視覺信息導向，使瀏覽者在眾多同類產品中能夠快速明確的定位所需要的信息。
簡約主義下的網頁設計不是空洞的，單調的而是讓人感受舒適、放松的設計。簡約主義風格的網頁設計細節處理是非常重要的。如何才能做到網站設計細節豐富，版式簡約，有內涵而不繁瑣，有形式而又實用呢？ 以云米官網為例，云米凈水器網頁設計綜合了視覺、布局、交互綜合設計方法。用扁平化的圖標設計代替了人們看不懂的數據表格，因為產品特點和優勢不僅僅是一句話就能夠讓人信服的，需要用人們能理解的語言展示出來，才更有說服力。用圖片的形式展示產品結構更清晰更加直觀，從視覺上提升了科技感和沖擊性。將實用性與美觀性相結合，畫面更加簡約，細節處理更加豐富，更加吸引瀏覽者的眼球。讓消費者看到這樣的產品就產生一種感覺――買！
良好的可用性和清晰的視覺信息導向引導消費者快捷簡便的定位到所需要的信息，增強用戶的體驗。網頁信息篩選也決定了消費者瀏覽網頁所耗費的時間，云米官網一級頁面展示了品牌故事，超能凈水器，超能濾芯，全屋凈化以及生活周邊。當瀏覽者鼠標放在所需要的類別時，網頁在一級界面自動拉出小的產品框，方便消費者快速找到所需要的產品。二級頁面直接的展示出產品以及產品細節各類信息，高清晰、高品質產品細節圖更加具有吸引力，讓人一下感受到產品的品質。
結論
當下，國內網頁仍存在著很多的問題，在簡約主義風格的帶動下越來越多的設計開始關注并且完善網頁設計的美觀性與實用性的結合，以提高客戶體驗和互動性為目標，用簡明易懂的圖形文字組合代替長篇的數據，把“簡而精”的概念融入到網頁設計中去。
【參考文獻】：
[關鍵詞]網頁布局與人機學；研究意義；研究目標；研究過程；教學實踐
中圖分類號：U46 文獻標識碼：A 文章編號：1009-914X（2016）04-0216-01
我們生活的21世紀已經進入了信息時代，近年來隨著智能手機，平板電腦的不斷發展發展。人機界面的設計和開發已經成為國際上計算機設計領域最為活躍的研究方向。在網站策劃、網站設計和網站運營的過程中，人機交互和用戶體驗是經常被談及與運用的概念。一個網站布局得不合理，首先會表現在功能和頁面設計的契合度上，具體表現就是用戶在網站上找不到需要的信息，或者是我想完成一個操作找不到相應的按鈕。這就是在設計網站時沒有從用戶的角度出發所造成的。為了讓學生運用網站配色與布局知識設計出人性化的網站，更好的與就業崗位對接，在本階段的課題研究中我將“網頁布局與人機學的研究與實踐”作為我研究的課題。學生在設計作品時能夠運用人機學的知識，提高用戶體驗的舒適度。
一、網頁布局與人機學的研究意義
通過本課題的研究，學生能夠運用色彩原理進行網頁顏色的搭配并且能夠運用布局技巧進行網頁的布局設計。同時能從臨摹網頁到自主設計，讓網頁效果設計真正從想法逐漸變成現實。在綜合項目實戰中，貫穿網頁配色與布局的知識，綜合運用人機學的原理，達到對網頁設計制作的整體把握。有助于提高中職學生網頁制作的能力。
二、網頁布局與人機學的研究目標
通過對網頁布局與人機學的研究與實踐，不斷改進網頁布局綜合案例的教學策略，力求找到提高我校學生網頁設計能力的方式方法，提高教育教學質量，有效的把課堂變為真正的工作室。在綜合項目實訓中設計出與就業崗位充分對接的網頁作品，為學生就業打下堅實基礎。
三、網頁布局與人機學的研究過程
（1）準備階段（2013年7月～2013年8月）
專題研究準備階段的主要任務是學習與課題研究有關知識，確定專題研究目標、研究對象、研究方法和研究內容，制定研究實施計劃。
（2）實施階段（2013年9月～2014年6月）
根據市場調研結果明確專業核心能力，制定相應的計劃，編寫技能檢測手冊。
（3）總結階段（2014年7月～2014年9月）
對本課題研究過程及資料進行收集整理，形成課題總結報告，并將專題論文、調查報告和研究個案匯編成集，撰寫個人結題研究報告。
四、教學實踐的成果和結論
在學校課題的研究分類中，我主要承擔的是《網站配色與布局》這本教材中網頁布局與人機學這部分的教學研究。在幾年的網頁制作課程的教學實踐中，不斷嘗試應用多種信息化教學手段，以“學生為主體教師為主導”的教學理念貫穿整個教學過程。體現了“做中學，做中教”的職業教學理念，充分調動了學生學習的主動性和積極性，較好的培養了學生獨立思考，分析與解決問題的能力，取得了很好的教學效果。在教學中旨在網頁布局與人機學的教學實踐中有更為突出的成果，培養中職學生的職業能力，為學生今后成為一名優秀的網頁設計師打下堅實基礎。2013年7月在撫順市信息化教學設計中獲得一等獎；2013年9月遼寧省“創新杯“信息技術說課大賽一等獎；2013年11月獲得國家級”創新杯“信息技術說課大賽一等獎；2013年12月獲得撫順市級優秀課。2015年11月獲得國家級信息技術教學設計大賽二等獎。
1.網頁布局與人機學的相關概念研究
通過對此概念的研究，在教學過程中，我采用實例講解的方式。從iPad看人機學。iPad是當今社會較為流行的電子設備，也可以稱之為街機。同學們對我列舉的實例會非常感興趣，由此學生會非常渴望即將要講解的知識。iPad是著名的蘋果公司出的平板電腦。iPad在人機交互操作上做得非常細致。為什么iPad無論老人小孩都會用，其基本操作甚至很少需要別人的協助和說明書？究竟是孩子容易接受iPad？還是iPad容易讓孩子接受？iPad的設計可謂“童叟無欺”，老人、孩子都可以流暢使用。人機學應該是“傻瓜式”的，去追求一種更“本能”的操作，就像吃飯穿衣一樣簡單。通過以上實例的講解，學生很快理解人機學的概念，并且知道在網站配色與布局這本書中為什么給我們介紹人機學的概念。讓學生充分理解了網頁的易用性和美觀性非常重要，這樣同學們就能很認真的學習人機界面設計的原則及設計方法。在教學中有效的突出了教學重點，突破教學難點。
2.網頁布局綜合案例的設計風格研究
引入案例――網頁布局的風格類型。本案例的主要目的是在不改變網頁內容的前提下，改變網頁的風格類型。這就需要用的布局的知識。在之前的學習中我們已經掌握了各種網頁布局的知識與技巧。不同的網頁有不同布局。這樣綜合起來就形成了不同的網頁風格類型。那我們常見的網頁風格類型有哪些？有什么特點？引入理論學習知識，教學過程很自然的過度。經過理論講解后，進行實戰案例――設計臨摹典型商業型網站。
在教學過程中引入實際案例，教師通過案例講解相關理論知識，再讓學生應用所學理論知識完成實戰案例，使學生能夠 “學以致用”，完成本課的技能目標。這樣不僅增強了講解的直觀性，降低了學生學習的難度，還可以有效的激發學生的學習興趣，充分調動和發揮了學生學習的積極性、主動性、創造性，培養職業核心能力，實現教、學、做一體化。
3.電子商務網站個案研究
網頁設計是一項系統工程，它包含了從用戶調研到最終上線的全過程。我將以一個電子商務網站為例，系統地講解整個網頁的設計過程。
在項目實戰案例――新蛋購物網站主頁制作講解過程中。首先了解技術要點，包括（1）確定網站整體風格。（2）網頁色彩搭配。（3）網頁布局技巧。其次進行案例分析：隨著網絡的普及，網購已經火起來，給同學們闡述 “沒有人上街不代表沒有人逛街”的現象。同學們在這個過程中就會紛紛議論都在哪些網站上買過東西，喜歡瀏覽哪些網站，為什么喜歡去瀏覽那些網站，引出網頁設計的重要性。電子商務網站作為網購的首要利器，是用戶和商家的唯一互動平臺。所以界面設計的好壞，對其銷售額起著重要的影響作用。在授課過程中自然引入案例，要求在設計制作過程中注意體會如何運用網頁配色與布局的知識來設計出人性化的購物網站。使學生能夠自主學習、獨立操作和自我評測。
通過對新蛋購物網站首頁的制作，更加熟練的使用之前學過的技巧。深入了解頁面的合理用色和顏色之間搭配使網頁更有效果；圖片在畫面中的合理擺放；準確劃分頁面結構等。對前面所學的知識融會貫通，學以致用。在設計網站的時候，要分析網站的主題內容，選擇符合主題表現形式的布局，采用搭配合理的色彩表現主題的風格，加上細心的構思和新穎的創意，必然可以設計出優秀的網站。
五、存在的問題和今后的設想
學生到企業學習的機會太少，沒有實際開發項目的經驗。每個企業都有自己的團隊，每個人都有自己指定的設計項目，這就要求都得是有經驗的設計師。而我們的學恰恰就缺少這中間的鍛煉過程，很少會給我們中職學生提供實踐的機會。這使我們中職學生不能夠很好的與企業對接。
要想解決這一問題，我覺得我們任課教師必須走入企業，先接觸一些開發網站的公司，在企業參觀學習。在網頁制作的課堂上，拿一些企業的真正案例讓學生實踐，制作網頁配色和布局的整個流程，這樣同學們才能真正的得到鍛煉。讓學生深刻體會網頁界面布局的人性化設計，真正的將課堂變為企業的創作工作室，使學生能快速適應工作環境，提高中職學生的就業率。
參考文獻
關鍵詞：理知空間；網絡界面；三維虛擬環境：界面設計
中圖分類號：TU-024
文獻標識碼：A
文章編號：1008-0422(2009)05-0109-02
1 背景介紹
自從1991萬維網(www)出現以來，相關技術及其應用一直呈現著革命性的進步。展現出蓬勃生機和無限潛力。但是網絡界面一直相對穩定地保持著以瀏覽器、按鈕、圖形和文字為構件，以視窗為框架的基本形式。界面設計師應該以一種前瞻的態度來審視現有的網絡界面設計，開創設計新思路，從而在界面設計方面為未來新技術的發展提供鋪墊和激勵。
2 文獻綜述
在Webster字典里，“界面”被定義成為：
1)分割兩個物體，空間，或相態的邊界：
2)一些獨立的，又往往不相關的系統相互接觸，相互作用，又相互交流的場所。
可以看出，第一個定義強調了界面的幾何特性，第二個定義強調了界面的功能特性。因此，界面設計應圍繞著不同的但又相互聯系的三個方面――視覺性，功能性，及實用性。其中，實用性本是人―機界面的功能性的一個重要組成部分。
Mullet and Sane(1995)指出，在包括圖形設計，工業設計及室內設計在內的各類視覺設計領域中，許多設計原則都非常適合用于處理圖形用戶界面設計的問題。然而，在現有的以視屏窗口為基礎的圖形用戶界面設計當中，其以二維構型為主體的基本形式極大地限制了室內設計原則的應用。
三維的應用在界面設計中逐漸出現，比如，在Tactile 3D界面中，(http：//tactile3d.corn/)，用戶可以在一個三維環境中方便地進行各類文檔操作。Bowman，et.al(2004)從技術的角度對三維用戶界面做了全面的概述，并對其中的硬件設備及軟件技術，以及三維互動技術的設計原則進行了探討。這些技術方面的進展為網絡界面設計方面的研究提供了難得的機遇和挑戰。
3 理知空間及網絡界面的特性及設計要素
本文的一個基本前提在于把“網絡界面”理解為一個聯接實體及虛擬世界的復雜時空環境。由此，網絡界面的“虛擬性”及“互動性”能夠通過利用三維環境的豐富空間特性從而獲得超越傳統上二維圖形及文字說明(本質上一維)等方式的表現效果。
作為以三維空間為背景的卓越藝術形式，建筑和室內設計與網絡界面中的虛擬環境設計有直接的可比性和通用性。不僅如此，在一個更抽象的層面上，實體與虛擬三維環境的相關性可通過“理知空間”的概念進一步理解并得以強化。
本文引入一個“理知空間”的概念來理解網絡界面環境及其與實體和虛擬環境的相互關系。具體而言，我們把理知空間定義為多重實體環境以及它們的多層次多角度的具體化和抽象化形式的總和。而網絡界面則可理解支持實體及虛擬空間之間相互作用的基礎環境。由此，網絡界面必然地在一定程度上繼承了實體空間，虛擬空間，甚至理知空間的各種空間及功能特征。參考圖1顯示了理知空間，實體空間，虛擬空間及網絡界面之間的邏輯關系。
基于上述理論框架，我們不難提煉出網絡界面的七大基本特性：
1)共生性：多重結構，多種形式可并存于一個網絡界面當中。
2)高維性：如果說虛擬空間可被抽象地理解為一個復雜的數據庫，那么數據的可視性則需要經由網絡界面來實現。數據庫的復雜性直接地導致了界面環境的高維性。
3)動態性：網絡界面時時刻刻通過動態的方式來表述或控制信息的輸入輸出。動態性也可理解為網絡界面的時間維。
4)互動性：界面最關鍵的動態性是通過人一機互動而實現。由此，用戶指令可通過界面傳達，而指令的執行結果也通過界面得以反饋。
5)變換性：網絡界面中的對象不必遵循實體空間中通常的物理規律，從而其幾何特性可通過各類簡單變換而相對靈活地改變。
6)多重尺度：由于網絡界面可包含多重虛擬或實體空間以及它們之間的各種相互作用，人們往往需要有多種方式來進行評估或量化，
7)“病態結構”：在參照傳統經驗的時候。復雜的網絡界面結構往往會呈現出異常特性，以萬維網頁為例，由網絡聯結連接的網頁具有比任何書本格式更為復雜的拓撲結構，因為后者本質上是線性的，換句話說，只是個一維的結構形式。
以上總結的七大特征可引申出以下關于界面設計的四條基本建議：
1)關于界面符號及幾何對象的設計
符號及幾何對象的應用有其審美上和功能上的需要。通過對界面環境的多重性，高維性及互動性的認識，我們能夠自然地理解為什么網絡界面中三維環境能夠較二維環境更為有效地用于表達復雜信息，支持人一機互動，進而模擬實體世界中的切身體驗。
2)關于界面智能設計
網絡界面的智能性決定了人一機系統的功能性。如果沒有智能性，上述符號和幾何對象不過是沒有大腦的軀體，不具有完備的功能性。
3)關于界面性能設計
認識到網絡界面僅僅是連接實體與虛擬空間的場所，設計者必須考慮到隱藏在網絡界面以下的系統本身的性能特征(例如中央處理器的速度，網絡帶寬等)，從而保障上述所提及的智能性具備充分的系統軟硬件支持。
4)關于界面虛擬性設計
盡管三維虛擬環境能夠很大程度上借鑒人們在實體三維環境中的經驗，虛擬環境同時也具有一些與實體三維截然不同的特征。合理利用這些特征可以成為進一步提高網絡界面實用性的重要手段。
三維虛擬環境的引入為實現上述界面特征以及應用上述設計原則提供了廣闊前景。具體而言，三維虛擬環境能夠讓用戶重溫置身于實體世界中的體驗，而這種體驗幫助用戶對新的界面系統更快地建立認同感，更方便地定位和瀏覽，從而對使用本系統更有興趣。其次，三維空間的采用能夠更為有效地組織和表現復雜信息。此外，在三維環境中人一機互動可通過連續光滑的運動而完成，智能性可由此而得以更充分的實現。
本文在理論探討之外也開發了一個包含三維環境在內的界面設計原型，用以校驗文中所提及的各種概念。鑒于目前三維購物網站仍很缺乏，而其間最大障礙是基于網絡資源方面的限制，本文以此為出發點來探索未來三維化網上購物環境設計的一些可能性。
本設計是在文中提出的四條原則的指導下完成，包舍了作者對網絡界面七條特征的理解。一個具體設計目標在于通過合理地結合二維、三維以及文字描述等方式來有效地組織表現信息，并為用戶提供一個方便、愉悅的網上
購物環境。
在本設計中，我們盡量保持主界面的單頁感受。圖2概括了主界面的邏輯結構。首先主界面橫向分割成兩大模塊：左為定位模塊，右為購物模塊。定位模塊又細分為四個區域。其中第四區為三維商場，在整個界面中處于核心地位。另外三個輔助區域提供各項便利手段。其中，區域一支持文字定位方式；區域二根據用戶位置實時提供商場信息；區域三陳列三維商場的平面圖，并支持用戶在商場內各攤位之間隨意跳躍。這些區域之間的協同合作為用戶營造了方便而豐富的購物氛圍。顯然，該商場平面規劃及三維區域中的攤位設計，自然而然地直接用到建筑和室內設計的各項知識和經驗。根據主界面的邏輯結構設計的網絡界面樣板。
為了體現網絡界面變換性的應用，我們設計一個橫向滑動的滑標來控制空間變換，從而達到迅速定位的最佳效果。具體而言，通過移動滑標，用戶可以根據自己的需要來調整商場中各攤位的大小及其相對位置，從而使得商場攤位陳列與用戶的興趣保持一致。這樣既保持了平面圖的整體美觀性，同時又具備了輔助定位的功能。此外，這個商場的平面設計中所包含的自相似性使得該商場具有良好的延展性。而由滑標實現的空間變換則在個體攤位層面上保證了高度的公平性。
關于虛擬性的設計，我們在三維區域中給每個攤位設置了一個轉動環，當鼠標置于環上，整個購物單元順時針旋轉，并依次展現不同的商品。顯然，在現實世購物環境中，這樣的裝置是既不現實又不適用的。
4 結論
盡管計算機屏幕是一個二維平面，網絡界面仍然應當理解為一個具有一些明顯特征的多維環境，而此環境的三維表現賦予界面用戶以“走進”屏幕并享受由第三維數而衍生的豐富信息與功能。換句話來講，三維空間模型在網絡界面設計中的應用，為理解和體現“理知空間”的復雜性提供了一系列強有力的手段，而傳統的設計領域，特別是建筑及室內設計在這個過程中有著不可替代的地位。
參考文獻：
[1]Bowman, D.A., Krui]ff, E., LaViola, J.J., &Poupyrev, I., (2004). 3D User Interfaces:Theory and Practice. Addison-Wesley.
[2] Mullet, K., & Sano, D., 11995). DesigningVisual Interaces. Sun Microsystems, Inc.
[3] Tactile3D file browser: 省略
關鍵詞：高校；信息系統；界面
隨著高校招生規模的擴大，教學管理的復雜度也越來越高，在日常的教學管理工作中產生了數量龐大的教學數據。為了應對這種情況，我國的高校逐漸開始引入基于網絡平臺的教學教務管理系統，以實現教學各個環節的信息化管理。教學管理系統不僅簡化了教學管理的工作流程，也降低了教學管理的工作強度，從一定程度上改變了傳統的教學管理工作模式。信息管理系統的出現使得行政人員、教師、學生都能夠從中受益，信息系統可以幫助相關人員高效地完成日常教學常規工作。在這個過程中，人機操作的界面則扮演了人機交互的橋梁作用，但是信息管理系統的交互界面恰恰又被很多的信息系統所忽視。
1高校教務管理信息系統界面設計現狀
目前，各高校使用的教學管理系統多由專業的軟件公司進行開發，以產品的形式向各客戶院校進行提供，客戶學校根據產品的具體情況進行二次定制以適應本學校的管理模式。這種二次定制能夠在一定程度上使軟件的工作模式與客戶學校相貼合，但這種二次開發卻更多的是停留在模式與流程上對軟件進行修改。在軟件的表現層上卻忽略了軟件界面與本地用戶的貼合度，造成了用戶體驗下降。
1.1界面設計理念陳舊
界面是人機交互的重要交互媒介，伴隨著計算機技術的發展而發展迅速。隨著計算機軟件和硬件技術的發展，界面大致分為了手工交互、命令行交互、圖形交互、綜合交互四個階段。目前，基于聲音、光、手勢等的綜合交互界面已經出現，但是受制于硬件水平，絕大部分的交互界面依然是圖形交互界面。圖形交互界面的設計從交互邏輯上，已經由線性的菜單式的分級界面轉向了扁平化與導向式的邏輯交互。其次，在交互設計風格上，從擬物化的風格逐步向注重信息展現的現代交互風格。以手機交互系統為例，三個主要的交互系統IOS、Android、Windows均向扁平化現代交互風格轉變。這種設計風格的轉變更加注重操作體驗，其采用的導向式的操作邏輯極大地降低了系統的培訓成本，有助于幫助計算機水平參差不齊的操作人員很快地適應系統的操作。目前，高校使用的信息管理系統大多采用了傳統的擬物化、線性操作邏輯的界面。這種操作界面項目繁雜，隨著信息管理系統管理項目的增多，會產生較多的功能分支，表現在其誤操作的上升和用戶體驗的下降。例如，在圖1這種傳統的界面設計中，設計人員對各個功能項目進行了簡單的羅列，各二級功能置于主目錄下方，導致了較多的功能項目，從而不利于對于管理人員的技術培訓，實踐證明對于這種界面的培訓成本非常高昂。
1.2設計風格落后
在設計過程中，色彩、材質、造型等一系列設計元素所呈現出的一種美學感受可以體現出產品的設計風格。設計風格體現在計算機軟件產品上，通常指的是軟件界面的設計元素――色彩搭配、線條設計、圖標排列等元素結合時體現出的一種美學感觀。在計算機軟件系統的設計上，極簡主義已經逐漸占據了設計潮流，色彩運用平淡柔和，線條和圖標都追求抽象化處理。對于高校的信息管理系統來說，其需要處理的信息量較多，容易產生疲勞，對于配色和線條等設計元素更應當采用較為抽象扁平的設計風格。但是，目前的很多信息管理系統采用了原色搭配，色彩對比度較大，雖然有醒目的作用，但是容易產生視覺疲勞，同時在操作時，計算機鼠標點擊的反饋動畫較少，不宜提升操作的效率。
1.3不關注普適設計
高校使用的信息管理系統大多由專業的軟件公司以產品的模式進行售賣，對于用戶的本地化操作卻產生了一定的障礙，其產品未必符合用戶單位的實際情況。許多信息管理系統需要進行二次開發，才能在工作模式上滿足用戶的需求。界面設計上更是如此，對于界面的元素缺乏調整，字號字體與操作模式缺乏客戶選擇項。
1.4不同系統的界面集成度不高
高校的信息管理系統不可能是一個獨立的單一系統，以筆者所在的學校為例，它由教務、學生管理、檔案、論文、實踐、教材征訂等多個子系統組成。各子系統之間的界面各不相同，由不同的廠商進行開發維護。從界面的設計語言來看，設計語言涵蓋了ASP、PHP、ajax等不同的設計語言，其界面設計風格各不相同，操作邏輯也不一樣。對于這種松散的管理系統來說，這種界面風格不統一的系統無疑會對日常的管理工作造成一定的困難。
2高校管理信息系統的設計原則
2.1貫徹以面向用戶為中心的設計理念
UCD（User Centered Design）是指在設計過程中，以用戶體驗為設計決策的中心，強調用戶優先的設計模式。高校信息管理系統面對的用戶通常涵蓋了高校的各個用戶層面，其中包括高校行政管理人員、高校的教師和學生群體。高校信息系統的建設從界面的定制設計上也應當體現出以用戶為本的設計理念。界面的設計不應以管理層的便利度來衡量系統界面的有效性，而是應以用戶的操作體驗度的高低來衡量系統的可靠性和有效性。
2.2貫徹通用設計原則
通用設計，是指一種對于產品的設計和環境的考慮是盡最大可能面向所有的使用者的創造設計活動。通用設計要求設計者充分考慮產品所面對人群的各種情況。高校的信息管理系統需要面對的用戶年齡層次不是一個單一的年齡層次，其包括了青、中、老年人群。這種用戶結構導致用戶群在其生理能力上具有明顯的差異，其視力能力、操作能力、記憶能力各不相同。對于設計者來說，必須考慮到不同人群的操作差異，在設計界面上做出合理的安排，即通過模式選擇、界面定制、色彩提示等手段來彌合這種生理差異。同時，在系統中做出一定的輔助功能來對操作障礙進行輔操作。
2.3注重“再設計”環節對系統進行整合
“RE-DESIGN”是以重新審視已經存在的日常用品為目的的設計，這種設計理念來源于設計師的設計反思環節。這個設計環節要求設計師和用戶對已經存在的產品、系統進行反思，通過對產品進行“再”設計，從而將產品調整到最佳的工作狀態上。再設計不僅僅可以修補設計師在初次設計時所產生錯誤，也可以對產品的設計理念進行修改，通過不斷的修改和調整將產品和界面調整至一個多方用戶群都可以接受的平衡狀態。
3對高校信息管理界面的設計建議
3.1以導向任務式代替傳統的選擇式界面
高校信息管理系統具有項目復雜，流程嚴格的特點，并且大多以工作時間為線索進行排列。以畢業論文系統為例，學生的整個論文流程大致包含了題目擬定一開題環節一中期檢查一初稿審查一二稿審查一終稿審查一學術一答辯與評分等環節。這種以時間排序的檔案管理系統如果在實際中采用羅列式的界面設計，會造成學生材料提交不全，用戶培訓和使用有困難，提交時間不契合等情況。并且，對一些計算機水平不高的用戶，會造成使用障礙。如果換用引導式界面設計，可以嚴格控制工作環節，并且對于用戶的工作安排能夠有一個非常清晰明快的指示。
3.2采用簡潔化的設計界面
高校的信息管理系統往往產生大量信息，在界面設計時并不適合采取具有大量裝飾風格的設計。裝飾擬物的設計風格在視覺上易對信息本身產生關注上的干擾，操作人員往往被細枝末節的裝飾細節所吸引。目前的扁平化、簡潔化在界面設計時應當采用間接明快的設計風格，突出系統的信息展示，消除工作時的視覺疲勞。
3.3界面可定制或采用多模式預定制
由于高校信息管理系統面向的使用者涵蓋了青中老等年齡階層，使用者的計算機操作水平參差不齊，使用者的使用習慣各不相同。在進行界面設計時，需要對界面中呈現的信息元素采取可定制的操作模式，對于字體的顏色、大小等屬性應當給予用戶修改權限，或者對界面采取預定制。設置簡單用戶、管理用戶、專家模式等不同的管理界面，這樣可以滿足不同操作水平用戶的操作需求。
3.4提高系統的適配性
高校信息管理系統應當具有跨平臺的適配性，特別是基于網頁的信息管理平臺更是如此。在系統上線前應當對本學校的計算機平臺進行一定的調研摸底，統計主流的操作系統與瀏覽器系統的型號，對主流使用的操作平臺進行設備適配，防止出現亂碼和不兼容問題的產生。
3.5加強輔助與提示
高校信息管理系統應當注重其提示功能的設計，對于項目輸入項的錯誤進行色彩或聲音的提示。增加系統的輔助功能，對視力不佳的用戶人群應當增加諸如“放大鏡”“語音閱瀆”等方面的功能，充分照顧老教師群體。
3.6注重系統的測試和調整
高校信息系統不是一蹴而就的，在系統上線之前，應當進行一定強度的試運行以測試界面與系統軟硬件的可靠性，以便查找缺陷和修復錯誤。而系統正式使用以后，也應當積極進行調研，聽取用戶、老師、學生、管理人員的操作反饋，對一些設計不合理處進行修改和調整，讓整個信息系統的維護進入一個良性的過程。
【關鍵詞】電子商務 界面要素 色彩情感
瀏覽一個電子商務網頁時，界面的顏色能帶給瀏覽者最直觀的感受，色彩設計和諧與否直接影響觀眾觀看的興趣。不同的色彩搭配可以表達各種各樣的情緒，喚起人們一系列的情緒反應和感染的影響，達到視覺傳達的目的[1]。
人們通過界面中各個要素的色彩，感受到色彩情感所帶來的無窮魅力，感受到設計師通過網站界面所傳達給瀏覽者的情感交流與互動，正是這種“以人為本”的交流與互動，給人們帶來了追求和諧境界、理想生活的新方式[2]。設計師必須對色彩情感進行準確的運用，根據瀏覽者對色彩所產生的情感的喜好與否，來決定網站界面設計時所采用的色彩。在電商網站界面要素設計中，只有通過正確的色彩運用，才能使網站界面表達出正確的色彩情感，網站界面色彩情感才能真正的吸引瀏覽者。
一、 電子商務網站的LOGO
在互聯網領域而言，LOGO是標志、徽標的意思。網站LOGO，是互聯網上各個網站用來與其它網站鏈接的圖形標志[3]。一個網站來說，LOGO即是網站的名片，更是一個追求精美的網站的靈魂所在，是網站形象的重要體現。一個好的LOGO往往會反映網站及制作者的某些信息，特別是對一個商業網站來話，我們可以從中基本了解到這個網站的類型、內容。在一個布滿各種LOGO的鏈接頁面中，這一點會突出的表現出來，通常人們會選擇鮮艷的色彩作為標志用色，有時候為了更突出，LOGO也可以使用與主題色相反的顏色。總之色彩能使人產生聯想，利用色彩的情感，可以更好地表達LOGO的視覺效果，引起人們對本電子商務網站內容的興趣進而影響人們的選擇。對于網站LOGO的設計，我們通常會利用以下幾種情感進行色彩搭配：（一）利用色彩的興奮感。一般來說暖色比較容易引起心理亢奮和積極性，屬于興奮色。其中朱紅色最具興奮作用，其它明度、純度較高的顏色如黃色、橙黃也具有一點的煽動性，傾向于興奮色。明度，純度都偏低的顏色也傾向于冷靜色，冷色比較具有壓抑感，令人消極、冷噤、理性。興奮色在電子商務網站中用得較多。（二）利用色彩的明。明度高、對比強的色彩和純度偏鈍且色性偏暖的色彩會給人明快的感覺；陰郁的色彩則是明度低且昏暗渾濁的色彩。LOGO通常選擇純度適中、明度高、對比強的色彩，會讓觀者感到活潑、愉悅，讓人心情愉快地接受本網站的傳達理念。（三）利用色彩的前進感。等距離地看兩種顏色，經過視覺比較，就會感覺出不同的遠近感。據不完全統計發現，電子商務網站LOGO使用前進色的比例遠大于后退色。比如淘寶網的橙紅色、麥包包網的大紅色都是屬于前進色，有很強的視覺沖擊力。
二、電子商務網站的導航
網站導航是網站的靈魂，導航明晰是網站界面設計的默認規則，在電子商務網站中也不例外。網站導航使網站欄目內容清晰，方便用戶根據不同分類的信息來選擇自身的瀏覽路徑。網站的內容，都必須通過導航或者頁面中的一些小標題。艾瑞咨詢集團 基于用戶調研數據建議，電子商務網站在設計時應該遵循幾個要求，比如盡量使用一級分類，讓用戶更易感知明確的信息，同時降低用戶鼠標操作難度；重視面包屑導航設計，明確告訴用戶當前所處于的位置等[4]。我們可以使用對比強烈的色彩，吸引瀏覽者的視線，讓他們感覺網站清晰，明了，導向準確，可以幫助用戶更快更準的找到所需信息。從色彩情感的角度講，可以簡單的使用色彩的強烈對比完成導航色彩的搭配，特別是明度的強烈對比。比如聚美優品、京東商城、樂蜂網，這三個網站的導航部分，盡管選擇了不同色彩搭配，但是色彩搭配上明度對比都很大。
三、電子商務網站的搜索區域
站內搜索功能是電子商務網站非常重要的功能之一，尤其是較大的網上購物商城。為了網站銷售，必須使游客能夠精確找到他們需求的商品。搜索區域最常見的部位是在在頁面的頂部，或者右側，處于比較明顯的位置，常用四周留白的方式或顏色凸顯的方式加以設計表現。許多搜索引擎和一些電子商務網站都在實行搜索建議。淺灰色成了輸入提示建議的代表性用色，各大網站中都有這種情況。在瀏覽者將部分搜索詞輸入搜索框就給出建議，使他們更明確自己的目標，并不斷修正使用正確的詞或短語，將想要的商品現實出來。
四、電子商務網站的促銷推廣要素
在實物平臺類的電子商務網站中，實物展示板塊，促銷推廣元素到處可見。電子商務網站常推出的不同的促銷策略，比如打折、秒殺、限時搶購、買就送、包郵、團購等。這些要素在界面中都是為了增加噱頭，鼓勵用戶多購買，所以一般這些區域的色彩搭配跳躍性都很強，常選擇色相對比、明度對比很大的色彩，
五、電子商務網站中的圖標、按鈕
引導性的按鈕與圖標[5]，要突出，要具有點擊感。比如在電子商務網站里的 “購買”按鈕，瀏覽者在購買產品界面的時候，紅色的購買按鈕，會讓人有點擊的情感沖動。色彩設計也要盡量考慮用戶心理，通過研究發現紅色的按鈕和圖標更能引起人們的注意，更能吸引視覺停留。
參考文獻：
[1]時少波.論品牌推廣中的色彩作用[J]，包裝&設計， 2008，（06）.
[2]Bill Moggridge. 《Designing Interaction》[M]. 美：Mit Pr ，2008.
[3]鄧有林.淺談網站設計中LOGO的制作[J]保山師專學報，，2005-09-30.
[4]中國獨立電子商務網站研究報告簡版 2009-2010 年. [EB] iResearch Inc. 2010，（3）.
[5]林銳，唐勇，石志強，Web軟件用戶界面設計指南/博文視點[M]，電子工業出版社，2005-5-1.
關鍵詞：精品課程；評審指標；網站設計；自定制
0 引言
精品課程建設是教育部在新世紀為提高教育教學質量而采取的新舉措，優質的課程資源共享將會提高全國課程質量的整體水平。實施精品課程建設對于提高高等學校人才培養質量，改進學校育人環境，激發師生工作學習的積極性和創造性，有著重要的作用。目前各高校都在進行的專業建設，最終也將體現在課程的改革與建設上。課程建設成果的對外表現形式，就目前來講以精品課程網站居多。互聯網上精品課程網站各式各樣，但其內涵都是圍繞著國家精品課程評審指標。為每一門課程都開發一個網站，費時費力，另外，目前很多精品課程網站都是靜態的，網站的改版、更新的難度較大，工作效率低。為解決這一系列的難點，減輕課程負責人的管理難度，結合各個課程的共同點，提供一個可統一的、具備后臺管理的、比較完善的公共平臺對課程管理是非常必要的。它可以大大簡化對課程站點的管理、更新流程，提高管理人員的工作效率，降低管理難度。
1 精品課程網站設計原則
精品課程評審的依據是精品課程申報表、課程整體設計介紹錄像、課程教學錄像和網絡課程教學資源。上述各項均圍繞評審指標進行設計，課程網站的設計也要體現《國家精品課程評審指標》的內涵。
在設計精品課程網站時需要掌握一定的技巧，以下具體進行闡述：
(1)課程主界面設計
課程主界面的欄目設計沒有固定的界面布局，但是有以下幾個原則需要遵循：
①評審的六個一級指標需設計成主頁界面的主要導航區的欄目，并且每個一級評價指標都要出現在導航區中。
②課程特色與創新、教學創新、設計錄像和教學錄像與一級評審指標分開顯示，對應的鏈接標記要醒目，以突出課程建設特色和設計思路。
③課程的二級評審指標應盡可能出現在對應的一級指標的下一級導航區內。
(2)課程設置
課程設置包含課程定位和課程設計兩個二級評審指標。
課程定位主要闡述以下3個問題：
①課程的人才培養目標，重點強調高技能人才的培養；
②專業相關技術領域的職業崗位(群)，及其任職(職業能力)要求；
③闡述與其他課程之間的銜接關系；
課程設計主要闡述以下兩個問題：
①課程重點培養的職業能力，并對每一種職業能力進行細分，最好能分解到技能層次。
②突出基于工作過程的課程設計與開發，解釋該課程設計的三個特性：職業性、實踐性和開放性。
(3)教學內容
教學內容模塊應包括內容選擇、內容組織兩個方面：
①教學內容選擇說明選擇的依據――完成職業崗位的工作任務所需要知識、技能和素質。
②內容的組織過程就是學習性工作任務(學習情境)的設計過程。
(4)教學方法與手段
教學方法與手段包含教學設計、教學方法、教學手段和網絡教學環境等四個二級指標。
①教學模式重在設計和應用各種工作導向的教學模式，如工學交替、任務驅動、項目導向和課堂實習地點一體化等。
②教學方法要靈活運用案例分析、分組討論、角色扮演、啟發引導等教學方法。
③教學手段強調利用運用現代教育技術和虛擬現實技術建立仿真教學環境。
④網絡教學環境體現在兩個方面：硬件環境能夠支撐網絡課程的正常運行；網絡教學資源豐富。
(5)教學隊伍
教學隊伍包括主講教師和教學隊伍結構：
①主講教師要突出名師，強調主講教師的教育研究論文或教學改革項目，還要突出與企業合作的項目等。
②教學隊伍強調“雙師型”的教師比例，以及來自行業企業的兼職教師比例；另外還要強調行業企業兼職教師承擔適當比例的課程教學任務，特別是主要的實踐教學任務。這些比例最好用圖表可視化地顯示出來。
(6)實踐條件
實踐條件包括校內實訓條件和校外實習環境兩個二級評審指標：
①校內實訓條件主要考查是否具有滿足課程生產性實訓或仿真實訓需求的設備和環境。
②校外實習環境主要看布點是否合理，功能是否明確，是否能為課程的實踐教學提供真實的工程環境，使學生了解企業實際、體驗企業文化的需要。
(7)教學效果
教學效果包括兩個二級評審指標：教學評價和社會評價。
①教學評價主要包括校外專家、行業企業專家、校內督導及學生的評價，并且評價的結果為優良。
②社會評價主要指社會認可度，主要體現在能體現應用價值的學生實訓或實習產品，課程對應或相關的職業資格證書或專業技能水平證書獲取率高，相應技能競賽獲獎率高。
2 網站總體設計
本文的主旨是圍繞精品課程評審指標開發自定制的課程網站，自定制體現在網站形式和內容的靈活性，根據課程負責人個人需要自行設置。課程網站分兩大模塊，用于展示的前臺和作為課程管理的后臺。設計思路如圖1所示。
2.1 前臺設計
前臺主要展示精品課程的設計內容，各模塊的功能相似，主要是數據的顯示，顯示的數據來自于后臺通過編輯器編輯的各類文檔和一些特殊的數據，如：ppt、ppt和視頻同步播放、flash等。特殊數據主要來源是管理員通過上傳、編寫、自制的。
(1)首頁組織
首頁分頭、主體、腳三部分，該頁的大多數內容取自數據庫中的“首頁表”。頭部包含logo和導航條。其中logo圖片是用戶通過后臺上傳的；導航條是用戶在后臺定制的一級菜單，其顯示順序也是后臺指定的。
主體部分包含用戶登錄、課程介紹、最新公告、突出顯示的內容(課程特色與創新、教學創新、設計錄像和教學錄像等)、課程動態以及相關資源。
腳部：包含外部相關網站的logo及其網站信息。
②子頁設計
子頁頭部與首頁相同，主體左邊放置二級菜單以及多級菜單來展示站點全部內容，右面根據左邊點擊的菜單顯示相關內容。當用戶點擊導航條一級菜單時，左面顯示相應的二級菜單，右面顯示第一個二級菜單的內容；如果二級菜單下含有三級菜單，則當單擊二級菜單后，二級菜單下會顯示相應的三級菜單，右面顯示第一個三級菜單相關的內容。顯示菜單的內容需經過幾次判斷，流程圖如圖2所示。
由圖2可知，菜單類型不同，處理方式也不同，分別闡述如下：電子課件：從數據庫中選擇課件存放位置，取出ppt并嵌入到頁面中。
課程錄像：從數據庫中選擇錄像存放位置，加載視頻播放插件，播放視頻錄像。
網頁編輯：從數據庫選擇存放的該網頁的代碼，顯示在頁面中。
列表編輯：從數據庫中選擇列表內容羅列在網頁中，如果含有附件查出附件所在位置，鏈接到相應到列表內容。
2.2 后臺設計
后臺根據課程的不同由課程負責人自定制網站內容，包括首頁定制、用戶管理、菜單管理、網頁編輯、列表編輯、電子課件、教學視頻等，以適用為主。界面美觀不做太多要求。
首頁定制主要是設置頭部的Logo、腳部相關鏈接網站的Logo及鏈接網址、網站版權信息、課程介紹、以及突出顯示的幾個選項。
用戶管理模塊設置用戶名、密碼、用戶權限以及用戶的增刪改功能。
菜單管理主要是用來維護數據庫中的“菜單表”，設計菜單的名稱、級別、類型、涉及的表和字段、顯示的頁面等。
網頁編輯是對“網頁編輯”類菜單的內容進行詳細的設計，嵌入網頁編輯器，由課程負責人根據課程特點自行編制，網頁編輯器產生的代碼存入數據庫中。
列表編輯是對“列表”類菜單的內容進行詳細的設計，主要是上傳文件等。
電子課件、教學視頻的上傳工作需單獨處理，需設計單獨的顯示頁面。
2.3 數據庫設計
數據庫的設計主要考慮網頁的自定制功能，主要有七張表，用戶可以根據實際情況進行擴充。七張表格主要存儲內容表述如下：
用戶表：主要存放進行后臺維護的課程負責人的用戶名和密碼。
首頁表：存放首頁相關的圖片位置、版權信息、課程簡介等內容。
菜單表：網站的自定制功能主要體現在菜單表中。菜單可以自定制，網站的內容可以靈活多變。菜單表主要存放菜單類型、與該菜單相關的內容所存放的表和字段等。
網頁編輯器代碼表：存放用戶自定制網頁的代碼表，是通過網頁編輯器轉換的代碼內容。
內容列表：存放用戶列表類菜單對應的列表以及與列表相關的文件存放位置。
電子課件表：存放電子課件的章節和PPT存放位置。
課程錄像表：存放錄像的章節和錄像或flash的存放位置。
3 結束語
該系統是在對《國家精品課程評審指標》進行仔細研究的基礎上，本著節約時間、提高效率的原則而設計的，具有很高的靈活性和可重用性。
關鍵詞 網上銀行 用戶行為 可用性
中圖分類號：F832 文獻標識碼：A
User Behavior Analysis of State-owned Banks' Online Banking
QIN Jingyan, YANG Lin
(University of Science & Technology Beijing, Beijing 100083）
AbstractAs the booming of state-owned banks' online banking, more and more users require good user experience and usability target needs. The research focuses on user-centered design method, user-friendly experience, high efficient, precise direct manipulation and reasonable human-computer interaction. Through Between-subjects test method and in-depth interview, the research takes usability testing online banking tasks and analysis online banking users' behavior and consequently provides online banking usability and interactive interface design guidelines.
Key wordsOnline banking; use behavior; usability
0 前言
對于高速發展的時代，數字化帶來的便捷毋庸置疑。個人網上銀行的存在，為無數的銀行用戶帶來了便捷，節約了交易成本。查詢余額、網上繳費、買賣基金等以往在銀行柜臺才能進行辦理的業務，現在用戶只需點擊網頁，就可以輕松進行。為用戶提供全方位、全天候、便捷、實時的金融服務。
網上銀行是利用互聯網將客戶的電腦終端連接到銀行網站，實現將銀行的金融服務直接送到客戶辦公室、家中和手中的金融服務系統。①隨著10多年的發展，網上銀行的功能逐漸成形，人們在滿足了功能需求后逐漸對網銀的使用要求有所提高。網頁中需進行操作的金融業務部分，用戶往往比瀏覽性網頁要謹慎許多，設計的可用性要求也要提高很多。用戶希望在使用網上銀行時不會因為網頁設計的問題而導致誤操作，造成損失。良好的網銀用戶體驗與用戶行為的分析將是本論文的重點研究對象。本研究通過網銀用戶的可用性測試，找出現在國有商業銀行中網上銀行的相關問題，并分析與其用戶行為相關聯的可用性與用戶體驗問題，從而為以后的網上銀行的交互界面設計及用戶體驗設計提供依據。
1 研究方法
本次測試主要采用受測間法及深度訪談法。首先采用受測者間 (Between- subjects)方式進行，②③針對三個國有商業銀行網站進行任務操作，以四項基本的使用功能為主，計時測量受測者對于操作的流暢性等問題。受測者進行操作時采用非參與式的間接觀察法，測試人員與用戶研究專家通過實驗室中觀察室里的單反玻璃，對受測者進行觀察。最后對受測者進行深度訪談。在訪談過程中通過一對一的方式更加直接并深度了解受測者對于使用過程中的感受，使用行為及結果的動因，任務完成情況背后的以往的用戶相關體驗等問題。
1.1 測試任務
三個銀行網站各邀請8 位未使用過此網站界面的受測者進行。本次測試主要對中國國有商業銀行中的三家網上銀行進行測試：（1）工商銀行個人網上銀行；（2）建設銀行個人網上銀行；（3）中國銀行個人網上銀行。根據可用性測試原則，設計測試任務，篩選受測者，設計測試腳本，構建實驗室測試環境，最終根據招募受測者的具體情況，確定每個銀行的測試任務為：任務一：查詢賬戶余額；任務二：賬戶明細查詢；任務三：同行間轉賬；任務四：跨行轉賬。
1.2 受測者分析
此次研究的受測者年齡為22~26歲，此年齡段的用戶占網銀使用用戶的30%。受測者有使用網上銀行的經驗，但都未使用過被測銀行的網上銀行。在篩選用戶過程中，遵照對比研究的思路，選取熟練用戶與間歇性用戶進行可用性測試與用戶行為的分析。
1.3 受測者使用現況分析
本次測試全部采用使用過網上銀行但未使用過被測銀行網上銀行的受測者，避免長期使用出現的經驗及習慣對于測試任務的影響，盡量減少經驗誤差與練習誤差的影響。
2 測試結果及分析
2.1 任務一：查詢賬戶余額
賬戶查詢是網銀使用中的最基本功能。余額查詢任務中中國銀行的受測者使用時間最短平均為3.5秒，而建設銀行的使用時間最長平均為6.7秒。中國銀行（圖1所示）將賬戶余額直接顯示，無需操作即可看到。工商銀行將賬戶余額查詢的按鈕直接放在賬戶信息的右側，可以讓受測者方便迅速的找到按鈕，快速點擊進行查詢。而建設銀行（圖2所示）則是多個賬戶公用按鈕，將余額查詢按鈕放在賬戶信息表單中的最下方，受測者必須掃過所有賬戶后，點擊選擇需要查詢的賬戶，再進行查詢。使受測者在查詢過程中的點擊步驟增多。且多個受測者在進行測試時，在沒有點擊選中賬戶點擊下方按鈕時無反應。受測者不明確此時為什么此處為什么不能進行點擊，無法進行正常的操作。
在此任務中，可發現受測者對于直接展示信息的頁面使用時間最短。而進行多個點擊操作的頁面，使用時間會逐漸加長。對于信息展示的內容，可直接顯示信息，去除多余操作。若必須要進行操作，操作途徑應明確清晰，減少用戶誤操作。
2.2 任務二：賬戶明細查詢
賬戶明細查詢任務中中國建設銀行的受測者使用時間最長為1分20秒，而工商銀行與中國銀行的使用時間幾乎相同（43秒、49秒）。工商銀行與中國銀行都將明細查詢的按鈕放置在賬戶信息右側，方便用戶的快速查詢。而建設銀行依舊是多個賬戶共用按鈕，將明細查詢按鈕放置在賬戶信息表單的最下方。且由于建設銀行對于有子賬戶的銀行賬戶不可以直接查詢明細（必須選擇一個子賬戶進行查詢），使得很多被測者在沒有選擇子賬戶的情況下不知道為什么按鈕不可以點擊，從而造成了使用時間的增長。通過時間的對比即可發現，將內容相關的操作就近放置，能夠大大減少操作時間。且單個內容對應多個操作（工商銀行、中國銀行）遠比多個內容對應多個操作的方式（建設銀行，圖2所示）更加方便。
2.3 任務三：同行間轉賬
同行間轉賬任務中中國銀行的受測者使用時間最短平均為1分18秒，而建設銀行的使用時間最長平均為1分58秒。由于中國銀行的網站導航（圖3所示）架構淺且窄，受測者很容易就能夠找到測試任務的所在。而工商銀行的一級導航過多使用于出現查找不便的現象。建設銀行的導航（圖4所示）架構層級較為適中，但由于在轉賬中的導航命名較有歧義（“活期轉賬匯款”“定活互轉”），使很多受測者出現了疑慮，更有甚者出現了錯誤操作，進入了錯誤的入口。含糊的命名是受測者只能通過猜測或者嘗試進行操作，往往要進行多次才能找到正確的入口，增加操作時間。
本文為全文原貌 未安裝PDF瀏覽器用戶請先下載安裝 原版全文
2.4 任務四：跨行轉賬
圖5工商銀行跨行轉賬頁面
圖6中國銀行跨行轉賬頁面
跨行轉賬操作由于需要輸入多個信息，所以是幾個任務中使用時間最長的。跨行轉賬任務中工商銀行的受測者使用時間最短平均為2分17秒，而建設銀行的使用時間最長平均為2分45秒。工商銀行（圖5所示）與中國銀行都在表單顯眼的位置提供了收款人賬戶開戶行的查詢，使得用戶縮短了此處表單的輸入時間。然而中國銀行（圖6所示）在表單中要求受測者進行重復輸入收款賬戶號，使得時間較長于工商銀行。建設銀行由于將收款人賬戶開戶行的查詢放置在提示信息中，且提示方式不明顯，使用戶沒有注意到。用戶在繁多的下拉表單中進行查找時，浪費了很多時間。
提供需要的輔助操作，能夠幫助此操作更加迅速的完成。而將輔助操作放置在合適的地點，才能夠讓用戶及時的使用。中國銀行、工商銀行都將它們放置在了正確的地點，使輔助工具最大作用的發揮了作用，且幫助降低了完成操作的難度。而對于不明顯的建設銀行，只能通過最基本的方式進行操作，但對于查找冗長的下拉菜單中的內容，會極大的增長使用時間。
3 總結
通過本次測試的幾個任務進行用戶行為及其動因的深度訪談分析，任務完成的李科特量表分析，我們可以從測試結果得出以下結論。（1）網站導航架構層級不易過多且每層數量均衡。網銀使用者的目的較為明確，過于深的層級會使使用者無法找到所需的功能。而每層數量過多時，使用者會認為導航分類不夠明確，查找不便。（2）導航命名需清晰明確。對于銀行網站命名的準確無疑是非常重要的，錯誤或含糊的命名會使用戶進入錯誤的入口，造成用戶及銀行的損失。（3）按鈕的擺放位置應該更加符合就近原則。讓用戶能夠更加快速地進行相關操作，避免過多的點擊操作。同樣根據視覺思維的原理，編排版式及視覺設計方面的就近布局，將會提高用戶對于信息判斷及信息映射方面的匹配度。（4）提供及時的反饋。④當用戶不知道怎么做或者操作錯誤時，應該及時的給予用戶幫助，減少用戶的誤操作。優良準確并及時的操作反饋對于提高網銀用戶體驗起到非常重要的作用，同時也會間接提高用戶對于網上銀行安全性的心理預期及心理需求。
通過以上結論希望能夠對以后網上銀行界面使用提供幫助。本研究得到北京優迪實驗室的大力協助，同時本研究也是國家自然科學基資助項目（71040014）與教育部人文社會科學研究項目基金資助（09YJC760006）的階段性成果
注釋
①陳軍亮,劉偉杰,劉正捷.網上銀行用戶評價體系研究[J].和諧人機環境,2008.
②李倩,孫林巖,吳疆,張婧,田焱.個人網上銀行的可用性測試與評價[J].工業工程與管理,2008.6.
③孫林巖.人因工程（第二版）[M].北京:中國科學技術出版社,2005.
關鍵詞：英語自主學習；系統開發
中圖分類號：TP311.52
1 本學習平臺采用的開發模式
系統開發模式有兩種體系結構（B/S模式和C/S模式），根據我們學院目前的開發能力和平臺的實用性，本平臺采用了B/S模式。B/S模式（Browser/Server，瀏覽器/服務器模式），這種模式是我們常說的瀏覽器、服務器結構，是在WEB興起后的一種網絡結構模式，WEB瀏覽器是客戶端最主要的應用軟件。這種模式統一了客戶端，將系統功能實現的核心部分集中到服務器上，簡化了系統的開發、維護和使用。客戶機上只要安裝一個瀏覽器，如Internet Explorer，服務器安裝SQL Server2008數據庫。瀏覽器通過Web Server 同數據庫進行數據交互。Web服務器主要負責Web瀏覽器提交的文本請求，而瀏覽器只是閱讀和瀏覽Web的工具，它是通過客戶端/服務器方式與Web服務器交互信息。一般情況下，瀏覽器就是客戶端，它要求服務器把指定信息傳送過來，然后通過瀏覽器把信息顯示在屏幕上。
采用B/S模式具有以下優點，適合本學習平臺：
（1）升級和維護簡單方便。當前，軟件系統的改進和升級越發頻繁，B/S架構的產品明顯體現著更為方便的特性。B/S架構的軟件只管理服務器，所有的客戶端都只需要安裝好相關的瀏覽器即可，不需要任何的維護。
（2）成本低、選擇更多。大家都知道windows在桌面電腦上幾乎一統天下，瀏覽器成為了標準配置，但在服務器操作系統上windows并不是處于絕對的統治地位。
2 英語在線自主學習平臺的功能設計
依據我們學院學生情況的特點和我們生源情況，在進行自主平臺設計時，我們重點考慮兩個方面，一是為了滿足現在的考試與課堂教學，設置的大學英語板塊；一是為了滿足各個專業課程學習而設置的專門用途英語板塊。這兩塊內容均設計有下列功能：
2.1 界面設計課程教學功能
（1）大英全書。學生可以閱讀文本的資料來對教師所講授的相關知識點進行學習。
（2）英語聽力。根據學生不同的基礎有針對性的學習。
（3）詞匯。提供大量有詞匯量，由學生自主有選擇性的學習。
（4）翻譯。針對不同學習層次的學生，有不同的文章對應翻譯，由易到難。
（5）語法。總結了英語學習過程中基礎的語法，讓學生至少達到會寫，會用的水平。
（6）寫作。在線學習寫作，利用在線教你如何撰寫各種外文的函件。
（7）視頻資料。用戶通過在線視頻教學學習相關的知識點，其中也包括音頻教學，用戶通過網絡提供的音頻資料學習最基本的音標。
具體所實現的功能如圖1所示：
圖1
（8）學習英語的策略功能（如圖2所示）。
圖2
（9）不同專業英語的學習功能（如圖3所示）。
圖3
2.2 平臺后臺管理功能設計
（1）登錄界面功能：針對不同的用戶進行管理。
（2）教學內容修改管理：可以對教學的內容進行組織、編輯。
（3）網站維護管理：可以對網站的各類參數進行設置。
（4）數據安全管理：將網站的數據導出，并提供一定的數據恢復功能。
3 在線自主學習平臺主要的核心技術
從整個在線自主學習平臺的開發來看，分為前臺信息的展示和后臺信息的維護兩方面，開發環境采用目前主流的VisualStudio2010旗艦版開發工具，后臺數據庫采用微軟的SQLServer2008進行開發，WEB服務器使用IIS進行。下面介紹在平臺實現中用到一些核心技術。
3.1 DIV+CSS技術
在管理信息系統（ManagerInformationSystem，簡稱MIS）開發中，簡單、實用又不失美觀的界面會給使用者營造好的視覺感受，在整個前臺頁面的設計中采用主流的WEB布局標準DIV+CSS的組合，CSS是CascadingStyleSheets的縮寫，中文含義是層疊樣式表，與傳統的表格（Table）布局相比，可以實現網頁的內容和表現形式相分離，使用div搭建框架，使用CSS定制、改善網頁的顯示效果，CSS是對HTML語言的有效補充，通過使用CSS，能節省許多重復性的格式設定，比如網頁文字的大小、顏色及圖片位置燈，都是網頁顯示信息的樣式，使用DIV+CSS布局方法后整個頁面看起來結構清晰，維護方便。目前最主流的瀏覽器IE6.0及其以上、Firefox、Chrome等對CSS樣式的顯示是完全一致的，隨著技術的發展，各種瀏覽器都會逐步完善對CSS樣式的支持，相信顯示的效果會越來越好。
通俗來說，可以把我們編寫的網頁比喻為一棟樓房，div就是樓房的框架結構，一個一個的磚頭就是一個個的標簽元素，比如文字或者圖片，CSS就是各種水泥和玻璃，把磚瓦合理的跟框架有機地連接在一起，DIV+CSS只是一種布局的方法，類似一種蓋房子的方法。
使用CSS的好處很多，比如可以縮減代碼，提高頁面瀏覽的速度；結構清晰，對搜索引擎更加友好；支持各種瀏覽器，兼容性好。編寫完成后的CSS文件，按照如下方法之一引入到頁面中：
（1）當樣式表需要在很多頁面使用時，外部樣式表就是最好的選擇，外部樣式表可以在任何文本編輯器中進行編輯，以.css擴展名進行保存，在使用外部樣式的情況下，可以通過改變一個文件來改變整個站點的外觀，每個頁面使用標簽鏈接到樣式表，一般我們在文檔的頭部即處引入，使用方法：。
（2）當單個文檔需要特殊的樣式時，就使用內部樣式表，可以使用標簽在頭部定義內部樣式表，使用方法：樣式。
使用DIV+CSS的步驟：
（1）根據設計具體的需求，設計出網頁的各個區域。
（2）創建HTML頁面，使用DIV在頁面中將具體的需求區域設計出來。
（3）通過link語句，引入CSS文件。
（4）編寫具體的CSS文件。
3.2 Frame框架
在HTML元素中，框架（frame）在進行網頁制作中占據著重要的地位，類似于Windows中的資源管理器，當我們點擊左邊的鏈接時，右邊就會顯示相應的網頁，比如我們平時工作中使用的郵箱，當點擊左邊的收件箱時就會在窗口的右邊顯示所有的郵件，非常方便操作。
在使用frame的時候，必須首先使用frameset來定義頁面的行和列，在HTML文檔中，可以有frameset元素或者body元素，但是一定不能同時使用這兩種元素。用法如下：
其中frameset用來組織多個窗口（框架），每個框架顯示獨立的文檔，frameset元素規定在框架集中存在多少行或者多少列。
3.3 介紹
是dot NET Framework的一部分，屬于微軟公司處理服務器端腳本的動態網頁開發技術，運行在IIS之上，首選的開發語言是C#（讀做C sharp）和，同時也支持多種語言的開發，由于其具備很多的優點，比如跨平臺性、簡單易學，得到程序員的青睞和好評。
3.4 Visual Studio開發工具
Visual Studio是微軟公司推出的開發環境，是目前最流行的Windows平臺應用程序開發環境，支持NET Framework4.0，后臺數據庫可以是Microsoft SQL Server，也可以是IBM DB2和Oracle，目前Visual Studio2010有五個版本：專業版、高級版、旗艦版、學習版和測試版，本次開發使用Visual Studio2010旗艦版，開發語言使用經典的C#，是一款靈活高效的全新IDE（Integrated Development Environment，中文名稱：集成開發環境）。
3.5 后臺操作
在后臺設計時，主要考慮的是功能和安全性，在后臺中主要設置三種不同類型的操作者，分別是教師、學生和超級管理員，不同角色登錄后會跳轉到不同的顯示頁面，主要的操作如下：
圖4
（1）在系統中預設一個超級管理員賬號，負責整個在線平臺的后臺維護操作，權限最高，比如：用戶信息維護，當教師或者學生申請注冊時，負責注冊用戶的信息審核，審核通過后，相應的賬號才能正常登錄，如果發現有賬號濫用行為可以鎖定賬號；可以公告；添加課程，修改課程等。
（2）以學生角色登錄平臺后，可以向某一位老師單獨提出問題，也可以向所有人提問，查看高頻提問，查看自己已經提交的問題和回復情況，觀看視頻資料，下載文件等。
（3）以教師角色登錄平臺后，可以查看學生的提問，回復問題，上傳課程資料等。
（4）安全性方面，做到以下幾點：1）當用戶通過表單提交數據，系統通過驗證機制檢查，如果填寫信息是合法的，完成業務邏輯處理后，保存到數據庫之前進行加密處理，將加密后的數據保存到數據庫，當需要驗證時，把用戶輸入的信息加密后再和數據庫中的數據進行比較，如果相等則輸入合法；2）數據庫的連接字符串保存到web.config中，同時對web.config配置文件的appSettings節點進行加密；3）數據庫的用戶名和密碼設置足夠復雜，滿足安全性的要求；4）加強內部人員的安全防范意識的培訓。
4 學習平臺的優化
在本學習平臺中，對于系統中所保存的視頻和音頻等在線資源占了查詢很大的比重，針對大量的查詢，建立索引來提高查詢的效率，所以在這方面盡可能地使用單一的語句即可利用優化的索引維護，提高效率和平臺的性能。
5 結束語
經過一年的開發準備，英語在線自主學習平臺順利開發完成，在開發的過程中，充分體現以學生為主體的設計思想，實現了在任何時間、任意地點，根據自己需要選擇學習任務的目標，同時通過在線答疑、論壇等方式，為老師和學生之間的溝通交流和互動提供了很好的平臺。隨著IPV4向IPV6的逐步過渡，未來的在線教育方式將會擁有更加廣闊的空間，從而給學習者提供更多差異性和個性化的服務。
參考文獻：
[1]郭明珠.基于的網絡學習平臺的設計與實現[D].吉林大學，2009.
[2]百度.B/S結構的優缺點[OL].
[3]彭旖旎.基于.NET的在線學習系統的設計與實現[J].中國水運，2009.
作者簡介：偉（1969-），女，廣西南寧人，工信學院院長，講師，學士學位，研究方向：計算機網絡與并行分布式計算技術；朱家全（1982-），男，廣西欽州人，工信學院教師，工程師，學士學位，研究方向：網絡、軟件開發；韋海清（1983-）女，廣西北流人，工信學院教師，助教，學士學位，研究方向：軟件技術與計算機網絡技術。
重慶第二師范學院是一所教育部批準成立、由重慶市教委主管的公辦普通本科高等院校。學校始建于1954年，有南山、學府大道兩個校區。美術系位于學府大道校區，軌道交通、公交干道匯集于此，航空、水路、公運、鐵路等多種交通出行方式可供選擇。美術系現有教師45人，其中高級職稱25人、碩士及以上學歷學位24人，有重慶市名師1人、市優秀女園丁1人、市優秀教育管理工作者1人;同時，在四川美術學院、美國馬里蘭州大學以及法國、韓國等聘有客座教授。現開設有美術學、美術學(中國畫與數字藝術)、美術學(插畫與三維動畫)、公共藝術、視覺傳達設計、視覺傳達設計(空間藝術)、視覺傳達設計(時尚藝術)、美術學(應用美術)、藝術設計等專業及方向，現有在校學生1472人(其中，先后赴韓國交換學習學生22人，赴中國臺灣交換學習學生4人)。
美術系專業教育教學設施設備充裕，師資力量雄厚。有專業教學場地面積15400平方米、實驗實訓室近2000平方米;有專業圖書、畫冊、期刊、光盤和軟件共計4000余冊(件);有校外實訓、實習、就業基地30余個;現有市(校)級教學團隊共5個、精品課程共6門，承擔了教改項目共25項，獲教學成果獎共11項;有學術研究、科研創新團隊共2個，承擔了市(校)級科研項目共近50項;教師的作品和論文參加市級以上展覽和公開發表近700幅(篇)，獲省(部)級及以上獎勵近100項，教學論文等獲得省(部)級以上獎勵20余項;教師申請國家專利10余項，主編(著)教材、作品專著60本(部)，其中《高等院校藝術設計專業叢書》被全國20余所高校選用，共出版10萬余冊。
美術系學生作品在眾多省(部)級及以上專業競賽活動中屢獲佳績。學生參加教育部“全國大學生藝術作品展演”、“優秀畢業設計作品展”、“全國大學生廣告藝術節”、“中國環境藝術設計學年獎”、“中國美協‘未來之星’大獎賽”、“重慶•長江杯國際工業設計大賽”、“重慶•中國西部工業設計明日之星作品大賽”等賽事，獲獎共近60項、省(部)級獎200余項;同時，美術系每年都要舉辦“學生作品年度展”、“畢業作品展”、“學生社團作品展”等專業賽事，并組織學生參加重慶市高校服裝專業優秀畢業作品聯合展演活動，中央二臺、人民網、中國教育網、搜狐網、新浪網、鳳凰網、重慶電視臺、《重慶日報》等幾十家主流媒體先后進行了報道。
美術系學生工作以“抓常規、濃學風、重規范、強素質、促就業、創品牌”為主線開展工作。一方面，積極圍繞專業教學，著力培養學生專業思想和藝術素養，提升學生專業水平，夯實學生就業核心競爭力;另一方面，正確引導學生爭做有孝道、有理想、有理論、有理念、有理智的美術學子，促進學生情商培養和提升，拓展學生綜合素質，打造學生就業綜合競爭力。相當部分畢業生已成為廣告公司、室內裝飾公司的設計總監、項目經理和業務骨干，有的成為了基礎教育行業專家并多次在全國和市級美術教學競賽中獲獎。近幾年來，先后有數十名學生考取中國美術學院、四川美術學院、重慶大學、西南大學等高校的碩士研究生。
二、2016年擬招生專業介紹
公共藝術 [本科 非師范]
培養目標：本專業主要培養德、智、體、美全面發展，具備藝術設計基本理論和基本知識，掌握公共藝術設計的基本方法和實踐技能，能對室內外空間進行裝飾藝術設計的高素質應用型人才。
主干課程：造型基礎、設計色彩、構成基礎、建筑基礎、數碼圖形處理(3dsmax、cad、photoshop)建筑制圖與測繪、手繪效果圖技法表現、工程概預算、工程材料與工藝、公共空間藝術設計、公共設施設計、餐飲空間設計、陳設設計、展示空間設計、住宅空間設計、公共景觀設計、辦公空間設計、裝飾雕塑、3d場景漫游、設計概論等。
就業崗位：畢業生可到建筑和規劃部門、各類設計院所、專業設計機構等從事公共空間、商業空間、住宅空間以及園林景觀等設計工作，也能從事相關領域的施工管理工作。
美術學[本科 非師范]
培養目標：本專業主要培養德、智、體、美全面發展，具備美術學專業的基本理論和基本知識，掌握藝術創作和美術教育的高素質應用型人才。
主干課程：中國美術史、外國美術史、藝術概論、透視與解剖學、素描人物、色彩人物、色彩風景、雕塑、傳統油畫語言、油畫風景、素描人體、油畫人體、具象寫實繪畫語言、表現主義繪畫語言、超現實主義繪畫語言、照相寫實繪畫語言、綜合材料、綜合創意、當代藝術思潮、工筆花鳥、工筆人物、寫意花鳥、寫意山水、中國古代造型藝術考察等。選修教師教育方向課程：中小學美術教學論、課堂教學技能、美術教師公招應試技巧等。
就業崗位：畢業生能夠從事美術創作、美術教育、美術編輯、藝術機構管理，以及美術宣傳和區域文化創意產業的開發等工作。
視覺傳達設計[本科 非師范]
培養目標：本專業主要培養德、智、體、美全面發展，具備視覺傳達設計專業的基本理論和基本知識，掌握視覺傳達設計的基本方法和實踐技能的高素質應用型人才。
主干課程：造型基礎、設計色彩、設計構成、電腦輔助設計、圖形創意、版式設計、商業攝影、插畫設計、網頁與界面設計、標志設計、VI設計、包裝設計、平面廣告設計、影視動態廣告設計、型錄設計、書籍設計、文化海報設計、設計概論、世界平面設計史等。
就業崗位：畢業生能夠從事廣告策劃與設計、印刷品設計、包裝設計、企業形象設計、商場商品陳列設計、網頁及新媒體設計、商業攝影及設計管理等工作。
視覺傳達設計(時尚藝術)[本科 非師范]
培養目標：本專業主要培養德、智、體、美全面發展，具備視覺傳達設計(時尚藝術設計方向)的基本理論和基本知識，掌握服裝與服飾設計的基本方法和實踐技能的高素質應用型人才。
主干課程：造型基礎、設計色彩、設計構成、計算機輔助設計、服裝工藝、服裝效果圖表現技法、服裝設計思維訓練、成衣設計、立體裁剪、服裝材料與面料再造、創意服裝設計、時尚攝影、針織裝設計、化妝造型、服裝展示設計、平面紙樣結構、服飾配件設計與制作、服裝設計概論等。
就業崗位：畢業生具備設計造型能力、市場分析能力、組織與協調能力，能夠適應服裝服飾藝術設計行業發展的需要，從事服裝、服飾品的設計、制作和營銷等工作，也能在相關時尚設計領域從事設計、制作與管理等工作。
三、2016年錄取規則
1.考生體檢必須符合教育部、衛生部、中國殘疾人聯合會制定的《普通高等學校招生體檢工作指導意見》的規定。
2.重慶市考生認可重慶市統考成績，其它省(自治區)考生認可我校組織的美術專業校考成績。
3.按綜合成績(綜合成績=文化成績÷文化成績總分×30+專業成績÷專業成績總分×70)排序，德智體美全面衡量，擇優錄取。
四、2016年招生計劃(暫定)
專業名稱
重慶
三校生
美術本科（非師范）招生計劃
備注
重慶
江西
山東
陜西
山西
福建
廣西
美術學
37
8-10
大一下期末可申請轉專業；重慶三校生限招服裝設計與工藝類專業。
視覺傳達設計
80
10-15
15-20
7-10
15-20
8-10
公共藝術
81
10-15
15-20
15-20
7-10
7-10
視覺傳達設計
（時尚藝術）
10
27
8-10