

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
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è)計是一
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 眾賞文庫僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 計算機(jī)安全論文個人計算機(jī)安全論文:計算
- 計算機(jī)論文
- 中學(xué)計算機(jī)論文中學(xué)計算機(jī)教學(xué)論文中學(xué)計算機(jī)教學(xué)探索
- 計算機(jī)云計算論文
- 計算機(jī)編程論文計算機(jī)程序論文計算機(jī)論文總結(jié)淺談極限編程在計算機(jī)實(shí)踐教學(xué)中的應(yīng)用
- 計算機(jī)安全論文淺析計算機(jī)安全技術(shù)
- 計算機(jī)系統(tǒng)結(jié)構(gòu)論文量子計算機(jī)
- 計算機(jī)應(yīng)用論文
- 計算機(jī)思維論文
- 大學(xué)計算機(jī)論文中學(xué)計算機(jī)論文中小學(xué)計算機(jī)論文初中計算機(jī)教學(xué)存在問題及對策初探
- 計算機(jī)審計論文
- 計算機(jī)維修論文
- 計算機(jī)思維論文
- 中學(xué)計算機(jī)論文中學(xué)計算機(jī)教學(xué)論文中學(xué)
- 計算機(jī)畢業(yè)論文范文畢業(yè)論文計算機(jī)專業(yè)
- 計算機(jī)故障與處理-計算機(jī)專業(yè)畢業(yè)論文
- 計算機(jī)專業(yè)畢業(yè)論文 計算機(jī)網(wǎng)站優(yōu)化
- 計算機(jī)圖形學(xué)論文-計算機(jī)圖形學(xué)
- 計算機(jī)發(fā)展前景論文計算機(jī)發(fā)展歷史論文:淺析計算機(jī)的應(yīng)用和發(fā)展
- 計算機(jī)畢業(yè)論文 計算機(jī)組裝與維護(hù)
評論
0/150
提交評論