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

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

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

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

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

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

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

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

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

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

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

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

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

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

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