計算機(jī)ui設(shè)計論文

1、網(wǎng)站界面設(shè)計網(wǎng)站界面設(shè)計(UI設(shè)計設(shè)計)姓名：石美芳學(xué)號：2012040121103班級：軟工2班上世紀(jì)最偉大的發(fā)明莫過于互聯(lián)網(wǎng)的發(fā)明，進(jìn)入21世紀(jì)，互聯(lián)網(wǎng)代表著一種嶄新的信息交流方式，它使信息的傳播突破了傳統(tǒng)的政治、經(jīng)濟(jì)、地域及文化的阻隔，使信息傳達(dá)的范圍、速度與效率都產(chǎn)生了質(zhì)的飛躍。如果把互聯(lián)網(wǎng)比做一棵大樹，那成千上萬的網(wǎng)站則是組成這參天大樹的枝條，而每個網(wǎng)站都是由諸多網(wǎng)頁構(gòu)成那么網(wǎng)頁就是這參天大樹上數(shù)不清的葉子，故網(wǎng)頁是構(gòu)成互聯(lián)網(wǎng)

2、的基本元素。我國這兩年的網(wǎng)絡(luò)發(fā)展非?？欤刻於加袛?shù)以千計的網(wǎng)站誕生，其中的網(wǎng)頁數(shù)量更是成幾何式的增長，然而關(guān)乎網(wǎng)站形象和瀏覽者用戶體驗(yàn)的網(wǎng)站界面設(shè)計卻不容樂觀。除了一些大的專業(yè)網(wǎng)站在版面的編排上比較講究之外，其他很少見到界面設(shè)計考究、美術(shù)創(chuàng)意優(yōu)秀的中文網(wǎng)站。如何設(shè)計出美觀（吸引受眾眼球）的網(wǎng)頁，如何用優(yōu)秀的用戶體驗(yàn)贏得受眾的一次又一次的瀏覽仿佛一夜間就擺在了眾設(shè)計師的案頭。就此本文從以下幾點(diǎn)討論了關(guān)于網(wǎng)站界面設(shè)計所需要重視的問題。一、認(rèn)

3、識一、認(rèn)識UI（1）什么是UI：UI的本意是用戶界面，是英文User和interface的縮寫。（2）什么是GUI：GraphicsUserInterface圖形用戶界面，也就是我們今天要主要研究的東西。（3）什么是用戶界面設(shè)計：在人和機(jī)器的互動過程中，最重要的一個方面就是我們所說的界面。用戶界面設(shè)計是屏幕產(chǎn)品的重要組成部分。大致界面可分為感覺（視覺、觸覺、聽覺等）和情感兩個層次。界面設(shè)計是一個需要多方面專業(yè)知識的工作，認(rèn)知心理學(xué)、設(shè)計

4、學(xué)、語言學(xué)等在此都扮演著重要的角色。用戶界面設(shè)計的三大原則是：置界面于用戶的控制之下；減少用戶的記憶負(fù)擔(dān)；保持界面的一致性。從字面上看是用戶與界面2個組成部分，但實(shí)際上還包括用戶與界面之間的交互關(guān)系，所以這樣可分為3個方向，他們分別是：用戶研究、交互設(shè)計、界面設(shè)計。1.用戶研究用戶研究包含兩個方面：一是可用性研究，研究如何提高產(chǎn)品的可用性，使得網(wǎng)站界面的設(shè)計更容易被人接受、使用和記憶；二是通過可用性的研究，發(fā)掘用戶的潛在需求，為技術(shù)創(chuàng)新

