導(dǎo)語：如何才能寫好一篇界面設(shè)計，這就需要搜集整理更多的資料和文獻(xiàn)，歡迎閱讀由公務(wù)員之家整理的十篇范文，供你借鑒。

篇1

關(guān)鍵詞：多媒體界面設(shè)計

界面是計算機系統(tǒng)中跟人打交道的部分，是用戶與計算機系統(tǒng)的接口，與人和計算機的關(guān)系密切。在多媒體課件中，用戶界面的設(shè)計是一門藝術(shù)，它綜合了多個學(xué)科的內(nèi)容。據(jù)統(tǒng)計，在人類通過感覺器官收集到的各種信息當(dāng)中，視覺約占65％。因此，在多媒體課件設(shè)計過程中，充分考慮人的視覺特性是十分重要的，靈活的人機界面對于調(diào)動和激發(fā)學(xué)習(xí)者的興趣，提高學(xué)習(xí)積極性，具有重要作用。為此，我們應(yīng)從以下幾個方面考慮來精心設(shè)計操作界面。

一、操作簡便

多媒體課件是面向用戶的，在設(shè)計時要考慮到用戶的特點、能力、知識水平，應(yīng)把立足點著重放在那些非計算機操作者，不應(yīng)對用戶有額外的知識、技能要求。因此必須做到：

1.安裝使用力求方便。課件的安裝、啟動過程應(yīng)力求簡單，一般通過鼠標(biāo)和鍵盤的幾個簡單操作動作即可完成。開始運行時，應(yīng)對課件的結(jié)構(gòu)、內(nèi)容、主要操作方法、功能鍵等進(jìn)行簡短的介紹。在整個課件運行過程中，對命令鍵、功能鍵的命名應(yīng)始終如一，所有功能鍵只能賦予一項功能，并盡可能在屏幕上顯示功能鍵和提示信息。

2.菜單力求簡明合理。設(shè)計時，根據(jù)教學(xué)內(nèi)容的需要，把教學(xué)內(nèi)容劃分成若干層次，利用菜單技術(shù)來實現(xiàn)多層結(jié)構(gòu)，各級菜單應(yīng)逐層深入，直至覆蓋全部教學(xué)內(nèi)容。菜單的分級最好不要超過三級，每級菜單都應(yīng)設(shè)置返回按鈕，以便學(xué)習(xí)者不想往下學(xué)習(xí)時，可隨時返回上級菜單。菜單的表達(dá)方式有文字式、圖形式、表格式、圖文混合式等多種形式。文字菜單比較簡單，可設(shè)計成下拉的方式，逐級選擇子菜單；圖形菜單新穎直觀，根據(jù)教學(xué)內(nèi)容，設(shè)計成形象的圖標(biāo)，用鼠標(biāo)一點就可選中，使用非常方便。實際制作中，用得最多的是圖文混合式菜單，它具有文字菜單和圖形菜單的優(yōu)點。在設(shè)計時要注意菜單的標(biāo)題應(yīng)簡單明了，文字表達(dá)要言簡意明，能表達(dá)所要選擇的教學(xué)內(nèi)容。

3.提供在線幫助信息。為了用戶使用，課件中應(yīng)設(shè)置必要的幫助信息，如系統(tǒng)幫助、功能幫助、警告幫助等操作信息。這些幫助可以是綜述性的信息，也可以是與所在位置的上下文相關(guān)的針對性信息。幫助信息可以起文檔手冊的作用，但內(nèi)容應(yīng)精煉，應(yīng)以簡略文字、圖形說明等形式指導(dǎo)學(xué)習(xí)者完成某種功能的操作。

二、內(nèi)容簡潔

課件的操作界面避免繁瑣，內(nèi)容應(yīng)力求準(zhǔn)確、簡潔明了。

1.準(zhǔn)確、簡潔。準(zhǔn)確就是要求表達(dá)的意思明確，不要使用意義含混、模棱兩可的詞匯或句子；簡潔就是盡可能用較少的文字或簡單的圖表來表達(dá)所需的信息。

2.突出重要信息?？梢栽陲@示中使用黑體字、加下劃線、增大字的寬度、閃爍、反白和彩色來強調(diào)某些重要的、期望引起學(xué)習(xí)者注意的信息。在描述局部細(xì)微變化時，應(yīng)采用加圈放大或特寫的方式等。

三、布局合理

屏幕顯示和布局應(yīng)清楚合理。其基本要求是要在屏幕平面上設(shè)計好高、寬、深度的空間關(guān)系，使布局結(jié)構(gòu)新穎、主體突出、具有藝術(shù)感染力，使教學(xué)內(nèi)容生動形象地展示在學(xué)習(xí)者面前。

1.恰當(dāng)布置，主體突出。顯示內(nèi)容應(yīng)恰當(dāng)，不應(yīng)過多，切換不易過快，屏幕不應(yīng)過分擁擠，四周應(yīng)留出一定的余地。一般正文每屏不應(yīng)超過15行，每行不超過30個漢字，如顯示不下可采用滾動技術(shù)。字體應(yīng)選用筆畫豐滿的字體，大小標(biāo)題可用不同字體、字號，以區(qū)分層次和段落。文字的色彩也應(yīng)有一定的對比，從而突出主題。

2.重點集中，視點明確。由于屏幕尺寸較小，要求重點集中，視點明確。在同一畫面上，不應(yīng)出現(xiàn)兩個以上的興趣中心，以免分散注意力。

3.合理預(yù)留空行、空格。必要的空行及空格會使結(jié)構(gòu)合理，條理清晰，閱讀、查找方便；相反，過分密密麻麻的顯示會損害學(xué)習(xí)者的視覺，也不利于學(xué)習(xí)者把注意力集中到有用的信息上。

4.美觀大方，層次清晰。界面設(shè)計要美觀大方，不落俗套，但也不易過分“花哨”。界面的“花哨”雖然能從心理上加深刺激學(xué)習(xí)者的感知，但卻顯得主次不分，并容易使學(xué)習(xí)者分散注意力，甚至有的媒體成為毫無意義的累贅，而起不到應(yīng)有的效果。如果必須把多種媒體引入，最好能讓操作者控制依次展示，給人以清晰、有序的感覺。

四、前后一致

前后一致是人機界面領(lǐng)域的普遍原則，它是將相同類型的信息使用一致的相似方式顯示，包括顯示風(fēng)格、布局、位置、所使用的顏色等的一致性，以及相似的人機操作方式。一致性的交互界面，可幫助學(xué)習(xí)者把他們當(dāng)前的知識、經(jīng)驗推廣到新課件中去，從而減輕學(xué)習(xí)者重新學(xué)習(xí)、記憶的負(fù)擔(dān)。

五、色彩搭配協(xié)調(diào)

界面的色彩美與教學(xué)內(nèi)容密切相關(guān)。色調(diào)要鮮明，要為塑造的形象、創(chuàng)造的意境和表現(xiàn)的主題服務(wù)。不同的主題，不同的內(nèi)容，應(yīng)用不同的色調(diào)來表現(xiàn)。根據(jù)教學(xué)的意境，有的需要明快，有的需要低沉。色彩美是界面藝術(shù)美的重要組成部分，它可使學(xué)習(xí)者在學(xué)習(xí)過程中得到美的感受，在美的陶冶中增加情趣，得到更好的感知和理解。但色彩如果使用不合理，就會對人產(chǎn)生視覺疲勞等方面的心理影響，過分渲染則分散人的注意力。因此，色彩的使用也必須遵循一定的原則。

1.正確配置顯示的前景、背景色彩。前景與背景在色彩上要有鮮明的區(qū)別，形成明暗的對比。一般以單色或特定的簡單圖形做背景，但對比不能過于強烈，否則刺激太大，使人產(chǎn)生疲勞。文字一般在深色或中度色調(diào)背景上用白字或黃字；在淺色的背景上用深色字。再例如動畫設(shè)計，一般選擇深色作為底色，動靜部分使用對比強烈的色彩，以區(qū)分不同的功能。

篇2

關(guān)鍵詞：兒童；app；界面設(shè)計

隨著80后已漸漸地為人父母，家長們送給孩子的禮物，也已經(jīng)不再局限于玩具、新衣服。ipad等智能終端產(chǎn)品已經(jīng)成為越來越多的家長的選擇。《2010年兒童網(wǎng)民規(guī)模及上網(wǎng)行為調(diào)查報告》顯示，有51.2%的5歲～15歲兒童使用互聯(lián)網(wǎng)，其中67.7%的兒童認(rèn)為互聯(lián)網(wǎng)是其最喜愛的媒體形式。同期調(diào)研顯示，目前中國5歲～15歲兒童網(wǎng)民數(shù)量達(dá)到8958.2萬人，兒童互聯(lián)網(wǎng)滲透率達(dá)到51%。

1兒童心理探究

根據(jù)Goswami和Brayant從1967年開始做了一個關(guān)于0～10歲兒童認(rèn)知發(fā)展的研究，我們可以得知：在兒童的學(xué)習(xí)過程中，即使是嬰兒，他們也都擁有了幾乎所有的學(xué)習(xí)方法。這種學(xué)習(xí)包括學(xué)習(xí)聲音之間的關(guān)系，和典型常見物品的視覺特征。在該研究中他們指出，孩子思考和推理的方式跟成年人大致相同，但是他們?nèi)狈?jīng)驗。他們需要經(jīng)驗來幫助他們發(fā)展自我反思和自我監(jiān)管能力。在知識的獲取方面，孩子對知識的學(xué)習(xí)可以通過積累認(rèn)知策略，自我反省和抑制性控制來提高。兒童通過構(gòu)建因果關(guān)系的框架來使他們的經(jīng)驗在生物、物理和心理領(lǐng)域有意義。兒童通過經(jīng)驗、語言和假裝玩耍來獲取他們的知識，另外教學(xué)對于兒童的因果解釋系統(tǒng)的發(fā)展是最重要的。

在兒童認(rèn)知能力的發(fā)展階段，經(jīng)驗的增加對于學(xué)習(xí)和知識的建立起到了關(guān)鍵的作用。另外，假裝玩耍和想象也是兒童認(rèn)知發(fā)展的重要的因素。它可以幫助孩子們反思和調(diào)節(jié)自己的認(rèn)知行為，并有一個更深入的理解。

2不同年齡段兒童特點分析

對于兒童這一特殊群體，我們往往指的是3～12歲這一年齡區(qū)段。雖然統(tǒng)稱為兒童，但是由于身體發(fā)育狀況，受教育的程度，接觸網(wǎng)絡(luò)的時間等因素的不同。所以有必要對兒童這一群體進(jìn)行細(xì)化研究，大致上可以把3～12歲的兒童分為三個年齡區(qū)段。

3～5歲，這一年齡段的兒童的自我判斷能力還不強，往往不會使用搜索，并且看不懂文字，所以對于這一年齡段的兒童在設(shè)計的時候要避免出現(xiàn)文字，用圖形來說明。另外由于年齡太小，他們往往不太計較游戲中的勝負(fù)，不太關(guān)心游戲的結(jié)果，而更關(guān)心玩的時候的互動體驗。

6～8歲，這一年齡段的兒童漸漸的學(xué)習(xí)了一點文字，所以在應(yīng)用設(shè)計中可以考慮使用簡單的文字，但主要是用在功能按鍵上，并且要通俗易懂。較3～5歲的兒童，由于年齡的增長，他們漸漸的有了求勝心，需要在游戲中取勝。另外這一年齡段的兒童已經(jīng)可以較為熟練地使用網(wǎng)絡(luò)了。

9～12歲，這一年齡段的兒童在小學(xué)已經(jīng)處于中高年級了，有的已經(jīng)是初中生了，已經(jīng)具備了較多的漢字儲備，并且思維邏輯逐漸成熟，所以可以使用較多的漢字，對于網(wǎng)絡(luò)熟悉程度跟成年人相同，并且對于搜索有了較強的依賴。

3兒童應(yīng)用界面設(shè)計實踐

很多兒童類app的設(shè)計目的是為了讓兒童學(xué)習(xí)更多的文化知識。這一設(shè)計目的雖然沒有錯，但是要知道讓兒童用ipad來學(xué)習(xí)這一可能性幾乎為零。我們要做的就是要把學(xué)習(xí)的過程與娛樂結(jié)合到一起，寓教于樂才能獲得兒童的喜愛。因為大多數(shù)兒童上網(wǎng)的主要目的是玩。

