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

篇1

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

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

一、操作簡便

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

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

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

3.提供在線幫助信息。為了用戶使用，課件中應(yīng)設(shè)置必要的幫助信息，如系統(tǒng)幫助、功能幫助、警告幫助等操作信息。這些幫助可以是綜述性的信息，也可以是與所在位置的上下文相關(guān)的針對(duì)性信息。幫助信息可以起文檔手冊(cè)的作用，但內(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.突出重要信息?？梢栽陲@示中使用黑體字、加下劃線、增大字的寬度、閃爍、反白和彩色來強(qiáng)調(diào)某些重要的、期望引起學(xué)習(xí)者注意的信息。在描述局部細(xì)微變化時(shí)，應(yīng)采用加圈放大或特寫的方式等。

三、布局合理

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

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

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

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

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

四、前后一致

前后一致是人機(jī)界面領(lǐng)域的普遍原則，它是將相同類型的信息使用一致的相似方式顯示，包括顯示風(fēng)格、布局、位置、所使用的顏色等的一致性，以及相似的人機(jī)操作方式。一致性的交互界面，可幫助學(xué)習(xí)者把他們當(dāng)前的知識(shí)、經(jīng)驗(yàn)推廣到新課件中去，從而減輕學(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í)過程中得到美的感受，在美的陶冶中增加情趣，得到更好的感知和理解。但色彩如果使用不合理，就會(huì)對(duì)人產(chǎn)生視覺疲勞等方面的心理影響，過分渲染則分散人的注意力。因此，色彩的使用也必須遵循一定的原則。

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

篇2

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

隨著80后已漸漸地為人父母，家長們送給孩子的禮物，也已經(jīng)不再局限于玩具、新衣服。ipad等智能終端產(chǎn)品已經(jīng)成為越來越多的家長的選擇。《2010年兒童網(wǎng)民規(guī)模及上網(wǎng)行為調(diào)查報(bà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年開始做了一個(gè)關(guān)于0～10歲兒童認(rèn)知發(fā)展的研究，我們可以得知：在兒童的學(xué)習(xí)過程中，即使是嬰兒，他們也都擁有了幾乎所有的學(xué)習(xí)方法。這種學(xué)習(xí)包括學(xué)習(xí)聲音之間的關(guān)系，和典型常見物品的視覺特征。在該研究中他們指出，孩子思考和推理的方式跟成年人大致相同，但是他們?nèi)狈?jīng)驗(yàn)。他們需要經(jīng)驗(yàn)來幫助他們發(fā)展自我反思和自我監(jiān)管能力。在知識(shí)的獲取方面，孩子對(duì)知識(shí)的學(xué)習(xí)可以通過積累認(rèn)知策略，自我反省和抑制性控制來提高。兒童通過構(gòu)建因果關(guān)系的框架來使他們的經(jīng)驗(yàn)在生物、物理和心理領(lǐng)域有意義。兒童通過經(jīng)驗(yàn)、語言和假裝玩耍來獲取他們的知識(shí)，另外教學(xué)對(duì)于兒童的因果解釋系統(tǒng)的發(fā)展是最重要的。

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

2不同年齡段兒童特點(diǎn)分析

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（11）互動(dòng)性?；顒?dòng)的界面更能吸引小孩子的注意，所以應(yīng)用要保持與用戶很好的互動(dòng)性。對(duì)于用戶的點(diǎn)擊都要做出反饋，即使是點(diǎn)擊空白區(qū)域。這些反饋包括音效、動(dòng)畫，以及震動(dòng)等反饋。由于小朋友抓住東西就喜歡亂晃，所以當(dāng)小朋友晃動(dòng)設(shè)備的時(shí)候，界面也要有相應(yīng)的反應(yīng)。

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

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

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

篇3

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

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

1、引言

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

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

2.1 工業(yè)軟件概述

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

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

2.2 工業(yè)軟件特點(diǎn)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4、 小結(jié)

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

參考文獻(xiàn)

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

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

[3] 楊靜.淺談?dòng)脩艚缑嬖O(shè)計(jì)[J].藝術(shù)與設(shè)計(jì)(理論)，2009,(01).

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

作者簡介

篇4

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

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

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

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

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

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

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

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

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

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

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

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

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

三、結(jié)語

篇5

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

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

