界面設(shè)計(jì)方案

1、精選優(yōu)質(zhì)文檔-傾情為你奉上界面設(shè)計(jì)方案目錄一、概述界面設(shè)計(jì)是人與機(jī)器之間傳遞和交換信息的媒介，包括界面和軟件界面，是科學(xué)與心理學(xué)、設(shè)計(jì)藝術(shù)學(xué)、認(rèn)知科學(xué)和人機(jī)工程學(xué)的交叉研究領(lǐng)域。近年來(lái)，隨著與計(jì)算機(jī)技術(shù)的迅速發(fā)展，網(wǎng)絡(luò)技術(shù)的突飛猛進(jìn)，和開(kāi)發(fā)已成為國(guó)際計(jì)算機(jī)界和設(shè)計(jì)界最為活躍的研究方向。UI即 User Interface(用戶界面)的簡(jiǎn)稱。UI設(shè)計(jì)則是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品味，還要讓軟件的操作變得舒適、簡(jiǎn)單、自由,充分體現(xiàn)軟件的定位和特點(diǎn)。 二、用戶界面設(shè)計(jì)原則1.簡(jiǎn)易性 界面的簡(jiǎn)潔是要讓用戶便于使用、便于了解、并能減少用戶發(fā)生

2、錯(cuò)誤選擇的可能性。 2.用戶語(yǔ)言 界面中要使用能反應(yīng)用戶本身的語(yǔ)言，而不是者的語(yǔ)言。 3.記憶負(fù)擔(dān)最小化 人腦不是電腦，在設(shè)計(jì)界面時(shí)必須要考慮人類大腦的限度。人類的短期記憶極不穩(wěn)定、有限，24小時(shí)內(nèi)存在25%的遺忘率。所以對(duì)用戶來(lái)說(shuō)，瀏覽信息要比記憶更容易。 4.一致性 是每一個(gè)優(yōu)秀界面都具備的特點(diǎn)。界面的結(jié)構(gòu)必須清晰且一致，風(fēng)格必須與游戲內(nèi)容相一致。 5.清楚 在視覺(jué)效果上便于理解和使用。 6.用戶的熟悉程度 用戶可通過(guò)已掌握的知識(shí)來(lái)使用界面，但不應(yīng)超出一般常識(shí)。 7.從用戶的考慮 想用戶所想，做用戶所做。用戶總是按照他們自己的方法理解和使用。 通過(guò)比較兩個(gè)不同世界(真實(shí)與虛擬)的事物，完成

3、更好的設(shè)計(jì)。如：書(shū)籍對(duì)比竹簡(jiǎn)。 8.排列 一個(gè)有序的界面能讓用戶輕松的使用。 9.安全性 用戶能自由的作出選擇，且所有選擇都是可逆的。在用戶作出危險(xiǎn)的選擇時(shí)有信息介入系統(tǒng)的提示。 10.靈活性 簡(jiǎn)單來(lái)說(shuō)就是要讓用戶方便的使用，但不同于上述。即互動(dòng)多重性，不局限于單一的工具(包括鼠標(biāo)、鍵盤或手柄)。 11.人性化 高效率和用戶滿意度是人性化的體現(xiàn)。應(yīng)具備專家級(jí)和初級(jí)玩家系統(tǒng)，即用戶可依據(jù)自己的習(xí)慣定制界面，并 能保存設(shè)置。 三、關(guān)于軟件界面設(shè)計(jì)軟件用戶界面（Software User Interface）是指用于和用戶交流的外觀、部件和等等。如果你經(jīng)常上網(wǎng)的話，會(huì)看到很多很樸素，看起來(lái)給人一種很

4、舒服的感覺(jué)；有點(diǎn)軟件很有創(chuàng)意，能給人帶來(lái)意外的驚喜和視覺(jué)的沖擊；而相當(dāng)多的軟件頁(yè)面上充斥著怪異的，花哨的色彩和圖片，給人粗劣的感覺(jué)。的設(shè)計(jì)，既要從外觀上進(jìn)行創(chuàng)意以到達(dá)吸引眼球的目的，還要結(jié)合圖形和版面設(shè)計(jì)的相關(guān)，從而使得軟件設(shè)計(jì)變成了一門獨(dú)特的藝術(shù)。通常的講，企業(yè)軟件用戶界面的設(shè)計(jì)應(yīng)遵循以下幾個(gè)基本原則： 1用戶導(dǎo)向（User oriented）原則設(shè)計(jì)網(wǎng)頁(yè)首先要明確到底誰(shuí)是使用者，要站在用戶的觀點(diǎn)和立場(chǎng)上來(lái)考慮設(shè)計(jì)軟件。要作到這一點(diǎn)，必須要和用戶來(lái)溝通，了解他們的需求、目標(biāo)、期望和偏好等。網(wǎng)頁(yè)的設(shè)計(jì)者要清楚，用戶之間差別很大，他們的能力各有不同。比如有的用戶可能會(huì)在視覺(jué)方面有欠缺（如色盲），