（1）色彩。由于兒童視覺正處于發(fā)育期，對于亮色的事物會比較敏感。在設(shè)計的時候，要以亮色為主，尤其是可點擊部分。一個界面要以兩種左右色調(diào)為主，手繪風(fēng)格可以包含較多的色彩。并且以暖色調(diào)為主，視風(fēng)格特點使用中間色調(diào)。

（2）字體。兒童多比較喜歡活潑可愛的東西，所以兒童應(yīng)用的字體多采用手寫體，與場景融合，并多用在標(biāo)題和功能按鍵上。簡體字體多用在旁白說明，起次要作用，一般用黑色和白色，并會有透明處理。

（3）界面風(fēng)格。界面風(fēng)格一方面是由產(chǎn)品的特性決定，另一方面更主要的是延續(xù)了開發(fā)公司所開發(fā)的產(chǎn)品的整體風(fēng)格。每一個公司所開發(fā)的產(chǎn)品的風(fēng)格往往是統(tǒng)一的。其中多采用手繪風(fēng)格，讓人感覺親切自然，水彩、蠟筆效果使用較為頻繁。還有矢量風(fēng)格，因為這種風(fēng)格的色彩往往比較純，形象比較抽象，所以這種風(fēng)格多用在年齡較低的兒童應(yīng)用里面。

（4）層級架構(gòu)。兒童應(yīng)用的架構(gòu)多比較淺，以2～3個層級為主，外加少許的彈出框，這是因為年齡越小，對事物的耐心會越少，所以層級要越來越少。設(shè)置功能往往會融入到首頁的場景中，來減少層級，比如語言設(shè)置，伴奏設(shè)置等，再加上動效和音效，降低操作所帶來的不適感。

（5）導(dǎo)航。不同的頁面導(dǎo)航有不同的特點。首頁往往會采用場景式導(dǎo)航，導(dǎo)航按鈕融合到場景中，使界面更加自然。動畫片類應(yīng)用的首頁多用左側(cè)線形導(dǎo)航，更注重使用效率。內(nèi)容頁往往使用四角導(dǎo)航，尤其是讀物類應(yīng)用。功能按鍵分布在四個角落，通常會伴有透明效果來弱化視覺，不易引起誤操作。隱藏式導(dǎo)航多用于游戲類應(yīng)用的內(nèi)容頁界面，把很多的功能按鍵隱藏起來，這樣界面就會只剩下一個按鍵，能讓用戶更加專注于界面內(nèi)容。

（6）布局。頁面的布局往往會根據(jù)界面的場景風(fēng)格來安排，主要的功能往往會放大居中放置。比如說開始游戲。其他功能按鍵多會根據(jù)場景的需要分布在界面上。對于重要程度相同的功能，往往會采用列表布局。

（7）音效。音效在兒童類應(yīng)用中很重要，每一個操作都要伴隨著音效，而且往往會有背景音樂，并可以很方便的關(guān)閉。其中動物的叫聲應(yīng)用較多，人的聲音多聽起來柔和、緩慢。對于針對學(xué)齡前兒童的應(yīng)用，多使用聲音和任務(wù)旁白來營造身臨其境的感覺。

（8）加載反饋。等待對于兒童是致命的，對于內(nèi)容加載這種必須等待的事情。加載反饋往往會是小的動畫，并且詼諧生動，引人注目，弱化等待感。

（9）手勢。小朋友的絕大多數(shù)的手勢操作都為點擊，而且往往是漫無目的的“屏幕掃雷”式的點擊。此外會外加少許的滑動，其他更復(fù)雜的手勢是不會被兒童所接受的。尤其是學(xué)齡前兒童，對自己的操作沒有心理預(yù)期，所以更喜歡亂點嘗試。

（10）點選反饋。對于一個小小的點擊，必須要有反饋。這往往包含亮度、動效和音效的變化，并且具有持續(xù)性、情節(jié)性，不要過于簡單。過于簡單的反饋對小朋友來說是觀察不到的。

（11）互動性?；顒拥慕缑娓芪『⒆拥淖⒁?，所以應(yīng)用要保持與用戶很好的互動性。對于用戶的點擊都要做出反饋，即使是點擊空白區(qū)域。這些反饋包括音效、動畫，以及震動等反饋。由于小朋友抓住東西就喜歡亂晃，所以當(dāng)小朋友晃動設(shè)備的時候，界面也要有相應(yīng)的反應(yīng)。

（12）啟動界面。大多數(shù)兒童類應(yīng)用啟動界面都比較漂亮眨眼，有一定的趣味性、故事性，但由于兒童更缺乏耐心，所以最關(guān)鍵的是啟動界面要快，迅速的開始程序。

（13）圖標(biāo)。兒童類應(yīng)用的圖標(biāo)往往較大，相鄰較疏松，這是因為孩子的點擊往往不夠準(zhǔn)確，往往會點到附近的目標(biāo)，所以要大要疏松一些。另外圖標(biāo)多為圖案，與場景融合，配合適當(dāng)?shù)奈淖?。一個界面最多有3～4個圖標(biāo)為宜，過多的圖標(biāo)會讓小朋友不知所措。

（14）益智。把益智內(nèi)容穿插在娛樂過程中，是目前比較認(rèn)同的一種方式，但是這種內(nèi)容不宜過多。比如鐵皮人系列應(yīng)用，在講故事的過程中增加一些小的學(xué)習(xí)點，在應(yīng)用最后會有一些更具應(yīng)用內(nèi)容來出一些益智類題目，這都取得了很好的效果。

篇3

[關(guān)鍵詞] 工業(yè)軟件 界面設(shè)計 設(shè)計原則

[DOI] 10.3969/j.issn.1002-6916.2011.01.034

1、引言

隨著現(xiàn)今計算機硬件的高速發(fā)展，過去的軟件程序已不再能適應(yīng)當(dāng)今用戶的要求。軟件產(chǎn)品在激烈的市場競爭中，僅僅只依靠其強大的功能遠(yuǎn)遠(yuǎn)不夠，而且人們也逐漸將目光放在軟件的人性化和美學(xué)化特征上，看重軟件的交互性和藝術(shù)性。由此使得在軟件的設(shè)計過程中，越來越多的軟件設(shè)計師開始關(guān)注用戶的心理特征、需求特征、操作特征和審美特征，并根據(jù)用戶的這些特征來進(jìn)行軟件設(shè)計。軟件的界面設(shè)計，已經(jīng)成為了現(xiàn)今軟件設(shè)計的重要環(huán)節(jié)。

2、 工業(yè)軟件及其特點

2.1 工業(yè)軟件概述

工業(yè)軟件(Industrial Software)指專門在工業(yè)領(lǐng)域里所應(yīng)用的軟件。工業(yè)軟件按其特點及用途的不同，大致可以分為嵌入式軟件及各種工業(yè)部門專用軟件兩大類。對這兩大類的工業(yè)軟件進(jìn)行細(xì)分，其中嵌入式軟件可以細(xì)分為操作系統(tǒng)、支撐軟件(嵌入式數(shù)據(jù)庫和開發(fā)工具)、應(yīng)用軟件等，它們被植入嵌入式系統(tǒng)之中，達(dá)到自動化、智能化的控制、監(jiān)測、管理各種裝備和系統(tǒng)運行的目的；而作為各種工業(yè)部門專用的軟件，從產(chǎn)品研發(fā)、設(shè)計、生產(chǎn)、流通、管理等不同方面，實現(xiàn)生產(chǎn)和管理過程的智能化、網(wǎng)絡(luò)化。

國外工業(yè)軟件已經(jīng)經(jīng)歷了一個長期的發(fā)展，工業(yè)軟件種類豐富，應(yīng)用領(lǐng)域廣泛，功能強大，尤其在高科技、綜合性領(lǐng)域內(nèi)的應(yīng)用程度都非常高。而國內(nèi)的工業(yè)軟件起步較晚，基礎(chǔ)薄弱，發(fā)展速度慢，開發(fā)難度高，市場競爭激烈，使得我國自主開發(fā)的工業(yè)軟件數(shù)量極少。這對于我國工業(yè)的進(jìn)一步發(fā)展帶來了一定的阻礙，因此，實現(xiàn)國內(nèi)工業(yè)軟件更好更快的發(fā)展，是現(xiàn)今我國工業(yè)軟件發(fā)展所面臨的巨大難題和挑戰(zhàn)。

2.2 工業(yè)軟件特點

工業(yè)軟件因應(yīng)用范圍不同，其特點主要表現(xiàn)在以下幾個方面：

首先，廣泛的工業(yè)行業(yè)決定了工業(yè)軟件類型的差異程度高。在不同的行業(yè)，所應(yīng)用到的軟件各不相。而同一行業(yè)內(nèi)部部門的繁雜又決定了軟件具有較高的細(xì)化程度。即在同一行業(yè)內(nèi)部的各部門之間，例如采購部門、設(shè)計部門、制造部門和銷售部門工作任務(wù)及性質(zhì)不同，雖然同處于同一個行業(yè)之內(nèi)，但是所使用到的軟件也各不相同。因此，軟件的差異程度高成為了工業(yè)軟件的顯著特點。

其次，工業(yè)軟件的用途，決定了工業(yè)軟件的功能比普通家用軟件強大，軟件結(jié)構(gòu)十分復(fù)雜。尤其是應(yīng)用于高科技、自動化領(lǐng)域的軟件，由于其處理對象的特殊性和問題的復(fù)雜性，使得這些軟件必須具備較多、較復(fù)雜的功能才能滿足行業(yè)的需要。

第三，工業(yè)軟件的界面較為復(fù)雜。由于工業(yè)軟件所要接收和處理的信息量大，功能復(fù)雜，所有的數(shù)據(jù)信息的顯示、功能命令的分布，都是通過軟件界面來實現(xiàn)的。而過于簡單的界面，無法將信息有效地展示給使用者。

由于工業(yè)軟件更廣的使用、更細(xì)化的應(yīng)用、更強大的功能及更多數(shù)據(jù)展示等特點，所以在設(shè)計工業(yè)軟件界面時，應(yīng)根據(jù)其特點進(jìn)行軟件的界面設(shè)計才更符合使用需求的。

3、工業(yè)軟件人機界面設(shè)計

3.1 人機界面及設(shè)計原則

人機界面HCI(Human-Computer Interface)又稱為用戶界面。人機界面是人與計算機之間傳遞、交換信息的媒介和對話接口，是用戶和系統(tǒng)之間進(jìn)行交互和信息交換的媒介，是人――機環(huán)境系統(tǒng)的三要素之一，是人與機器信息交流的橋梁，凡參與人機信息交流的領(lǐng)域都存在著人機界面。

人機界面是計算機科學(xué)和認(rèn)知心理學(xué)兩大學(xué)科相結(jié)合的產(chǎn)物，同時也吸收了語言學(xué)、人機工程學(xué)和社會學(xué)等學(xué)科的研究成果。經(jīng)過40余年的發(fā)展，已成為一門以研究用戶及其與計算機的關(guān)系為特征的主流學(xué)科之一。從早期的以面向計算機專業(yè)人員為主的手工操作界面，到面向具備一定計算機編程能力人員的命令語言界面，再到今天的面向更多更廣泛的普通用戶的圖形用戶界面以及多媒體用戶界面。而且隨著軟件的發(fā)展，界面設(shè)計已成為軟件設(shè)計的重要環(huán)節(jié)之一。

傳統(tǒng)的軟件設(shè)計的三大原則如圖3-1所示，包含：用戶控制自由、減輕記憶負(fù)擔(dān)和界面協(xié)調(diào)一致三大原則。用戶控制自由，就是在符合用戶身份角色的條件下，對界面有著自由的控制權(quán)，用戶所需要獲得的信息，都能夠通過界面來獲取。同時界面也方便用戶對軟件進(jìn)行操作，必要時還能對用戶的操作提供幫助和引導(dǎo)；減輕記憶負(fù)擔(dān)，即合理的對界面的文字和圖像進(jìn)行設(shè)計，或是對界面的信息進(jìn)行縮減、整合，使用戶在使用中不會因有過多文字、圖片或者信息而感覺有記憶負(fù)擔(dān)；界面協(xié)調(diào)一致原則，要求界面的設(shè)計定位要符合軟件自身特點，界面整體風(fēng)格和色調(diào)統(tǒng)一，界面局部細(xì)節(jié)與界面整體相協(xié)調(diào)，達(dá)到整體的均衡美。