建筑的本質(zhì)是空間,而空間是由界面圍合而成的。在商業(yè)步行街中,街道空間主要由建筑界面圍合而成,因此界面扮演著舉足輕重的角色,界面設(shè)計(jì)的好壞即是決定步行街是否具有活力的關(guān)鍵要素。在現(xiàn)代城市設(shè)計(jì)中,商業(yè)步行街界面設(shè)計(jì)應(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è)計(jì)。

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

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

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

1.2界面的重要性

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

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

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

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

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

2.1塑造界面的可識(shí)別性

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

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

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

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

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

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

3.1項(xiàng)目背景

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

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

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

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

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

3.4連續(xù)性原則

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

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

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

4結(jié)語

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

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

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

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

三、結(jié)語

篇7

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

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

文章編號(hào)：1671-489X（2016）21-0033-02

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

1 什么是界面？

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

導(dǎo)航的設(shè)計(jì)與使用 構(gòu)成網(wǎng)站導(dǎo)航的是網(wǎng)頁中的焦點(diǎn)元素，它們讓用戶清晰直觀地找到自己想要的東西，引導(dǎo)用戶去尋找網(wǎng)站上最重要的信息，以達(dá)到銷售或者查詢等目的。導(dǎo)航設(shè)計(jì)并沒有一個(gè)統(tǒng)一的設(shè)計(jì)方法，每個(gè)網(wǎng)站由于其目標(biāo)、需求、設(shè)計(jì)手法、運(yùn)營等諸多因素影響，導(dǎo)致它們?cè)趯?dǎo)航設(shè)計(jì)上千差萬別，但是導(dǎo)航設(shè)計(jì)還是有基本的規(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)容，從一個(gè)用戶的角度去看待一個(gè)網(wǎng)站的信息需求。對(duì)針對(duì)頁面信息的完整性、連續(xù)性、可靠性等問題進(jìn)行解決，明確網(wǎng)站所要達(dá)成的目標(biāo)，針對(duì)網(wǎng)站的用戶群去解決登錄、訂閱等邏輯問題。

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

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

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

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

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

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

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

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

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

6 展望與發(fā)展

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

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

篇8

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

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

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

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

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

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

        1、界面文本的選擇

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

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

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

        3、色彩的搭配

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

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

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

        5、界面版式

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

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

        參考文獻(xiàn)

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

篇9

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

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

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

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

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

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

2、情感化設(shè)計(jì)在APP界面設(shè)計(jì)中的運(yùn)用

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

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

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

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

3.1.1色彩元素的運(yùn)用

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

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

3.1.2 文本元素的運(yùn)用

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

3.1.3 圖形元素的運(yùn)用

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

3.1.4版式布局的運(yùn)用

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

3.2 滿足用戶行為層的情感需求：趣味互動(dòng)、社交體驗(yàn)

主要是從互動(dòng)形式和互動(dòng)內(nèi)容兩方面體現(xiàn)界面的操作樂趣?；?dòng)形式包括簡化操作過程、智能技術(shù)應(yīng)用?；?dòng)內(nèi)容包括使用游戲策略和增強(qiáng)社會(huì)互動(dòng)。

3.2.1簡化操作過程

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

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

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

3.2.3使用游戲策略

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

3.2.4增強(qiáng)社會(huì)互

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

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

主要是使用戶在不斷使用APP的過程中，通過互動(dòng)影響到自我形象、滿意度、記憶等，與產(chǎn)品間建立情感聯(lián)結(jié)，形成對(duì)產(chǎn)品品牌的認(rèn)知和忠誠度。可以從以下兩方面入手：

3.3.1 記憶符號(hào)的運(yùn)用

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

3.3.2情感的代入與交流

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

4 、結(jié)語

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

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

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

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

篇10

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

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

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

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

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

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

2 自制模板

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

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

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

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

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

3.1.1 簡單圖形的插入

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

3.1.2 多個(gè)圖形的疊加

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

3.1.3 圖形的創(chuàng)作

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

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

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

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

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

3.2.1 圖片素材的選擇

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

3.2.2 PPT圖片工具的使用

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

3.2.3 圖片素材的處理

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

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

3.2.4 PPT中的圖形與圖片

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

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

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

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

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

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

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

3.3.3 文字顏色的選擇

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

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

參考文獻(xiàn)：