5、對(duì)很多的顏色分辨不清；有的用戶的聽(tīng)覺(jué)也會(huì)有障礙，對(duì)于軟件的語(yǔ)音提示反映遲鈍；而且相當(dāng)一部分用戶的使用經(jīng)驗(yàn)很初級(jí)，對(duì)于復(fù)雜一點(diǎn)的操作會(huì)感覺(jué)到很費(fèi)力。另外，用戶使用的計(jì)算機(jī)機(jī)器配置也是千差萬(wàn)別，包括顯卡、聲卡、內(nèi)存、網(wǎng)速、操作系統(tǒng)以及等都會(huì)有不同。設(shè)計(jì)者如果忽視了這些差別，設(shè)計(jì)出的網(wǎng)頁(yè)在不同的機(jī)器上顯示就會(huì)造成混亂。 2KISS（Keep It Simple And Stupid）原則KISS原則就是Keep It Simple And Stupid的縮寫，簡(jiǎn)潔和易于操作是的最重要的原則。畢竟，軟件建設(shè)出來(lái)是用于普通網(wǎng)民來(lái)查閱信息和使用。沒(méi)有必要在網(wǎng)頁(yè)上設(shè)置過(guò)多的操作，堆集上很多復(fù)雜和花哨的圖片。

6、該原則一般的要求，網(wǎng)頁(yè)的下載不要超過(guò)10秒鐘（普通的撥號(hào)用戶56 Kbps網(wǎng)速）；盡量使用文本鏈接，而減少大幅圖片和的使用；操作設(shè)計(jì)盡量簡(jiǎn)單，并且有明確的操作提示；軟件所有的內(nèi)容和服務(wù)都在顯眼處向用戶予以說(shuō)明等。 3布局控制關(guān)于網(wǎng)頁(yè)排版布局方面，很多網(wǎng)頁(yè)設(shè)計(jì)者重視不夠，網(wǎng)頁(yè)排版設(shè)計(jì)的過(guò)于死板，甚至照抄他人。如果網(wǎng)頁(yè)的布局凌亂，僅僅把大量的信息堆集在頁(yè)面上，會(huì)干擾瀏覽者的閱讀。一般在網(wǎng)頁(yè)設(shè)計(jì)上所要遵循的原理有： （1）Miller公式。根據(jù)心理學(xué)家George A.Miller的研究表明，人一次性接受的信息量在7個(gè)比特左右為宜?？偨Y(jié)一個(gè)公式為：一個(gè)人一次所接受的信息量為 72 比特。這一原理被廣

7、泛應(yīng)用于軟件建設(shè)中，一般網(wǎng)頁(yè)上面的欄目選擇最佳在59個(gè)之間，如果軟件所提供給瀏覽者選擇的內(nèi)容鏈接超過(guò)這個(gè)區(qū)間，人在心理上就會(huì)煩躁，壓抑，會(huì)讓人感覺(jué)到信息太密集，看不過(guò)來(lái)，很累。例如Aol點(diǎn)com的欄目設(shè)置：Main、MyAol、Mail、People、Search、Shop、Channels和Devices共八個(gè)分類。Msn點(diǎn)com的欄目設(shè)置：MSN Home、My MSN、Hotmail、Search、Shopping、Money和People & Chat共七項(xiàng)。然而很多國(guó)內(nèi)的軟件在欄目的設(shè)置遠(yuǎn)遠(yuǎn)超出這個(gè)區(qū)間。 （2）分組處理。上面提到，對(duì)于信息的分類，不能超過(guò)9個(gè)欄目。但如果你的內(nèi)容實(shí)在

8、是多，超出了9個(gè)，需要進(jìn)行分組處理。如果，你的網(wǎng)頁(yè)上提供幾十篇文章的鏈接，需要每隔7篇加一個(gè)空行或做以分組。如果你的軟件內(nèi)容欄目超出9個(gè)，如的軟件，共有11個(gè)欄目，超過(guò)了9個(gè)。 4視覺(jué)平衡網(wǎng)頁(yè)設(shè)計(jì)時(shí)，也要各種元素（如圖形、文字、空白）都會(huì)有視覺(jué)作用。根據(jù)視覺(jué)原理，圖形與一塊文字相比較，圖形的視覺(jué)作用要大一些。所以，為了達(dá)到視覺(jué)平衡，在設(shè)計(jì)網(wǎng)頁(yè)時(shí)需要以更多的文字來(lái)平衡一幅圖片。另外，按照中國(guó)人的閱讀習(xí)慣是從左到右，從上到下，因此視覺(jué)平衡也要遵循這個(gè)這個(gè)道理。例如，你的很多的文字是采用Align=left，需要在網(wǎng)頁(yè)的右面加一些圖片或一些較明亮、較醒目的顏色。一般情況下，每張網(wǎng)頁(yè)都會(huì)設(shè)置一個(gè)頁(yè)眉部