3.2 工業(yè)軟件人機界面設(shè)計

從軟件整體設(shè)計流程出發(fā)，工業(yè)軟件的設(shè)計流程應(yīng)更注重交互和界面設(shè)計的內(nèi)容，改變以往串行設(shè)計流程，在確定設(shè)計方向后采取并行設(shè)計流程，如圖3-2所示，即編程設(shè)計與界面設(shè)計同步展開，并協(xié)調(diào)進(jìn)行軟件的交互設(shè)計，讓軟件的界面設(shè)計伴隨著軟件的編程設(shè)計同步進(jìn)行。

在工業(yè)軟件的界面設(shè)計中，不僅應(yīng)遵循軟件界面設(shè)計的一般性原則，更應(yīng)該依照工業(yè)軟件其自身特點，尋求其界面設(shè)計的方法，以滿足工業(yè)軟件的界面設(shè)計的需要。

首先，由于工業(yè)軟件用戶的特點性，因此在設(shè)計之前，分析用戶的特點及操作行為，虛構(gòu)出若干類具有典型性的用戶角色，以此建立該軟件操作者的用戶模型。再根據(jù)這些用戶模型，定量的測量用戶特性，了解用戶的技能和經(jīng)驗，預(yù)測用戶對不同界面設(shè)計的反響。通過建立專業(yè)的用戶模型可以從根本上保證工業(yè)軟件的界面設(shè)計的用戶符合性原則。

其次，界面的合理建構(gòu)成為工業(yè)軟件界面設(shè)計的重要原則。界面的實質(zhì)，就是一個展示功能和數(shù)據(jù)信息的窗口。如果界面的布局凌亂，僅僅把大量的信息堆積在界面上，會嚴(yán)重影響使用者的操作。工業(yè)軟件由于具備較多的功能和較大量的信息，所以在設(shè)計初期，必須對這些功能和信息進(jìn)行分類，分辨出主要的和次要的內(nèi)容，然后對主要的和次要的內(nèi)容分別對待。按照用戶瀏覽“F”型模式，即用戶瀏覽電腦屏幕時，瀏覽起初的若干行時會沿著從左向右的方向，之后用戶就會直接向下快速瀏覽，最終瀏覽完時會把目光集中于右下角，因此如果以界面中心為坐標(biāo)原點，向右為X軸正方向，向上為Y軸正方向，構(gòu)建平面坐標(biāo)，在這個平面坐標(biāo)系中，用戶首先會關(guān)注第二象限的內(nèi)容，然后是第一和第三象限，最后目光停留在第四象限。根據(jù)這一瀏覽模式，在進(jìn)行工業(yè)軟件界面構(gòu)建時，務(wù)必將主要的放置在第二象限和第四象限，而其他的則可放置在第一或第三象限之中。一個合理的界面，能夠方便用戶的操作和信息的獲取。

第三，功能的明確性。工業(yè)軟件最大的特點就是應(yīng)用性強，軟件的每一個功能在界面中都有與之相對應(yīng)的命令。工業(yè)軟件的界面設(shè)計注重用戶的導(dǎo)向，從用戶的角度來考慮和設(shè)計界面。用戶對于軟件的熟練程度，都影響著他們的使用，尤其是對不熟悉軟件的初學(xué)者的引導(dǎo)，顯得尤為重要。根據(jù)心理學(xué)家George A.Miller的Miller公式：個人一次所接受的信息量為 7±2 比特，對于工業(yè)軟件的功能構(gòu)建，應(yīng)該在5到9項之間，過少則不利于用戶及時的找到所需的功能命令，過多則會對用戶造成記憶負(fù)擔(dān)。所以在界面設(shè)計時，可以改變原有界面設(shè)計的分欄或下拉菜單的設(shè)計，而采用分組處理的方式。以“分組”的形式改變過多的功能分類，使得軟件界面的功能顯示更加明確。

第四，細(xì)節(jié)深入設(shè)計。軟件界面的細(xì)節(jié)化設(shè)計，存在于界面設(shè)計的方方面面，從一個小小的圖標(biāo)、工具命令的命名、動畫演示介紹、聲音提示，到用戶導(dǎo)航、操作幫助等等。都可以進(jìn)行深入的細(xì)節(jié)設(shè)計，而這也是工業(yè)軟件界面設(shè)計中最難的地方。首先現(xiàn)有很多軟件并沒有太多的細(xì)節(jié)設(shè)計，設(shè)計師不愿過多考慮某一細(xì)部的具體設(shè)計，再者是人們在使用軟件的過程中不太敏感，容易忽視掉這些細(xì)節(jié)，認(rèn)為那原本就應(yīng)該是那樣。雖然用戶會忽視這些細(xì)節(jié)，但這些細(xì)節(jié)的作用確是不可忽視的，它們方便了用戶的操作。例如一個簡單的命令搜索欄設(shè)計，在整體的界面構(gòu)建中不需占用過多的地方，卻能方便用戶搜索到他們所需的功能命令，省去用戶多次點擊鼠標(biāo)的過程，大大提高了軟件的使用效率。因此細(xì)節(jié)深入設(shè)計是工業(yè)軟件界面設(shè)計所比不缺少的一個方面。

4、 小結(jié)

界面設(shè)計不是單純的美術(shù)繪畫，它需要定位使用者、使用環(huán)境、使用方式并且為最終用戶而設(shè)計，是純粹的科學(xué)性的藝術(shù)的設(shè)計。注重工業(yè)軟件的界面設(shè)計，不僅能夠使其界面變得更美，增加用戶的愉悅感，還能提高軟件的交互準(zhǔn)確性和效率，使用戶更準(zhǔn)確、更高效的完成工作。

參考文獻(xiàn)

[1] 李榮麗，黃艷群.人機界面設(shè)計中的用戶模型研究[J].長春理工大學(xué)學(xué)報，2006,(02).

[2] 李樂山.人機界面設(shè)計[M].北京：科學(xué)出版社，2004.

[3] 楊靜.淺談用戶界面設(shè)計[J].藝術(shù)與設(shè)計(理論)，2009,(01).

[4] 歐陽建軍.基于交互設(shè)計的界面應(yīng)用研究[J].科教導(dǎo)刊(中旬刊)，2010,(04).

作者簡介

篇4

關(guān)鍵詞：視覺傳達(dá)；移動互聯(lián)網(wǎng)；UI界面設(shè)計

視覺是人類接受信息的主要途徑，視覺傳達(dá)設(shè)計是人類為實現(xiàn)公共信息的傳播，對色彩、文字、圖像等各種視覺元素進(jìn)行組織的行為。一切我們能看到的東西都或多或少的有著視覺傳達(dá)的設(shè)計元素。而在這個以移動互聯(lián)網(wǎng)為主題的時代下，UI設(shè)計正在蓬勃發(fā)展，視覺傳達(dá)設(shè)計在UI設(shè)計中是可用性與交互設(shè)計研究的全面體現(xiàn)。UI設(shè)計是新時代下的另一種新媒體視覺傳達(dá)設(shè)計，UI界面設(shè)計上有很多的理論與實踐都是跟傳統(tǒng)視覺傳達(dá)設(shè)計相通的，不同的是，UI設(shè)計師需要在UI設(shè)計的平臺規(guī)范下，更好的將傳統(tǒng)視覺傳達(dá)設(shè)計元素與移動應(yīng)用的特點、交互設(shè)計、用戶體驗設(shè)計等相互融合，設(shè)計出真正讓用戶覺得好用好看的移動應(yīng)用界面。

一、移動應(yīng)用的UI界面設(shè)計

隨著移動時代的到來，越來越多的人開始關(guān)注UI界面設(shè)計。UI的全稱是UserInterface，用戶界面的意思。它包含軟硬件的人機交互、行為路徑、操作邏輯、用戶體驗和界面排版的整體視覺設(shè)計。打開我們的智能手機，我們的鎖屏界面就是UI的一部分，手機里的每一個移動應(yīng)用的每一個頁面，都是UI設(shè)計。隨著移動互聯(lián)網(wǎng)的發(fā)展與移動應(yīng)用的海量涌現(xiàn)，人們對移動APP的選擇要求上更加挑剔了。界面設(shè)計很多時候決定了用戶對一個APP的第一印象，所以如今的UI設(shè)計越來越重要，越來越受到重視。同時，隨著UI設(shè)計越來越被重視，UI的設(shè)計規(guī)范也越來越完善。各個平臺幾乎都有自己的UI設(shè)計規(guī)范，這使得UI設(shè)計的發(fā)展越來越規(guī)范化。當(dāng)然，UI設(shè)計的風(fēng)格沒有停止跟隨時展的腳步，從一開始的擬物化風(fēng)格到后來的扁平化風(fēng)格，現(xiàn)在的UI設(shè)計風(fēng)格則趨于更加的多樣化。UI界面設(shè)計發(fā)展至今也有了很多的設(shè)計原則，比如UI設(shè)計的簡單原則，用戶在學(xué)習(xí)和接受新的事物時需要很大的學(xué)習(xí)成本，然而如今我們的時間和精力又是那么的寶貴，所以我們的設(shè)計需要越簡單越好。比如統(tǒng)一原則，從設(shè)計風(fēng)格，排版布局，信息提示、系統(tǒng)文字、字體大小和整體顏色等都做到統(tǒng)一，這樣用戶才會完全熟悉和記住我們產(chǎn)品的行為路徑，而不會造成不必要的使用錯誤。還有很多設(shè)計原則這里就不一一闡述，當(dāng)然更多的設(shè)計原則還需要我們在實踐中不斷的探尋。

二、視覺傳達(dá)設(shè)計在UI界面設(shè)計中的應(yīng)用

1、版式布局在UI界面設(shè)計中的應(yīng)用

手機APP雖然受到手機屏幕尺寸大小的限制并沒有很大的空間來給大家呈現(xiàn)更多信息，但就在這么幾寸的一塊屏幕上，我們依然需要用心對待，依然需要將有限的空間設(shè)計出符合設(shè)計規(guī)范，擁有良好交互體驗和承載對應(yīng)信息的視覺交互效果。移動應(yīng)用界面的版式設(shè)計和布局規(guī)劃會直接關(guān)系到用戶使用該應(yīng)用的操作習(xí)慣和操作行為。同時，小小的一個界面不僅需要交互上的設(shè)計，也需要美學(xué)上的視覺傳達(dá)設(shè)計。在符合用戶交互體驗的情況下，界面設(shè)計也需要靈活運用到一些傳統(tǒng)視覺平面上的版式設(shè)計，比如很多時候為了更好的傳達(dá)信息，也需要在設(shè)計中考慮信息的就近原則，元素的一致性等等。界面需要在更小的空間內(nèi)合理的排版信息，將重要的信息通過異化的方式凸顯出來，將同類信息整合在一起。同時，更加追求美觀的情況下，更是需要設(shè)計師更好的將視覺傳達(dá)版式設(shè)計中的一些留白處理等更好地運用到UI界面設(shè)計中去。

2、色彩在UI界面設(shè)計中的應(yīng)用

設(shè)計移動應(yīng)用界面，同樣需要靈活運用色彩設(shè)計法則和色彩心理學(xué)，設(shè)計出更加符合用戶使用習(xí)慣和認(rèn)知心理的界面。色彩的應(yīng)用很多跟視覺傳達(dá)設(shè)計一樣，APP的整體色調(diào)需要根據(jù)該APP的使用人群和他們使用APP的一般使用場景來確定。比如娛樂性高的APP一般采用明亮歡快的顏色。還有一些規(guī)范控件設(shè)計也需要滿足用戶的心理期待，比如紅色多有警示提醒的意思，一般用在刪除取消之類的控件上。

3、文字在UI界面設(shè)計中的應(yīng)用

文字是一種最直接和傳統(tǒng)的視覺語言，是傳統(tǒng)信息和界面信息傳達(dá)的主體，參與視覺設(shè)計的組織和編排，起到與用戶的溝通和交流。文字雖然沒有圖標(biāo)圖形那么具有強大的視覺吸引力，但在界面中，文字設(shè)計依然有著相當(dāng)重要的地位。UI界面設(shè)計需要在有限的空間內(nèi)更注重用戶的體驗與交互。所以文字設(shè)計在UI界面中需要更加簡化，突出重要信息，兼顧內(nèi)容簡潔與視覺效果。給用戶一個簡單高效的體驗，避免讓他們產(chǎn)生困惑甚至是誤導(dǎo)。比如在一些信息詳情頁中，一般文字信息會比較多，這個時候就需要注意到文字在界面中的大小和間距，為了不使大段文字在小屏幕上顯得冗雜，設(shè)計時可以放大加粗相關(guān)標(biāo)題和重要信息以更好的提醒用戶，盡量保證整個APP的所有文字一致和規(guī)律，統(tǒng)一規(guī)范的字體字號能讓APP使用起來更加流暢，減少用戶的認(rèn)知。

