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

1、網(wǎng)站界面設(shè)計(jì)網(wǎng)站界面設(shè)計(jì)(UI設(shè)計(jì)設(shè)計(jì))姓名：石美芳學(xué)號(hào)：2012040121103班級(jí)：軟工2班上世紀(jì)最偉大的發(fā)明莫過(guò)于互聯(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)比做一棵大樹(shù)，那成千上萬(wàn)的網(wǎng)站則是組成這參天大樹(shù)的枝條，而每個(gè)網(wǎng)站都是由諸多網(wǎng)頁(yè)構(gòu)成那么網(wǎng)頁(yè)就是這參天大樹(shù)上數(shù)不清的葉子，故網(wǎng)頁(yè)是構(gòu)成互聯(lián)網(wǎng)

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

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

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

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

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

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

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

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