9、分和一個(gè)頁(yè)腳部分，頁(yè)眉部分常放置一些Banner或?qū)Ш綏l，而頁(yè)腳部分通常放置聯(lián)系方式和等，頁(yè)眉和頁(yè)腳在設(shè)計(jì)上也要注重視覺(jué)平衡。同時(shí)，也決不能低估空白的價(jià)值。如果你的網(wǎng)頁(yè)上所顯示的信息非常密集，這樣不但不利于讀者閱讀，甚至?xí)鹱x者反感，破壞該軟件的形象。在網(wǎng)頁(yè)設(shè)計(jì)上，適當(dāng)增加一些空白，精煉你的網(wǎng)頁(yè)，使得頁(yè)面變的簡(jiǎn)潔。 5色彩的搭配和文字的可閱讀性顏色是影響網(wǎng)頁(yè)的重要因素，不同的顏色對(duì)人的感覺(jué)有不同的影響，例如：紅色和橙色使人興奮并使得心跳加速；黃色使人聯(lián)想到陽(yáng)光，是一種快活的顏色；黑顏色顯得比較莊重，考慮到你希望對(duì)瀏覽者產(chǎn)生什么影響，為網(wǎng)頁(yè)設(shè)計(jì)選擇合適的顏色（包括背景色、元素顏色、文字顏色、鏈

10、節(jié)顏色等）。 為方便閱讀軟件上的信息，可以參考報(bào)紙的編排方式將網(wǎng)頁(yè)的內(nèi)容分欄設(shè)計(jì)，甚至兩欄也要比一滿頁(yè)的視覺(jué)效果要好。另一種能夠提高文字可讀性的因素是所選擇的字體，通用的字體（Arial，Courier New，Garamond，Times New Roman，中文）最易閱讀，特殊字體用于標(biāo)題效果較好，但是不適合正文。如果在整個(gè)頁(yè)面使用一些特殊字體（如Cloister，Gothic，Script，Westminster，華文彩云，華文行楷），這樣讀者閱讀起來(lái)感覺(jué)一定很糟糕。該類特殊字體如果在頁(yè)面上大量使用，會(huì)使得閱讀頗為費(fèi)力，瀏覽者的眼睛很快就會(huì)疲勞，不得不轉(zhuǎn)移到其他頁(yè)面。 6和諧與一致性通過(guò)

11、對(duì)軟件的各種元素（顏色、字體、圖形、空白等）使用一定的規(guī)格，使得設(shè)計(jì)良好的網(wǎng)頁(yè)看起來(lái)應(yīng)該是和諧的?；蛘哒f(shuō)，軟件的眾多單獨(dú)網(wǎng)頁(yè)應(yīng)該看起來(lái)像一個(gè)整體。軟件設(shè)計(jì)上要保持一致性，這又是很重要的一點(diǎn)。一致的結(jié)構(gòu)設(shè)計(jì)，可以讓瀏覽者對(duì)軟件的形象有深刻的記憶；一致的導(dǎo)航設(shè)計(jì)，可以讓瀏覽者迅速而又有效的進(jìn)入在軟件中自己所需要的部分；一致的操作設(shè)計(jì)，可以讓瀏覽者快速學(xué)會(huì)在整個(gè)軟件的各種功能操作。破壞這一原則，會(huì)誤導(dǎo)瀏覽者，并且讓整個(gè)軟件顯的雜亂無(wú)章，給人留下不良的印象。當(dāng)然，軟件設(shè)計(jì)的一致性并不意味著刻板和一成不變，有的軟件在不同欄目使用不同的風(fēng)格，或者隨著時(shí)間的推移不斷的改版軟件，會(huì)給瀏覽者帶來(lái)新鮮的感覺(jué)。 7

12、個(gè)性化（1）符合文化 企業(yè)軟件不同于傳統(tǒng)的企業(yè)商務(wù)活動(dòng)，要符合Internet網(wǎng)絡(luò)文化的要求。首先，網(wǎng)絡(luò)最早是非正式性、非商業(yè)化的，只是科研人員用來(lái)交流信息。其次，網(wǎng)絡(luò)信息是只在計(jì)算機(jī)屏幕上顯示而沒(méi)有打印出來(lái)閱讀，網(wǎng)絡(luò)上的交流具有隱蔽性，誰(shuí)也不知道對(duì)方的真實(shí)身份。另外，許多人在上網(wǎng)的時(shí)候是在家中或網(wǎng)吧等一些比較休閑，比較隨意的環(huán)境下。此時(shí)網(wǎng)絡(luò)用戶的使用環(huán)境所蘊(yùn)涵的思維模式與坐在辦公室里西裝革履的時(shí)候大相徑庭。因此，整個(gè)的文化是一種休閑的、非正式性的、輕松活潑的文化。在軟件上使用幽默的網(wǎng)絡(luò)語(yǔ)言，創(chuàng)造一種休閑的、輕松愉快、非正式的氛圍會(huì)使軟件的訪問(wèn)量大增。 （2）塑造軟件個(gè)性 另外，軟件的整體風(fēng)格