4、元素符號在UI界面設(shè)計中的應(yīng)用

元素符號能在視覺傳達(dá)設(shè)計中起到很好的信息傳達(dá)效果，UI界面中顯然也是。元素符號還可以在很多時候給一個移動應(yīng)用奠定一些設(shè)計風(fēng)格。比如以前風(fēng)靡一時的擬物化元素和后來的扁平化元素。在UI設(shè)計中，在符合應(yīng)用功能和用戶交互行為的前提下，通過各種元素符號能更好的美化界面和提升用戶體驗。比如在界面loading處理上，使用一些有創(chuàng)意的提示性圖標(biāo)能讓用戶感到更加有趣貼心從而緩解他們等待的焦躁，這樣的情感化設(shè)計能夠進(jìn)一步提升用戶體驗，同時還能讓界面更加豐富趣味。

三、結(jié)語

篇5

關(guān)鍵詞：沈陽；近代；建筑技術(shù)

中圖分類號：S611 文獻(xiàn)標(biāo)識碼：A 文章編號：

建筑的本質(zhì)是空間,而空間是由界面圍合而成的。在商業(yè)步行街中,街道空間主要由建筑界面圍合而成,因此界面扮演著舉足輕重的角色,界面設(shè)計的好壞即是決定步行街是否具有活力的關(guān)鍵要素。在現(xiàn)代城市設(shè)計中,商業(yè)步行街界面設(shè)計應(yīng)該充分挖掘城市文化內(nèi)涵,將傳統(tǒng)文化和當(dāng)?shù)亟ㄖ厣厝诤显谝黄?使傳統(tǒng)特色商業(yè)街的內(nèi)容與地域文化達(dá)成和諧統(tǒng)一,創(chuàng)造出適應(yīng)傳統(tǒng)特色文化需求的現(xiàn)代商業(yè)步行街設(shè)計。

1界面在商業(yè)步行街設(shè)計中的功能及重要性

1.1商業(yè)步行街中界面功能

界面是商業(yè)步行街的重要實體因素,它界定出空間,賦予街道活力,主要具有圍合和認(rèn)知兩大功能[3]。首先,連續(xù)而完整的界面圍合出商業(yè)步行街的整體輪廓,創(chuàng)造了作為實體的步行街建筑空間,同時也創(chuàng)造了依賴兩邊界面而圍合出的街道空間。其次,街道界面不僅有認(rèn)知和識別單體建筑的主要功能,同時也肩負(fù)著整個城市的認(rèn)知功能,人們通過對街道直接的視覺感知能夠進(jìn)一步構(gòu)成對整個城市的印象,喚起場所的精神體驗。

1.2界面的重要性

1.2.1傳統(tǒng)文化與心理學(xué)根源

界面作為建筑形態(tài)構(gòu)成的基本要素,其存在具有中國傳統(tǒng)文化淵源?！拌彂粢詾槭?當(dāng)其無,有室之用”這句話就明確的表達(dá)了老子對于空間的認(rèn)識,“無”因為“有”的存在而存在,“有”和“無”有力的對比產(chǎn)生了空間,這里的“有”即可認(rèn)為就是界面。而里坊制度則表現(xiàn)了中國傳統(tǒng)城市布局對于界面的重視,例如里坊制的代表唐長安城,利用“墻”圍合出以“里”為單位的領(lǐng)域空間,使得“曲”“巷”相隔,形成了集中內(nèi)聚式的大規(guī)模封閉型城市[4]。從心理學(xué)根源分析,“邊界效應(yīng)”則從行為心理學(xué)方面解釋了界面的重要性?！斑吔缧?yīng)”最早由心理學(xué)家德克·德·瓊提出,他指出空間的過渡區(qū)域是人活動和交往發(fā)生最多的地方。

1.2.2界面與城市空間環(huán)境

城市空間環(huán)境是一個極其復(fù)雜的系統(tǒng),界面作為城市組成的有機局部,起著舉足輕重的作用。圍合性強的界面能夠使人們完全的感受到城市的完整性與合理性。

2重視地域特色的現(xiàn)代商業(yè)步行街界面設(shè)計策略

2.1塑造界面的可識別性

可識別性是界面之于建筑的最主要的功能體現(xiàn),作為地域性的現(xiàn)代商業(yè)步行街,更應(yīng)注重界面對于傳統(tǒng)文化、內(nèi)涵精神的理解、繼承和發(fā)揚,使其獨具地方特色風(fēng)貌。特征突出的界面元素增強了界面的可識別性,使得不同地域的街道顯示出不同的地域性格,給人帶來了不同的地方印象。

2.2符合當(dāng)?shù)亟ㄖ叨鹊倪吔巛喞€

在處理地域性商業(yè)街時,應(yīng)仔細(xì)剖析當(dāng)?shù)貍鹘y(tǒng)建筑的形體特點,把握形體體量,抓住輪廓要素,重復(fù)尺寸相近的建筑組群,建立起一種韻律和肌理,以符合當(dāng)?shù)爻鞘屑±怼?/p>

2.3利用界面創(chuàng)造特色空間

符合地域特征的特色空間使商業(yè)步行街更具識別性,特點更鮮明?，F(xiàn)代步行商業(yè)街的大量建設(shè)給城市帶來活力的同時難免給人一種似曾相識的感覺,統(tǒng)一的大招牌、底層架空的連廊、大片的玻璃幕墻,這些單調(diào)的建筑立面讓人在現(xiàn)代化大都市里失去了方向,失掉了對于不同地域街道的記憶。為使商業(yè)街各具風(fēng)格,提高其辨識性,必然需要特色空間帶給人們別樣的感受。

3 康平大遼圣市商業(yè)步行街界面實例分析

3.1項目背景

康平歷史悠久，境內(nèi)被發(fā)現(xiàn)的遼金城遺址已有6處?？h城東南22.5公里，遼河之濱的遼代棋洲城遺址清晰可辯，遼代千年佛塔巍然聳立。東西遼河的源頭亦在康平，所以康平縣政府為展現(xiàn)康平的城市形象、特色風(fēng)貌以及歷史文化內(nèi)涵,在臥龍湖東岸建設(shè)了一條以遼代傳統(tǒng)文化主題的商業(yè)街。于是從延續(xù)遼代北方建筑地域特色的角度出發(fā),通過對遼代傳統(tǒng)文化以及遼代建筑特征元素的挖掘,設(shè)計了大遼圣市商業(yè)步行街方案。

3.2挖掘建筑文化內(nèi)涵的立面設(shè)計

康平大遼圣市商業(yè)步行街借鑒了北方地區(qū)民居建筑風(fēng)格,結(jié)合現(xiàn)代建筑設(shè)計理念與界面處理手法,進(jìn)行了具有遼代傳統(tǒng)文化內(nèi)涵的立面設(shè)計。仔細(xì)研究遼代傳統(tǒng)建筑,發(fā)現(xiàn)其主要特征表現(xiàn)在屋頂和斗拱上。遼代建筑繼承了唐代建筑的很多特點，并且學(xué)習(xí)了很多宋式建筑的作法，所以遼代建筑的屋頂曲線很平緩延展，雄渾大氣。廡殿頂是遼代建筑主要的屋頂形式,高低起伏的屋頂和交錯的層高形成了其獨有的錯落感,商業(yè)街立面輪廓依舊沿用這種形式,并進(jìn)行簡化,在2層,3層之間進(jìn)行層高變化,局部4層,結(jié)合雙層檐口,形成了豐富的天際輪廓線。遼代很多建筑也會采用廡殿頂?shù)男问?，兩坡頂就用于等級更低的普通建筑。所以在建筑屋頂也會有很多變化。遼代鴟吻很有自己的特點，有別于其他各朝代，有著北方游牧民族的野性特征。所以屋頂上的鴟吻是體現(xiàn)遼代建筑風(fēng)格非常重要的標(biāo)志，如圖1所示。

3.3關(guān)注“陰角”空間

“陰角”空間是城市與街道設(shè)計中常采納的空間處理形式,在澤當(dāng)鎮(zhèn)商業(yè)步行街中創(chuàng)造“陰角”空間,增強了街道的空間吸引力,使街道更具魅力。蘆原義信在《街道的美學(xué)》中指出:“用‘陰角’空間可以創(chuàng)造出一種把人擁抱在里面的溫暖、完整的城市空間。”這有助于積極的向使用者提供街道的精神。在澤當(dāng)鎮(zhèn)商業(yè)步行街設(shè)計中,也運用了這種現(xiàn)代步行街設(shè)計手法,將商業(yè)樓間隔有序的后退,自然的形成可供人停留的內(nèi)向型陰角空間,改變了商業(yè)街過于平淡的界面形式,同時也加強了界面的陰影,使得沿街界面更加立體、生動。這些后退2 m~4 m形成的空間也提供給人們一個暫時停留場所,賦予商業(yè)步行街可游憩的功能。

3.4連續(xù)性原則

連續(xù)的街道界面給人整體完整的印象,康平大遼圣市商業(yè)街利用連廊加強了街道的連續(xù)性。根據(jù)規(guī)范中防火要求,商業(yè)街每隔80 m需要斷開做消防通道,在長度不過300 m的街道如果進(jìn)行斷開,必然會影響其界面的連續(xù)性,街道感減弱。于是在需要斷開的建筑之間設(shè)計連廊連接,加強了視覺連續(xù)性,且不影響消防疏散的需求,如圖2所示。

3.5結(jié)合總體規(guī)劃的多層次界面設(shè)計

康平大遼圣市商業(yè)步行街總體規(guī)劃以街道景觀軸線為中心,在22 m街道紅線范圍內(nèi)設(shè)計大量中心綠化,并設(shè)置燈光照明設(shè)施、小品、座椅等,加強其對整條街的主導(dǎo)作用。結(jié)合總體規(guī)劃,沿街建筑設(shè)置成騎樓形式,底層形成退廊,形成灰空間,增加了介于建筑實體界面的“有”與步行街道空間的“無”之間的層次,再加上景觀樹陣的景觀層次,構(gòu)成了建筑—連廊—樹陣—中心景觀的多層次街道界面。

4結(jié)語

在全球化浪潮下的今天,尊重當(dāng)?shù)匚幕?延續(xù)傳統(tǒng)文化才是建筑符合不同城市環(huán)境的發(fā)展模式。在研究建筑基本理論的基礎(chǔ)上,抓住傳統(tǒng)建筑的設(shè)計要點,將傳統(tǒng)文化和現(xiàn)代技術(shù)緊密結(jié)合,創(chuàng)造出既滿足現(xiàn)代社會需要又能體現(xiàn)傳統(tǒng)文化特色的建筑,以求在傳統(tǒng)文化受到嚴(yán)重沖擊的今天尋找一個平衡點。在此,筆者通過分析界面在商業(yè)步行街中的功能和重要作用,發(fā)掘傳統(tǒng)特色文化的現(xiàn)代商業(yè)步行街界面設(shè)計策略,并將之運用于設(shè)計中。

參考文獻(xiàn)：

[1]蘆原義信.街道的美學(xué)[M].天津:百花文藝出版社,2006:130-139.

[2]克里夫·芒福汀.街道與廣場[M].北京:中國建筑工業(yè)出版社,2004:137-157.

篇6