5、提供另外一條思路和方法。用戶研究是站在人文學(xué)科的角度來研究產(chǎn)品，研究用戶的需要，站在用戶的角度介入到產(chǎn)品的開發(fā)和設(shè)計中。對于設(shè)計師來說就是研究如何使自己的網(wǎng)站頁面更收瀏覽者的歡迎。用戶研究通過對于用戶的使用環(huán)境、瀏覽習(xí)慣等研究，使得在網(wǎng)站界面設(shè)計的前期能夠把用戶對于網(wǎng)站功能的期望、對設(shè)計和外觀方面的要求融入到網(wǎng)站的開發(fā)與設(shè)計過程中去。2.交互設(shè)計這部分指人與機(jī)之間的交互工程，在過去交互設(shè)計也由程序員來做，其實(shí)程序員擅長編碼，而不善于與最

6、終用戶交互。在使用網(wǎng)站的過程中最能給瀏覽者留下深刻印象的一定是網(wǎng)站的視覺因素，也就是我們所談?wù)摰木W(wǎng)站界面。所以，很多的網(wǎng)站雖然功能比較齊全，但是交互方面設(shè)計很粗糙，繁瑣難用，使用困難。如何使瀏覽者在使用網(wǎng)站時可以輕松自如的找到自己想要的資源，如何輕松實(shí)現(xiàn)網(wǎng)站的功能，給瀏覽者以愉悅的心情，拉攏瀏覽者下一次的登陸，這些都需要在網(wǎng)站的交互設(shè)計上下足工夫。1）。（圖例1）1.最保守而最有兼容性的一屏大小是：7794322.最廣泛的一屏大小是：1

7、0036003.適合目前國內(nèi)的情況，一屏大小是779600（二）視覺順序（二）視覺順序網(wǎng)頁是通過視覺元素的引人注目而實(shí)現(xiàn)信息內(nèi)容的傳達(dá)，為了使網(wǎng)頁獲得最大的視覺傳達(dá)功能，使網(wǎng)絡(luò)真正成為可讀強(qiáng)性而且新穎的媒體，網(wǎng)頁的設(shè)計必須適應(yīng)人們視覺流向的心理和生理的特點(diǎn)，由此確定各種視覺構(gòu)成元素之間的關(guān)系和秩序。因此，設(shè)計時應(yīng)該研究各種視覺造型元素之間的距離、位置、面積和視覺流程的問題。視覺流程的形成是由人類的視覺特性所決定的。因?yàn)槿搜劬w結(jié)構(gòu)的生理

8、構(gòu)造，只能產(chǎn)生一個焦點(diǎn)，而不能同時把視線停留在兩處或兩處以上的地方。人們在閱讀一種信息時，視覺總有一種自然的流動習(xí)慣，先看什么，后看什么，再看什么。視覺流程往往會體現(xiàn)出比較明顯的方向感，它無形中形成一種脈絡(luò)，似乎有一條線、一股氣貫穿其中，使整個版面的運(yùn)動趨勢有一個主旋律。心理學(xué)的研究表明，在一個平面上，上半部讓人輕松和自在，下半部則讓人穩(wěn)定和壓抑。同樣，平面的左半部讓人輕松和自在，右半部讓人穩(wěn)定和壓抑。所以平面的視覺影響力上方強(qiáng)于下方，

9、左側(cè)強(qiáng)于右側(cè)。這樣平面的上部和中上部被稱為“最佳視域”，也就是最優(yōu)選的地方。在網(wǎng)頁設(shè)計中一些突出的信息，如主標(biāo)題、每天更新的內(nèi)容等通常都放在這個位置。當(dāng)然視覺流程是一種感覺而非確切的數(shù)學(xué)公式，只要符合人們認(rèn)識過程的心理順序和思維發(fā)展的邏輯順序，就可以更為靈活地運(yùn)用。在網(wǎng)頁設(shè)計中，靈活而合理地運(yùn)用視覺流程和最佳視域，組織好自然流暢的視覺導(dǎo)向，直接影響到傳播者傳達(dá)信息的準(zhǔn)確與有效性。所以在網(wǎng)頁的編輯設(shè)計中，視覺導(dǎo)向是一個要點(diǎn)，網(wǎng)頁的設(shè)計是一