13、和整體氣氛表達(dá)要同企業(yè)形象相符合并應(yīng)該很好的體現(xiàn)企業(yè)CI。在這方面比較經(jīng)典的案例有：個(gè)性鮮明的前衛(wèi)軟件Life Tastes Good；工整、全面、細(xì)致的通用電氣公司軟件We bring good things to life（GE帶來(lái)美好的生活）；崇尚科技創(chuàng)新文化的3M公司軟件Creating solutions for business、industry and home；刻意扮演一個(gè)數(shù)字電子娛樂(lè)之集大成者的角色，要成為新時(shí)代夢(mèng)想實(shí)現(xiàn)者的軟件；平易近人、親情濃郁的軟件體現(xiàn)了以人為本的企業(yè)定位和營(yíng)銷策略；服務(wù)全面、細(xì)致、方便，處處體現(xiàn)賓至如歸服務(wù)理念的軟件。 四、關(guān)于網(wǎng)頁(yè)界面設(shè)計(jì)網(wǎng)頁(yè)界面設(shè)計(jì)

14、不同于一般的平面設(shè)計(jì),擁有自身的設(shè)計(jì)特征。網(wǎng)頁(yè)界面設(shè)計(jì)應(yīng)時(shí)刻圍繞“信息傳達(dá)”這一主題來(lái)進(jìn)行。目前網(wǎng)頁(yè)界面?zhèn)鬟_(dá)的信息主要是視覺(jué)信息。因此從設(shè)計(jì)類型上來(lái)看,網(wǎng)頁(yè)界面設(shè)計(jì)屬于視覺(jué)傳達(dá)的領(lǐng)域,故而網(wǎng)頁(yè)界面設(shè)計(jì)的主要視覺(jué)元素和設(shè)計(jì)指導(dǎo)原則都要遵循視覺(jué)傳達(dá)的一般規(guī)律。網(wǎng)頁(yè)界面設(shè)計(jì)師在視覺(jué)傳達(dá)的工作,就是通過(guò)有效吸引視線的藝術(shù)形式使信息得以清晰、準(zhǔn)確、有力地傳達(dá)。 五、交互設(shè)計(jì)交互設(shè)計(jì)是指設(shè)計(jì)人和產(chǎn)品或服務(wù)互動(dòng)的一種機(jī)制, 以用戶體驗(yàn)為基礎(chǔ)進(jìn)行的人機(jī)交互設(shè)計(jì)是要考慮用戶的背景、使用經(jīng)驗(yàn)以及在操作過(guò)程中的感受，從而設(shè)計(jì)符合最終用戶的產(chǎn)品，使得最終用戶在使用產(chǎn)品時(shí)愉悅、符合自己的. GUI(Graphical User Interface)是一種結(jié)合計(jì)算機(jī)科學(xué)、美學(xué)、心理學(xué)、行為學(xué)，及各商業(yè)領(lǐng)域需求分析的人機(jī)系統(tǒng)工程，強(qiáng)調(diào)人機(jī)環(huán)境三者作為一個(gè)系統(tǒng)進(jìn)行總體設(shè)計(jì)。 這種面向客戶的系統(tǒng)工程設(shè)計(jì)其目的是優(yōu)化產(chǎn)品的性能. 六、圖標(biāo)圖標(biāo)在人機(jī)交互設(shè)計(jì)中無(wú)所不在。隨著人們對(duì)審美、時(shí)尚、趣味的不斷追求，圖標(biāo)設(shè)計(jì)也不斷花樣翻新，越來(lái)越多精美、新穎、富有創(chuàng)造力和想像力的圖標(biāo)充. 七、界面設(shè)計(jì)需求分析任何一個(gè)成功的產(chǎn)品都是建立在對(duì)需求的準(zhǔn)確把握之上的。需求分析對(duì)于新產(chǎn)品的開(kāi)發(fā)或者已有產(chǎn)品的改進(jìn)升級(jí)是不可缺少的早期環(huán)節(jié)之一。許多設(shè)計(jì)項(xiàng)目在還沒(méi)有很好地理解用戶需求甚至幾乎對(duì)用戶需求完全不清.八、