1.研究背景電子信息技術(shù)的快速發(fā)展促進(jìn)了電子產(chǎn)品的更新?lián)Q代，特別是以人機交互電子液晶畫面為中心的界面設(shè)計發(fā)展尤其迅速。眾多界面設(shè)計中出現(xiàn)了獨創(chuàng)性極高且具有實質(zhì)性差異的界面設(shè)計。界面中的圖案、形狀以及色彩等要素均構(gòu)成了區(qū)別于其他產(chǎn)品界面的極其重要的識別性要素。界面是計算機和用戶交互的媒介，界面設(shè)計的好壞決定了用戶對軟件的使用黏度。而且設(shè)計良好的界面可以對用戶起到很好的向?qū)ё饔?，可以快速并且?zhǔn)確地引導(dǎo)用戶完成相應(yīng)操作，目前已經(jīng)成為設(shè)計領(lǐng)域新興和快速發(fā)展的一個方向。因此，各國認(rèn)識到界面設(shè)計的重要性，紛紛通過完善知識產(chǎn)權(quán)制度促進(jìn)界面設(shè)計的發(fā)展。2.研究目的韓國是全世界電子產(chǎn)業(yè)發(fā)展較為迅速的國家之一，其對于電子產(chǎn)品設(shè)計的保護制度和界面設(shè)計的保護制度已經(jīng)得到實踐的檢驗，具備一套相對完備的設(shè)計保護體系。文章通過介紹韓國界面設(shè)計保護制度，為中國界面設(shè)計發(fā)展提供可借鑒的內(nèi)容，同時也有利于提升中國設(shè)計知識產(chǎn)權(quán)保護的國際化水平。

二、韓國界面設(shè)計保護制度的現(xiàn)狀分析

韓國特許廳（韓國知識產(chǎn)權(quán)局）明確認(rèn)識到界面設(shè)計的重要性，迫切需要完善界面相關(guān)的圖標(biāo)設(shè)計及GUI界面設(shè)計的相關(guān)保護制度。因此，韓國特許廳從2004年7月1日開始將界面設(shè)計（界面設(shè)計的專利法名稱為“畫像設(shè)計”）列入外觀設(shè)計的保護客體范圍。1.韓國圖像外觀設(shè)計的保護范圍韓國的設(shè)計保護法規(guī)明確保護的計算機圖像外觀設(shè)計范圍可以分為三大類：圖形用戶界面（GraphicalUserInterface，GUI）、計算機圖像（ICON）和作為Character的圖示設(shè)計。目前，我們使用的手機、電腦、PDA、Mp3等都屬于應(yīng)用計算機圖像的電子產(chǎn)品。圖形用戶界面包括：網(wǎng)頁和主頁的GUI；移動電話、PDA等設(shè)備中的移動GUI；汽車導(dǎo)航、Mp3、CDP、智能電視等信息家電等GUI。計算機圖像包括：文件編輯軟件、視頻播放軟件的GUI；單個或者成套的工具圖形。圖示設(shè)計包括：內(nèi)容的圖示；計算機顯示器屏幕保護畫面；角色設(shè)計；3D動畫。2.韓國界面設(shè)計的保護要件（1）強調(diào)載體的功能性以簡單的展示功能為目的的界面設(shè)計不屬于專利保護的范圍，一旦界面中通過某種圖案、形狀、色彩以及它們之間的結(jié)合可以實現(xiàn)產(chǎn)品的某種功能性時，就屬于專利法中界面保護的范圍。（2）限定某種特定產(chǎn)品申請界面設(shè)計保護時，界面被看作特定產(chǎn)品中的一部分。因此，申請書中對于圖面的提交要求和部分外觀設(shè)計保護制度中對于圖面的要求相同。在提出專利申請時，界面設(shè)計的圖形中除了需要展示圖形外觀設(shè)計外，還需要同時提交此界面設(shè)計應(yīng)用于某種特定電子產(chǎn)品時的狀態(tài)圖。如圖1所示，需要保護的界面通過實線體現(xiàn)在圖形中，而應(yīng)用界面的電子產(chǎn)品的外觀則通過虛線表示出來。另外，需要注意的是關(guān)于申請書中“外觀設(shè)計的產(chǎn)品名稱”的表示方式。如，一項手機界面的外觀申請書中，如果在產(chǎn)品名稱一欄中填入“手機的界面設(shè)計”是不授予外觀專利權(quán)的，應(yīng)該在描述產(chǎn)品名稱時以產(chǎn)品為中心進(jìn)行描述，即“呈現(xiàn)界面設(shè)計的手機”。同樣的界面設(shè)計應(yīng)用在不同產(chǎn)品上時，應(yīng)該針對不同產(chǎn)品分別進(jìn)行外觀設(shè)計的保護。（3）對于有變化的界面設(shè)計需要提供各個關(guān)鍵界面的圖形變化的界面是指通過界面中的形狀、圖案、色彩及其結(jié)合的設(shè)計的變化完成產(chǎn)品中的某些功能，具體包括以下兩個方面：圖形形態(tài)的變化以及圖形位置的變化。需要注意的是，變化的界面在提交六視圖之后還不能明確表明變化狀態(tài)時，需要提交能夠表現(xiàn)出前后變化狀態(tài)的參考圖。3.界面保護中的一些特殊情況（1）界面中包含不被保護的客體情況申請界面保護的設(shè)計中，往往界面中含有不需要申請保護的內(nèi)容。在這種情況下，不能單獨將非保護客體隔離申請，因為非保護客體的存在已經(jīng)間接影響到保護客體的位置、大小以及范圍等因素。因此，非保護客體一旦被認(rèn)定為影響保護客體的因素時，必須同時出現(xiàn)在界面中。（2）顯示界面中包括印刷內(nèi)容如果顯示界面中包括印刷品，那么在提交視圖時需要提交包含印刷品的顯示界面正面圖和顯示印刷品背面的視圖，以及印刷品單獨的正面圖和背面圖。

三、結(jié)語

篇7

關(guān)鍵詞 網(wǎng)站；用戶界面；用戶體驗

中圖分類號：G712 文獻(xiàn)標(biāo)識碼：B

文章編號：1671-489X（2016）21-0033-02

在網(wǎng)站的設(shè)計與開發(fā)中，一個良好的界面設(shè)計能夠給用戶帶來良好的用戶體驗。對用戶體驗度的關(guān)注度在逐漸提升，從最初提出用戶體驗的時代，到將用戶體驗以技術(shù)方法進(jìn)行呈現(xiàn)，經(jīng)歷多年的歷程。UI（User Interface，用戶界面）設(shè)計的應(yīng)用是將用戶體驗思想實踐落實，是將用戶體驗思想通過網(wǎng)站的導(dǎo)航、界面、圖標(biāo)、色彩等表現(xiàn)層的設(shè)計，逐一應(yīng)用理論并結(jié)合技術(shù)層面進(jìn)行實現(xiàn)，是用戶體驗思想的一種顯性表達(dá)。

1 什么是界面？

界面是一個窗口，界面設(shè)計是開發(fā)中最重要的方面。對于應(yīng)用軟件來說，用戶界面對用戶的應(yīng)用十分重要，用戶通過界面可以使用該軟件，并且希望界面比較簡單、便于使用。圖形用戶界面是當(dāng)前用戶界面的主流，當(dāng)前各類圖形用戶界面具有的一個相同點就是應(yīng)用的窗口使用鍵盤和鼠標(biāo)作為輸入設(shè)備。目前界面設(shè)計領(lǐng)域已經(jīng)開展到移動端，移動端的界面設(shè)計原則有別于PC端。但是無論是基于哪種設(shè)置，良好的界面設(shè)計是同樣重要的。

2 軟件界面設(shè)計的前期準(zhǔn)備工作

在制作一個項目設(shè)計前，應(yīng)該先確立好設(shè)計的主題。比如：一個圖書管理系統(tǒng)軟件的主題就是“圖書管理”，遠(yuǎn)程教育系統(tǒng)的主題就是“遠(yuǎn)程教育”。于是軟件界面的設(shè)計就要圍繞主題來進(jìn)行，讓用戶一看軟件的界面，就知道這個軟件是做什么的。不能讓軟件的界面與軟件的主題相差太多，如果一個電腦硬件管理系統(tǒng)的界面上都是和電腦無關(guān)的東西，如花草、山水，就不能反映該軟件的主題與功能，那么，這個軟件的界面就是失敗的。

美工作為界面美化的主要人員，不但要擁有藝術(shù)設(shè)計、包裝設(shè)計的才能，還應(yīng)該穿插整個項目，給界面程序設(shè)計人員提出系統(tǒng)參考意見。

3 確定界面設(shè)計原則

確定界面類型時，需要考慮多方面的因素，如用戶的自身特性、系統(tǒng)的成本/效益、環(huán)境、系統(tǒng)任務(wù)等。這時，在著手進(jìn)行軟件界面設(shè)計前，必須在心里有一個輪廓，對要設(shè)計的軟件的功能有所了解，同時對該軟件的界面設(shè)計有成形的構(gòu)想，還要遵守界面設(shè)計的原則。

1）一致性原則。一致性主要體現(xiàn)在軟件的顯示方式和概念模式的一致性，并且在類似的情況下具有一樣的操作序列，如在幫助、提示及菜單中產(chǎn)生相同的術(shù)語，具體是指在不同的應(yīng)用系統(tǒng)中具有相似的布局、相似的外觀界面、相似的信息顯示及相似的交互方式等。界面設(shè)計保持高度一致性，這樣用戶使用不同的軟件時可以掌握軟件的共性，將局部的經(jīng)驗和知識推廣到其他場合。界面設(shè)計的一致性要求對于用戶的軟件應(yīng)用十分重要。

2）控件的使用、提示信息窗口風(fēng)格、顏色、信息措辭做到一致，遵循統(tǒng)一的標(biāo)準(zhǔn)。這樣做具有以下優(yōu)勢：

①通過一致的界面風(fēng)格，可以讓用戶建立起一樣的心理模式，對于一個界面使用熟練之后，切換到下一界面，用戶也容易使用，容易理解語句，推測出界面的各種功能；

②給用戶統(tǒng)一的感覺，不覺得混亂，而是心情愉快，支持度增加。

用戶界面簡稱為UI，通過對UI進(jìn)行設(shè)計，其設(shè)計內(nèi)容包括軟件的操作邏輯、人機交互、界面美觀的整體設(shè)計。好的UI設(shè)計讓軟件變得有個性、有品位，并且操作簡單、舒適、自由，充分體現(xiàn)軟件的特點及定位。人機交互，即人與設(shè)備之間的交流，UI設(shè)計在設(shè)備之間成功地充當(dāng)了翻譯的角色。

4 網(wǎng)站中UI的重要地位

網(wǎng)站的設(shè)計與開發(fā)不僅要適用于PC機的模式使用，更要適用于移動設(shè)備使用，使兩者的操作都具有良好的用戶體驗。這就給很多網(wǎng)站的UI設(shè)計提出很高的要求，同時也凸顯出UI在當(dāng)前網(wǎng)站中的重要性。網(wǎng)站最大的門檻就是取得用戶信任，而UI設(shè)計直接影響用戶的體驗和網(wǎng)站的形象，用戶考察一個網(wǎng)站是否有實力，是否是正當(dāng)網(wǎng)站，UI是首要因素。一個網(wǎng)站UI做得好，可以讓網(wǎng)站的形象在用戶心中得到提升，而且能讓用戶得到瀏覽的體驗，甚至能決定一個網(wǎng)站的轉(zhuǎn)化率。

5 UI設(shè)計在網(wǎng)站設(shè)計中的體現(xiàn)

UI設(shè)計的成功之處就是為網(wǎng)站帶來比較高的瀏覽量與轉(zhuǎn)化率。對于很多網(wǎng)站平臺的建立，UI的設(shè)計不僅體現(xiàn)在其從界面所表現(xiàn)的色彩、樣式上，還體現(xiàn)在導(dǎo)航系統(tǒng)設(shè)計、圖標(biāo)設(shè)計、不同類型網(wǎng)站的風(fēng)格定位等方面。

導(dǎo)航的設(shè)計與使用 構(gòu)成網(wǎng)站導(dǎo)航的是網(wǎng)頁中的焦點元素，它們讓用戶清晰直觀地找到自己想要的東西，引導(dǎo)用戶去尋找網(wǎng)站上最重要的信息，以達(dá)到銷售或者查詢等目的。導(dǎo)航設(shè)計并沒有一個統(tǒng)一的設(shè)計方法，每個網(wǎng)站由于其目標(biāo)、需求、設(shè)計手法、運營等諸多因素影響，導(dǎo)致它們在導(dǎo)航設(shè)計上千差萬別，但是導(dǎo)航設(shè)計還是有基本的規(guī)律和原則的，確保組織架構(gòu)的可靠性。

1）確定信息架構(gòu)。信息架構(gòu)是合理的組織信息的展現(xiàn)形式，支撐起網(wǎng)站內(nèi)容的骨架。信息架構(gòu)的主要任務(wù)是為信息與用戶認(rèn)知之間構(gòu)建一座暢通的橋梁。更重要的是，要從用戶的角度來看待網(wǎng)站內(nèi)容，從一個用戶的角度去看待一個網(wǎng)站的信息需求。對針對頁面信息的完整性、連續(xù)性、可靠性等問題進(jìn)行解決，明確網(wǎng)站所要達(dá)成的目標(biāo)，針對網(wǎng)站的用戶群去解決登錄、訂閱等邏輯問題。

