網(wǎng)頁設(shè)計(jì)網(wǎng)頁設(shè)計(jì)_第1頁
網(wǎng)頁設(shè)計(jì)網(wǎng)頁設(shè)計(jì)_第2頁
網(wǎng)頁設(shè)計(jì)網(wǎng)頁設(shè)計(jì)_第3頁
網(wǎng)頁設(shè)計(jì)網(wǎng)頁設(shè)計(jì)_第4頁
網(wǎng)頁設(shè)計(jì)網(wǎng)頁設(shè)計(jì)_第5頁
已閱讀5頁,還剩14頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

網(wǎng)站的體系結(jié)構(gòu)互聯(lián)網(wǎng)的特點(diǎn)沒有擁有者沒有范圍感沒有方向感沒有位置感無限制的傳播極大的信息量多樣的傳達(dá)形態(tài)時(shí)效性強(qiáng)交互傳達(dá)自由性網(wǎng)頁中的界面設(shè)計(jì)UI——UserInterface,用戶界面。用戶界面是指人與系統(tǒng)的連接空間,通過此界面用戶能夠從中獲得并處理信息,最充分地實(shí)現(xiàn)此過程的互動(dòng)。HCI——Human-ComputerInteraction,人與計(jì)算機(jī)的相互作用。HCI主要研究人如何能更容易地掌握計(jì)算機(jī)的使用技術(shù),HCI結(jié)構(gòu)的完善可以使界面技術(shù)得到飛躍和發(fā)展。GUI——GraphicalUserInterface,圖形用戶界面。圖形用戶界面是相對(duì)純文本而言的,它通過圖形構(gòu)成用戶與系統(tǒng)間的界面。設(shè)計(jì)者的任務(wù)確定網(wǎng)站CI創(chuàng)建交互界面實(shí)現(xiàn)不同的功能完善網(wǎng)頁之間的鏈接關(guān)系創(chuàng)造視覺美感網(wǎng)頁構(gòu)圖特點(diǎn)交互性設(shè)計(jì)動(dòng)態(tài)更新多維性結(jié)構(gòu)網(wǎng)頁版面的不可控性多種媒體的綜合頁面大小與分辨率瀏覽器的屏幕空間大小取決于顯示器的實(shí)際尺寸及顯卡所能支持的分辨率大小。分辨率是指單位面積中像素的個(gè)數(shù),也可以說是圖像文件的精確程度。分辨率的單位是Dpi,它意味著每一英寸的像素個(gè)數(shù)。通常我們說的顯示分辨率為800像素×600像素,就是顯示器顯示了橫向800個(gè)像素和縱向600個(gè)像素。如今大多數(shù)用戶使用17英寸的顯示器來訪問網(wǎng)絡(luò),分辨率大多為800×600(像素)或1024×768(像素),有的低一點(diǎn),如640×480(像素),有的高一點(diǎn)。一般以800×600(像素)的分辨率為基準(zhǔn)的話,橫向就設(shè)置為580~780(像素)。為了適應(yīng)有限的空間,按照最低標(biāo)準(zhǔn)設(shè)計(jì)——640×480(像素)的屏幕分辨率來設(shè)計(jì)——是一些網(wǎng)頁設(shè)計(jì)者應(yīng)對(duì)多變的網(wǎng)絡(luò)設(shè)計(jì)環(huán)境的對(duì)策。有些網(wǎng)站不固定橫向和縱向的像素值,而是利用相對(duì)的百分比值來布局頁面,從而使網(wǎng)站內(nèi)容的大小根據(jù)分辨率的變化而變化。界面風(fēng)格網(wǎng)頁在傳達(dá)信息的同時(shí),不同的界面風(fēng)格也在感官上產(chǎn)生不同的美感,帶來不同的精神享受。界面的設(shè)計(jì)風(fēng)格取決于它的觀眾和目標(biāo),例如以搜尋為訴求的內(nèi)容網(wǎng)站界面往往簡(jiǎn)潔明了;以服務(wù)為訴求的購(gòu)物網(wǎng)站界面往往多姿多彩;以表現(xiàn)自我風(fēng)格為訴求的個(gè)人網(wǎng)站界面往往華麗而怪異;以公司作業(yè)為主的內(nèi)部網(wǎng)站往往界面嚴(yán)肅而端莊……等等。一旦網(wǎng)站的性質(zhì)確立,就可以設(shè)計(jì)其界面風(fēng)格。界面設(shè)計(jì)風(fēng)格根據(jù)其空間表現(xiàn)形式又可以分為:2維、2?維或3維2維2維2?維2?維3維3維網(wǎng)頁配色色相——不同波長(zhǎng)的顏色構(gòu)成了不同的色相。這是大家最直觀感受到的色彩的相貌。如果對(duì)不同色相的色彩分別加上黑或白,色相并不會(huì)變化,發(fā)生的變化只是明度。明度——顏色的明暗程度。它主要取決于該顏色吸收光的程度,進(jìn)光量越大,物體對(duì)光的反射率越高,明度則越高;進(jìn)光量越小,物體對(duì)光的反射率越低,明度則越低。明度最高是白色,明度最低的是黑色。飽和度——顏色的純度,或是與中性灰的差別。凡具有色相的所有色彩都有一定的飽和度,無彩色沒有色相,飽和度也為0。網(wǎng)頁構(gòu)成元素設(shè)計(jì)網(wǎng)頁構(gòu)成元素包括背景與底紋、按鈕和控件、導(dǎo)航器和目錄、文字和內(nèi)容、網(wǎng)頁標(biāo)志、圖片、動(dòng)畫、多媒體等多種元素。背景和底紋通常,最佳的可讀性要求正文和背景之間采用高對(duì)比度的色彩。在設(shè)計(jì)者思考是用單色還是有肌理的底紋創(chuàng)建背景時(shí),頁面視覺效果并非創(chuàng)建背景樣式的決定因素,工作量和文件大小都將影響背景的設(shè)計(jì)。這是因?yàn)楸尘邦伾葓D像加載速度快得多,同時(shí)也為頁面提供了亮麗的外觀,所以有些網(wǎng)站寧愿用沒有紋理的單色作網(wǎng)頁背景。不過,背景圖形可以采用尺寸非常小的圖案,通過精心構(gòu)造的形狀將它們平鋪顯示以充滿整個(gè)窗口,最終成為其他所有圖片的視覺基礎(chǔ),甚至還可以成為重要的界面組成部分。平鋪的圖案可以采用無損的壓縮技術(shù),例如利用GIF、PNG格式,而壓完的圖像應(yīng)盡量控制在20K以內(nèi)。按鈕和控件不管按鈕在形式上是2維、2?維,還是3維的,在技術(shù)上它們都必須設(shè)計(jì)出兩種或兩種以上的狀態(tài)。第一種狀態(tài)是所有按鈕都共有的狀態(tài),即代表靜止——也就是按鈕未被用戶激

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論