2）保持簡單的風(fēng)格。絕大多數(shù)的網(wǎng)站瀏覽者可能會一致認(rèn)同這一點：網(wǎng)站的導(dǎo)航區(qū)域要盡可能設(shè)計得簡單。的確，復(fù)雜而擁擠的導(dǎo)航會阻礙網(wǎng)站的整體可用性。

圖標(biāo)的設(shè)計與使用 對于用戶接收的信息而言，相對于文字信息的表現(xiàn)，圖像的信息表達(dá)能力要遠(yuǎn)遠(yuǎn)大于文字，在有限的時間和空間里，把界面中精彩的文字描述轉(zhuǎn)化為一個簡練而意義明確的圖標(biāo)，就成為滿足用戶需求的有效途徑。更深一步，圖標(biāo)的應(yīng)用讓整個界面與人之間的交互更便捷，使情感化設(shè)計和人性化設(shè)計得以回歸。在各種終端交互界面中，圖標(biāo)不僅起到代替文字描述以節(jié)約空間的作用，不僅是一種裝飾圖形與符號，更重要的是它發(fā)揮著交互性、情感化、指代性、隱喻性等作用。人機界面交互中，一個小小的icon（圖標(biāo)）是減小用戶閱讀負(fù)擔(dān)，實現(xiàn)界面友好性、界面情感化等交互目的的重要途健

1）圖標(biāo)遵循的設(shè)計原則。圖標(biāo)在設(shè)計與運用上要形象，語言要單一，表現(xiàn)要概括，提取圖像中不可或缺的元素去表達(dá)；在構(gòu)圖上要飽滿，圖像空間占有率要在75%以上，從視覺上要一樣大；形象造型上體積要豐滿，來增加構(gòu)圖的識別性，太復(fù)雜會降低圖標(biāo)的識別度；在用色方面，前景色與背景色要有足夠的反差，用明暗的反差、冷暖的反差去對比表現(xiàn)。當(dāng)用兩個形象語言表達(dá)一個圖標(biāo)時，要有主次，不能同等對待。

2）圖標(biāo)設(shè)計的四要素。

①達(dá)意性。圖標(biāo)要清楚地表達(dá)設(shè)備要處理的功能，圖標(biāo)的核心價值是傳達(dá)功能含義。

②概括性。在圖標(biāo)的表現(xiàn)中，可有可無的東西不能太多，不是原始圖像的直接使用，要過濾掉可有可無的元素，對凸顯其特征的內(nèi)容進(jìn)行展示，從現(xiàn)實生活中提取物品最典型的特點進(jìn)行創(chuàng)作。

③可用性。所有的設(shè)計都要具有可用性，圖標(biāo)設(shè)計與制作的本質(zhì)是要最終運用到程序和網(wǎng)站中?？捎眯缘膽?yīng)用包括了可識別性和可開發(fā)性，圖標(biāo)在任何設(shè)備環(huán)境下都能夠被用戶所識別，所設(shè)計的圖標(biāo)能真正地運用于實際的網(wǎng)站中。

④情感性。圖標(biāo)的設(shè)計與使用要貼近用戶的生活、經(jīng)驗、情感，使用戶具有親切感，增加用戶對網(wǎng)站的信任，提升用戶體驗。

圖標(biāo)的風(fēng)格要統(tǒng)一 在一個網(wǎng)站上運用的圖標(biāo)，其風(fēng)格定位要統(tǒng)一，要從形狀與取向的統(tǒng)一、透視的統(tǒng)一、光線的統(tǒng)一、材質(zhì)的統(tǒng)一、色彩的統(tǒng)一等方面對圖標(biāo)進(jìn)行定位，以保證網(wǎng)站風(fēng)格的統(tǒng)一性。

6 展望與發(fā)展

UI設(shè)計是一個新興的設(shè)計領(lǐng)域，是高于平面設(shè)計之上的、基于用戶體驗的設(shè)計思念理論而形成的一門專門的學(xué)科，并且隨著人們對用戶體驗的關(guān)注程度越來越高，對UI設(shè)計的要求也會逐步增高。UI設(shè)計的應(yīng)用領(lǐng)域也會隨著移動端技術(shù)的不斷成熟與發(fā)展，越來越廣泛地擴展到人們的生活中。參考文獻(xiàn)

[1]于松翠.基于用戶體驗的網(wǎng)站界面設(shè)計研究[D].西安：西安工程大學(xué)，2013.

篇8

關(guān)鍵詞：手機　界面設(shè)計　視覺

        隨著社會日新月異的發(fā)展，手機作為消費類電子產(chǎn)品，從誕生之日起至今從未停止過前進(jìn)的步伐，并且以前所未有的速度發(fā)展，成為更新速度最快的個人電子產(chǎn)品。 手機不僅僅是用于通話的工具，更多地集娛樂、生活、新聞資訊于一體，越來越深入地介入到了人們的日常生活中。

        一、人機交互下的手機界面設(shè)計

        手機界面在人機交互的信息傳遞過程中具有重要的作用。 手機軟件界面是置身于手機操作系統(tǒng)中的人機交互的窗口，設(shè)計界面必須基于手機的物理特性和軟件的應(yīng)用特性進(jìn)行合理的設(shè)計。早期的手機界面由于技術(shù)上的制約，大部分采用黑白色、藍(lán)色、綠色等屏幕。在界面設(shè)計上，文字是界面的主要信息，而圖形則是用線條簡單勾勒，缺少圖形的設(shè)計美感，手機界面單調(diào)，僅僅以滿足功能，缺乏視覺形式美。隨著技術(shù)的發(fā)展，人們對審美的需求日益增加，手機界面由原來的單色發(fā)展為彩色，信息內(nèi)容更加豐富，文字選擇既能滿足功能性又符合審美需求， 圖形更加精美，甚至有些圖形還采用動態(tài)形式出現(xiàn)，受眾還可以根據(jù)個人需要自行定義文字和圖形，手機界面得到了快速的發(fā)展。2007年，“iphone”手機的誕生，使手機界面設(shè)計產(chǎn)生了一種革命。它給用戶帶來了前所未有的手機新體驗，還前所未有地拉近了用戶與手機之間的距離，讓不同年齡、性別、地域的人都能夠在手機圖形化界面中得到體驗的，它將文本界面圖形化，界面設(shè)計更加個性化、人性化。隨著科技的發(fā)展，界面正悄悄地融入我們的日常生活中，變成生活的一部分。

        二、手機界面設(shè)計的視覺語言

        手機界面的視覺語言，主要包括文字、圖標(biāo)、色彩搭配、動態(tài)導(dǎo)航、界面版式等一系列構(gòu)成元素。

        1、界面文本的選擇

        文字的主要功能是在視覺傳達(dá)中向大眾傳達(dá)作者的意圖和各種信息，要達(dá)到這一目的必須考慮文字的整體訴求效果，給人以清晰的視覺印象。手機界面的字體設(shè)計直接影響到界面的風(fēng)格，字體標(biāo)準(zhǔn)的選擇依據(jù)操作系統(tǒng)類型決定，應(yīng)當(dāng)使用與其界面視覺風(fēng)格統(tǒng)一標(biāo)準(zhǔn)的字體，避免繁雜零亂，使人易認(rèn)、易懂，切忌為了設(shè)計而設(shè)計。 通用的字體最易閱讀，特殊字體用于標(biāo)題效果較好，但是不適合正文。如果在整個頁面使用一些特殊字體，這樣讀者閱讀起來感覺一定很糟糕。特殊字體如果在頁面上大量使用，會使得閱讀頗為費力，瀏覽者的眼睛很快就會疲勞，不得不轉(zhuǎn)移到其他頁面。手機界面中字體的選擇，還應(yīng)考慮界面的大小，使兩者大小比例協(xié)調(diào)。對于觸摸屏手機來說，由于其屏幕較大，文字可以適當(dāng)放大，不僅從形式比例上考慮，同時也方便了其功能性的操作。

        2、界面圖標(biāo)的設(shè)計

        圖標(biāo)是界面的圖形符號，是具有明確指代含義的計算機圖形，是構(gòu)成界面風(fēng)格的重要元素，和用戶如何操作手機關(guān)系密切。 圖標(biāo)的功能是我們進(jìn)行圖標(biāo)造型設(shè)計的標(biāo)準(zhǔn)和依托，在設(shè)計圖標(biāo)之前要確定圖標(biāo)功能，也就是說要考慮圖標(biāo)的隱喻性，它代表的意思必須是用戶可知的、熟知的。比如iphone內(nèi)置的備忘錄應(yīng)用就是一個使用隱喻的典范。除了基本的刪除和郵件這些圖標(biāo)隱喻，整個產(chǎn)品的外形：棕色的頭部導(dǎo)航，米黃色的紙質(zhì)背景，配合細(xì)致的行隔線和垂直的雙細(xì)線，儼然就是一可愛的小小備忘本。將產(chǎn)品與實體對應(yīng)起來，用戶一看就知道軟件的用途。結(jié)合界面圖形設(shè)計的隱喻性，圖標(biāo)圖形應(yīng)盡量使用簡潔的平面圖形，盡量使用像素化的表現(xiàn)形式。 圖標(biāo)的設(shè)計要盡量避免生硬的邊緣輪廓，提倡漸變、羽化加強圖形的仿真性能，使設(shè)計更加趨于人性化。一方面圖標(biāo)的設(shè)計要求簡單美觀、富有吸引力，這樣用戶才愿意讓這些圖標(biāo)長久占據(jù)有限的屏幕空間；另一方面也要把握可識別特點，讓用戶在大量圖標(biāo)中輕松找到該應(yīng)用程序。圖標(biāo)必須有自己的特點，對于關(guān)聯(lián)的產(chǎn)品，可以結(jié)合品牌進(jìn)行設(shè)計。

        3、色彩的搭配

        手機界面的總體色彩應(yīng)該與界面主題相協(xié)調(diào)，在手機軟件界面的色彩設(shè)計上，妥當(dāng)運用色彩這種感性元素協(xié)調(diào)各要素之間的關(guān)系，使形態(tài)和功能特點得到突出，達(dá)到明確產(chǎn)品特征、強化訴求的目的。 色彩是影響手機界面的重要因素， 色彩搭配要考慮到你希望對用戶產(chǎn)生什么影響，為手機界面設(shè)計選擇合適的顏色，包括背景色、元素顏色、文字顏色等。 比如基于飽和的色彩和華麗的質(zhì)感，塑造超酷、超眩的視覺感受，利用羽化了的像素對圖形圖像進(jìn)行仿真設(shè)計，不僅塑造界面色彩、形狀，還進(jìn)一步在元素的質(zhì)感和體積感上下功夫，給用戶一種高貴華麗的視覺享受。對于界面的整體色調(diào)，最好使用鄰近色或同類色進(jìn)行色彩構(gòu)成，采用色彩的弱對比，因為界面圖形本身就結(jié)合了體積感和質(zhì)感的塑造，如果整體色調(diào)對比太強，很容易給用戶造成眼睛疲勞。把握界面整體色調(diào)的同時應(yīng)注意在圖標(biāo)和線條的色彩配置上下功夫，以活躍整個畫面，避免整個界面色彩單一、黯淡無光，合理地使用線條和色彩漸變，以確保細(xì)節(jié)的完美體現(xiàn)。

       4、動態(tài)導(dǎo)航的設(shè)計

        手機界面的動態(tài)導(dǎo)航設(shè)計是結(jié)構(gòu)層面設(shè)計中的主要工作之一，它是對手機操作進(jìn)行宏觀操控的區(qū)域，隨時可見，在這里它可以保存當(dāng)前操作結(jié)果、切換當(dāng)前操作模塊、退出系統(tǒng)，實現(xiàn)對軟件的靈活操控。導(dǎo)航設(shè)計的好壞，直接關(guān)系到用戶使用是否能夠流暢。 面對較復(fù)雜的導(dǎo)航，我們第一反應(yīng)是將其簡化。 合理的導(dǎo)航設(shè)計，應(yīng)該首先關(guān)注用戶，提示明確，讓用戶知道自己的當(dāng)前位置，并且能夠迅速跳轉(zhuǎn)到下一個界面，盡量讓用戶一目了然，減少用戶操作步數(shù)。在設(shè)計導(dǎo)航時，也要遵循人類的認(rèn)知法則，符合所對應(yīng)用戶的認(rèn)知度。如果設(shè)計的導(dǎo)航讓用戶很費勁或者花費較長時間才能搞清楚，無疑是失敗的體驗。 

        5、界面版式

        手機界面的版式在設(shè)計時應(yīng)該結(jié)合軟件的應(yīng)用范疇，合理安排，在有限的屏幕上將眾多元素整合排列，以達(dá)到美觀實用的目的。由于屏幕有限，設(shè)計師應(yīng)考慮將重要信息或視覺流程的停留點安排在注目價值高的最佳視域，使得整個界面的設(shè)計主題一目了然。比如將最常使用的高度概括的信息，或者一些常規(guī)操作如添加、完成、保存、取消——置于屏幕頂端。 屏幕的底部一般是輔的工具欄或切換視圖使用的頁簽欄。一些影響較大的操作如果出現(xiàn)在屏幕下半?yún)^(qū)域，要仔細(xì)考慮它們的排列設(shè)計。 應(yīng)用程序界面必須盡量簡潔，一目了然，用戶看到就能馬上理解。比如我們可以盡可能地減少輸入，直接為用戶提供選項，如索引列表，既方便用戶記憶，也可以幫助用戶快速掃描并直接選中。要盡量避免不必要的交互，不要一味提醒用戶如何操作，設(shè)計時應(yīng)該關(guān)注如何更有效地引導(dǎo)用戶集中精力快速完成任務(wù)。在iphone手機內(nèi)置的短信發(fā)送，版式布局合理，不但寫信人和收信人的信息內(nèi)容左右區(qū)分，而且在底色的選擇上也進(jìn)行區(qū)分，信息內(nèi)容通過時間順序排列下來，整個信息來回歷史一目了然，用戶進(jìn)行功能操作的時候更加方便快捷。界面版式的設(shè)定，在很大程度上需要借鑒相關(guān)手機系統(tǒng)界面的版式，以確保樣式的相對統(tǒng)一，利于系統(tǒng)與軟件的整合。當(dāng)然也要考慮軟件本身的應(yīng)用特性，結(jié)合操作的可用性和可實施性，對版式進(jìn)行合理的調(diào)整，使呈現(xiàn)信息的區(qū)域與區(qū)域之間協(xié)調(diào)統(tǒng)一、主次得當(dāng)。

        美國未來學(xué)家尼古拉·尼葛洛龐帝曾在其著作《數(shù)字化生存》中寫道:“我的界面夢想是，我的電腦將變得更像人?！?nbsp;可見用戶希望得到更加人性化的界 面，不僅要求視覺的形式美感、功能上操作便捷，更重要的是一切必須以人的需求為根本，帶給用戶人本主義設(shè)計關(guān)懷。好的界面設(shè)計也不僅僅是包括視覺上的，同時還有觸覺、聽覺以及交互性方面等，相信未來的手機界面設(shè)計能給用戶帶來多感觀的體驗。

        參考文獻(xiàn)

        [1]劉冬冬 何人可 3g手機用戶界面設(shè)計探討[j].包裝工程，2007。

篇9

[關(guān)鍵詞]：情感；APP；界面設(shè)計；三層次理論

隨著體驗時代的到來，產(chǎn)品設(shè)計師逐步認(rèn)識到，人們在基本需求得到滿足的情況下，更關(guān)心情感上的需求和精神上的慰藉。加大情感體驗在產(chǎn)品設(shè)計中所占的比重，設(shè)計出更多滿足消費者情感需求的產(chǎn)品，將會是市場的必然趨勢[1]。在APP產(chǎn)品同質(zhì)化現(xiàn)象日趨顯著競爭日愈激烈的當(dāng)下，將情感融入到產(chǎn)品界面設(shè)計之中也顯得尤為重要。

1、 APP產(chǎn)品的情感需求與情感化設(shè)計

《心理學(xué)大辭典》中認(rèn)為的：“情感是人對客觀事物是否滿足自己的需要而產(chǎn)生的態(tài)度體驗”。在Aarron Walter的《Designing for Emotion》一書中，作者將用戶界面設(shè)計需求與馬洛斯的人類需求層次理論聯(lián)系起來，產(chǎn)品特質(zhì)被劃分為功能性、可依賴性、可用性和愉悅性四個層面，而愉悅性層面處于普遍缺失釤。因此，我們的APP界面設(shè)計需要超越可用性，融入能夠給用戶帶來愉悅情感體驗的情感化設(shè)計[2]。

美國學(xué)者唐納德?A?諾曼在《設(shè)計心理學(xué)3：情感設(shè)計》一書中表示：一個令人愉悅、具有美感的物品，是以感官訴求為特點，令使用者的印象更為深刻，使用者感受到物品所帶來的吸引力，從而形成情感上的聯(lián)系。諾曼從知覺心理學(xué)出發(fā)，根據(jù)人類大腦三種運作層次，提出情感化設(shè)計的三個不同的層次，即本能層次、行為層次和反思層次[3]。

本能層次是指人類先天的部分，事物的外形、聲音、材質(zhì)、味道等等信號特征對人產(chǎn)生的視覺、聽覺、觸覺、味覺等的刺激占主導(dǎo)作用。行為層次是指人類日常行為部分，人們使用各類工具與產(chǎn)品完成目標(biāo)任務(wù)來滿足需求，是圍繞產(chǎn)品的功能的實現(xiàn)過程進(jìn)行評價的。反思層次依賴產(chǎn)品帶給人們的記憶和使用產(chǎn)品所帶來的自豪感，以及一些深層次的意識活動帶來的樂趣。反思層次設(shè)計是本能層次設(shè)計和行為層次設(shè)計在具體文化、環(huán)境、價值基礎(chǔ)上的深化與升華。

2、情感化設(shè)計在APP界面設(shè)計中的運用

諾曼的情感化設(shè)計理論在設(shè)計領(lǐng)域具有廣泛的指導(dǎo)作用和啟發(fā)意義[4]，APP 的界面是產(chǎn)品最終效果的呈現(xiàn)，是實現(xiàn)用戶與產(chǎn)品交流的窗口。用戶通過界面了解和使用產(chǎn)品，界面設(shè)計的優(yōu)劣直接影響產(chǎn)品的使用效率、用戶評價和口碑。三個層次的設(shè)計在APP界面設(shè)計中的運用可以對應(yīng)表現(xiàn)為：本能層的設(shè)計即關(guān)注界面的外觀視覺美觀；行為層的設(shè)計即關(guān)注交互操作行為的樂趣；反思層的設(shè)計即關(guān)注長期印象和品牌的建立。

3情感化的APP界面設(shè)計方法

3.1 滿足用戶本能層的情感需求：刺激感官，本能

讓用戶初次接觸產(chǎn)品時就能認(rèn)識到產(chǎn)品設(shè)計的美感，并愿意進(jìn)一步使用和體驗。設(shè)計方法主要體現(xiàn)在色彩元素、文本元素、圖形元素以及版式布局的運用[5]。

3.1.1色彩元素的運用

不同色相帶給人不同的情感聯(lián)想，與用戶性別、所處的環(huán)境、文化以及個人經(jīng)驗有關(guān)。一方面要注重色彩的心理感知，使用符合用戶特點的色彩。另一方面，

需基于功能分布合理配色，色彩的使用既要有統(tǒng)一性，形成 APP 區(qū)別于其他產(chǎn)品的獨特個性，也要兼顧不同功能區(qū)承載的作用，協(xié)調(diào)、呼應(yīng)、對比，通過合理的配色提升 APP 界面的易用性。

3.1.2 文本元素的運用

文本元素是 APP 與用戶溝通以及用戶與用戶之間進(jìn)行信息傳遞的重要載體。一方面，字形、字號、顏色、粗細(xì)等構(gòu)成了字體的基本屬性。受限于屏幕尺寸，建議設(shè)計中使用的文本控制在一到兩種字體，通過改變字體的大小、顏色、間距、行距等來提升文本展示的層次性。另一方面，APP用戶的使用情境的多樣性構(gòu)成字體的外部環(huán)境，直接挑戰(zhàn)著字體設(shè)計的可讀和易讀性。設(shè)計中需充分預(yù)見可變因素，積極適應(yīng)外部環(huán)境的變化，實現(xiàn)用戶自主調(diào)整文本元素屬性，增強界面的可控性。

3.1.3 圖形元素的運用

圖形不僅能夠減少用戶認(rèn)知負(fù)擔(dān)，同時能夠傳遞給用戶美的享受。APP界面設(shè)計中的圖形元素主要分為兩種：Logo 圖標(biāo)和界面中的功能性圖標(biāo)。Logo圖標(biāo)是用戶下載和使用 APP 的重要入口，承載著用戶的第一印象和感受，與其他界面一起向用戶傳達(dá)著整個產(chǎn)品的設(shè)計理念。在色彩、樣式、質(zhì)感等設(shè)計元素上應(yīng)與 APP 的其他界面相統(tǒng)一，構(gòu)成 APP 的視覺特點，幫助用戶形成連續(xù)的視覺體驗，增強用戶對APP的感知。APP界面中的功能性圖標(biāo)通常設(shè)計簡潔，主要使用于導(dǎo)航欄、工具欄和標(biāo)簽欄。不同的操作系統(tǒng)提供了很多標(biāo)準(zhǔn)的圖形控件供設(shè)計師和開發(fā)者使用，這些圖標(biāo)對用戶來說概括性強，相互一致，更易理解識別，應(yīng)盡量采用這些標(biāo)準(zhǔn)圖標(biāo)。

3.1.4版式布局的運用

版式布局雖存在一定的規(guī)律可循，但具體到不同 APP 的不同界面，一方面需界面形式服務(wù)于界面內(nèi)容。另一方面，需在設(shè)計之初便對APP界面有整體性把握，不同功能界面既變化又統(tǒng)一，力求所有界面無論從審美還是交互都能在相同元素的統(tǒng)一和不同元素的變化中創(chuàng)造出用戶可以識別的界面模式。

3.2 滿足用戶行為層的情感需求：趣味互動、社交體驗

主要是從互動形式和互動內(nèi)容兩方面體現(xiàn)界面的操作樂趣?；有问桨ê喕僮鬟^程、智能技術(shù)應(yīng)用?；觾?nèi)容包括使用游戲策略和增強社會互動。

3.2.1簡化操作過程

APP的操作界面設(shè)計一方面需著重考慮效率與時間的因素。人們處理信息、學(xué)習(xí)規(guī)程和記憶細(xì)節(jié)的能力有限，減少冗余步驟和干擾項，能夠減少用戶的記憶負(fù)擔(dān)，提高互動效率。另一方面在交互操作中，當(dāng)過程無法簡化時，可以將復(fù)雜操作轉(zhuǎn)移給系統(tǒng)，讓機器代替用戶進(jìn)行操作。如記錄用戶名和密碼、自動識別用戶IP所在的城市等交互設(shè)計細(xì)節(jié)。

3.2.2智能技術(shù)應(yīng)用

隨著信息技術(shù)的高速發(fā)展，手機交互技術(shù)也實現(xiàn)了數(shù)次重大革命，體驗領(lǐng)域的不斷突破，優(yōu)化著用戶體驗。APP產(chǎn)品中智能交互技術(shù)的有效應(yīng)用，如指紋識別、語音識別、眼球識別、面部識別等技術(shù)的應(yīng)用，能在增強用戶信息安全時帶來不一樣的操作體驗，也能間接提升用戶對產(chǎn)品的好感度。

3.2.3使用游戲策略

游戲的本質(zhì)是被設(shè)計出來的欲望。如流行的智能手環(huán)，能夠把每天走了多少步分享到朋友圈中，這就是一種游戲的競爭激勵機制。常見的用戶簽到、級別劃分、活動獎勵、成就累計展示等，能夠提高用戶使用APP的積極性與參與感。

3.2.4增強社會互

人們溝通情感的需求決定APP產(chǎn)品的社交屬性。評論、點贊、關(guān)注、分享、吐槽等都是社會化互動情感需求的體現(xiàn)。表達(dá)與傾訴、交談與互動、群體歸屬、連結(jié)關(guān)系等良好的社會互動能夠維持用戶的參與、提高用戶粘度、提升品牌影響力。

3.3 滿足用戶反思層的情感需求：喚醒記憶、觸發(fā)認(rèn)同

主要是使用戶在不斷使用APP的過程中，通過互動影響到自我形象、滿意度、記憶等，與產(chǎn)品間建立情感聯(lián)結(jié)，形成對產(chǎn)品品牌的認(rèn)知和忠誠度?？梢詮囊韵聝煞矫嫒胧郑?/p>

3.3.1 記憶符號的運用

情感不只來自于感官的直覺刺激，更產(chǎn)生于對歲月的回顧和經(jīng)歷的記憶。鑒于每個人的成長環(huán)境、區(qū)域、經(jīng)歷不盡相同，建議設(shè)計過程中參考集體記憶，從而設(shè)計出可讀的隱喻。收集集體記憶―選取記憶原型―將記憶符號導(dǎo)入設(shè)計，是最直接的喚起人們記憶和情感雙重共鳴的方式[6]?；谟洃洷銜a(chǎn)生熟悉感，會更易于融入人們的意識，消解于日常而不會給人們帶來突兀感。

3.3.2情感的代入與交流

情感代入是以語言、圖像、聲音、動作等營造身臨其境的感覺。豐富用戶對世界的認(rèn)知和對自我的認(rèn)知。社會性情感的滿足會給用戶帶來自信，是用戶自我實現(xiàn)的一種方式。APP的高模擬性優(yōu)勢使得通過五感完整構(gòu)建一個接近于人的形象成為可能，讓產(chǎn)品中的人物或形象與用戶以朋友的方式對話、互動、游戲，是產(chǎn)品與用戶情感交流的好方法。

4 、結(jié)語

結(jié)合情感化設(shè)計的APP界面設(shè)計旨在為用戶提供愉悅的情感體驗，然而需要注意的是，大多數(shù)的情感化設(shè)計停留在本能層和行為層，不能引起用戶的強烈共鳴。而且伴隨著APP生命周期的演變，用戶使用產(chǎn)品的新鮮感和驚喜感會逐漸淡化。所以，設(shè)計師需要時刻關(guān)注用戶需求和產(chǎn)品自身的發(fā)展，提供其他產(chǎn)品不能提供的情感體驗，真正發(fā)揮界面情感化設(shè)計的效果。

[參考文獻(xiàn)]：

[1]尹建國.產(chǎn)品情感化設(shè)計的方法與趨勢探析[J].湖南科技大學(xué)學(xué)報，2013，16（1）：161-163.

[2]Aarron Walter，王興 譯.Designing for Emotion[M].北京：人民郵電出版社，2014.

篇10

關(guān)鍵詞：PPT課件 界面設(shè)計 圖形 圖片 文字

中圖分類號：TP317.4 文獻(xiàn)標(biāo)識碼：A 文章編號：1672-1578（2016）11-0056-02

隨著教育技術(shù)在各領(lǐng)域應(yīng)用的推廣，PPT課件已經(jīng)成為教師教育教學(xué)、各行業(yè)業(yè)內(nèi)交流過程中非常常見的一種輔助手段，如何制作出高質(zhì)量的PPT課件這個研究課題越來越為人們所關(guān)注。課件不是知識點的簡單堆砌和羅列，需要進(jìn)行設(shè)計，而優(yōu)秀的界面設(shè)計是高質(zhì)量PPT課件必須具備的條件。

好的界面設(shè)計不僅能使課件更加賞心悅目，增加觀看者的無意注意時間，還能提高文字可讀性[1]，強化講演重點。那么，如何才能設(shè)計、制作出美觀實用的界面呢？筆者認(rèn)為可以從以下幾個方面著手去做。

1 利用現(xiàn)成的模板

如果制作者本身的設(shè)計能力、美學(xué)素養(yǎng)不是非常過硬或者制作時間有限，那么可以考慮使用PPT或者WPS自帶的設(shè)計模板，特別是WPS中有許多國人開發(fā)的模板可直接使用，新版本的WPS里模板更多樣，而且和PPT相互兼容。

2 自制模板

自制模板有兩個階段，一個是模仿階段，一個是完全創(chuàng)作階段。當(dāng)然這需要根據(jù)自己個人能力進(jìn)行選擇，還需要考慮課件需求的實際情況。

無論是模仿還是創(chuàng)作，PPT課件得界面設(shè)計都離不開圖形、圖片、文字這三個元素。為了使得整個課件保持和諧統(tǒng)一，課件的封面、目錄頁、內(nèi)容頁、封底還應(yīng)考慮包含相同或相似元素。在幻燈片母版里進(jìn)行相應(yīng)制作可以提高制作效率。

3 注重界面設(shè)計三元素

3.1 界面設(shè)計中的“圖形”元素

圖形在PPT課件中可以作為教學(xué)內(nèi)容，也可以縮小后放在頁面某處作為美化元素。

3.1.1 簡單圖形的插入

可以利用“插入”面板里的形狀或者smartart插入需要的簡單圖形。例如幻燈片中插入圖片，如果畫面中只有圖片，畫面會很單調(diào)，如圖1所示。如果加上一些圖形，哪怕只是兩根簡單的線條，也會為畫面增色不少，如圖2所示。

3.1.2 多個圖形的疊加

打開”文件”菜單下的“word選項”面板，在“自定義功能區(qū)”中可添加“形狀”選項卡，如圖3所示。其中的形狀剪除、形狀交點、形狀聯(lián)合、形狀組合四個命令項可以設(shè)計當(dāng)多個圖形對象疊加時留下的圖形，利用這種方法可以進(jìn)行簡單的圖形創(chuàng)作，如圖4所示，圖4為學(xué)生課堂作業(yè)。

3.1.3 圖形的創(chuàng)作

單擊插入――形狀――任意多邊形，多次重復(fù)單擊、移動鼠標(biāo)可以繪制出有意義的圖形雛形，然后通過編輯頂點調(diào)整控點和控制柄位置可以創(chuàng)作出需要的圖形，圖形繪制好后再設(shè)置合適的填充色，多個圖形合在一起，可以形成一幅非常漂亮的畫，如圖5、圖6所示。圖5、圖6為學(xué)生課堂作業(yè)，圖中所有對象都為任意多邊形或其他圖形繪制而成。

單擊插入――形狀――任意多邊形，然后像用筆繪畫一樣按住鼠標(biāo)左鍵拖動也可繪制圖形，不過這種方法繪制出的雛形，放大后線條毛糙、不流暢，而且后期因為控點太多不容易調(diào)整。圖形雛形也可以利用一些簡筆畫作為參考圖，繪制完成后再刪除參考圖。

在課件制作過程中，作為簡單圖形插入的應(yīng)用比較常見，而復(fù)雜圖形創(chuàng)作因為比較費事，很少人選擇使用它。不過筆者認(rèn)為，通過多個圖形疊加或者利用任意多邊形繪制出的復(fù)雜圖形，當(dāng)掌握技巧后繪制起來并不是非常困難，而且也不需要非常專業(yè)繪畫技巧。

3.2 界面設(shè)計中的“圖片”元素

圖片在課件中可以作為教學(xué)內(nèi)容，也可以僅用于美化。

3.2.1 圖片素材的選擇

圖片素材的選擇需注意以下幾個方面：首先盡量選擇分辨率較高的圖片，否則放大后圖片會模糊不清，達(dá)不到觀看效果；其次要注意圖片構(gòu)圖本身的縱橫比，否則拉伸后會變形，影響畫面美觀效果；再次，作為背景的圖片不能選擇色彩、層次豐富的圖片，否則會造成喧賓奪主，文字內(nèi)容無法醒目表現(xiàn)的情況出現(xiàn)。另外，課件中圖片不是越多越好，要考慮到實際需要，要權(quán)衡利弊后慎重選擇，更不能選擇與教學(xué)內(nèi)容毫不相關(guān)的圖片，否則可能會給觀看者造成理解上的干擾。

3.2.2 PPT圖片工具的使用

PPT自帶的圖片工具可以對圖片進(jìn)行裁剪、背景刪除、圖片邊框、圖片效果、圖片顏色、對齊、旋轉(zhuǎn)等操作，使得圖片更加符合講演需要，經(jīng)過圖片工具處理的圖片外在形式更加多樣、生動。

3.2.3 圖片素材的處理

利用PS工具或者美圖秀秀可以對圖片水印效果、多余的內(nèi)容刪除等其他細(xì)節(jié)進(jìn)行調(diào)整。美圖秀秀操作簡單，容易掌握，特別是“摳圖”操作非常簡單實用。當(dāng)然對于圖片的一些復(fù)雜的處理，特別是多圖層操作，還是用PS更合適些。

對于要在一些顏色鮮艷多樣，明暗層次豐富的圖片上輸入文字的情況，可以考慮在圖片上插入一個有底紋色、邊框的圖形，形狀效果適當(dāng)調(diào)整后，在圖形上輸入文字，這樣既保留了所需圖片，又使得插入的文字醒目、突出。

3.2.4 PPT中的圖形與圖片

作為圖形插入到PPT后還可以根據(jù)需要隨時調(diào)整，而如果是通過photoshop或者其他圖片創(chuàng)作工具制作出的圖片，插入到PPT后是不能在ppt中修改的，而只能在原有創(chuàng)作工具中進(jìn)行修改。不僅如此如果后期對圖中部分內(nèi)容制作動畫的話，圖片是無法實現(xiàn)的，圖片只能作為一個整體制作動畫。例如一幅樹的圖片在后期利用PPT來做動畫的話，只能制作出針對整棵樹的動畫，而不能僅針對樹上的樹葉做動畫，而如果是圖形，就可以根據(jù)需要任意安排樹中的多個樹葉對象做不同的動畫。

3.3 界面設(shè)計中的“文字”元素

3.3.1 文字內(nèi)容的設(shè)計

文字是界面設(shè)計的“點睛之筆”，通常在使用過程中是作為講演者語言的重復(fù)強調(diào)或者輔助說明。制作課件時最容易犯的錯誤就是一張幻燈片上文字太多，信息量太大，導(dǎo)致重點不明，字體不清。同時由于界面上內(nèi)容太多，也會讓人感覺界面缺乏設(shè)計，如圖6所示。解決方法有：方法一，刪減原有文字，提煉出關(guān)鍵詞或關(guān)鍵語句，可分層次、分條列出，注意分層最好不多于三層；方法二，分成多張幻燈片。

例如，圖6中的幻燈片可從以下角度考慮界面設(shè)計的整改：一是一張幻燈片中涉及的主題太多，重點不突出，整改措施是根據(jù)文字表達(dá)的不同主題將內(nèi)容分在三張幻燈片上，同時為了突出重點，在標(biāo)題處配合圖形進(jìn)行設(shè)計，段落文字中重點詞語用彩色突出標(biāo)記，還可以配合合理的動畫設(shè)計突出文字中表達(dá)的重點；二是根據(jù)背景顏色以及幻燈片中圖片的位置、大小、內(nèi)容合理安排文字的位置、大小、字體等，保證界面風(fēng)格一致；三是相同級別的文字保持字體、字號、顏色、設(shè)計方式的一致。如圖7所示。

3.3.2 個性化文字字體的應(yīng)用

為了配合界面設(shè)計的風(fēng)格，有時做課件時會選擇比較個性的字體，這些個性的字體一般電腦上都沒有安裝，所以一旦做好的課件換了電腦打開后，這些個性化的字體就會變成默認(rèn)的字體，失去了本身的風(fēng)格。這個問題的解決有兩種方法：一是把這些個性化的字體文字保存成圖片插入在幻燈片中，這種方法比較適用于文字比較少而且一般不需要進(jìn)行修改的內(nèi)容，因為一旦存成圖片后文字就不能編輯了，如果有錯誤，只能重新制作存為圖片插入；另一種方法是將需要的字體文件保存在課件包里，提示使用者為了達(dá)到最佳觀看效果，使用課件前需安裝必要的字體，這種方法不存在修改文字麻煩的問題，但是字體需要手動安裝。

3.3.3 文字顏色的選擇

一張幻燈片上文字顏色不宜過多，否則容易讓觀看者眼花繚亂，找不到重點。文字顏色還需要與背景色形成鮮明對比，保證文字醒目突出。

當(dāng)然，作為課件的界面設(shè)計來講，還需要考慮課件的使用對象以及教學(xué)內(nèi)容等方面的適用性問題，適當(dāng)?shù)牧舭讓τ谡n件界面設(shè)計來講也非常重要。

參考文獻(xiàn)：