專題講座網(wǎng)頁設(shè)計(jì)與構(gòu)圖(1)-網(wǎng)頁的構(gòu)圖(存儲版)
【正文】 一般有四種標(biāo)準(zhǔn)的顯示位置：左側(cè)、右側(cè)、頂部和底部。 目前，大部分人使用的是 15寸的顯示器，其顯示分辨率一般設(shè)置為 800X600。 如圖： 所以現(xiàn)在頁面的安全寬度應(yīng)該是 760 像素。 A、 左右對稱結(jié)構(gòu)布局 這類布局是采用分割屏幕的方式實(shí)現(xiàn)的，是網(wǎng)頁布局結(jié)構(gòu)中最為簡單的構(gòu)圖。使訪問者比較便捷、直觀地瀏覽所需要的信息，少走彎路。這種頁面的結(jié)構(gòu)布局通常用精美的圖片、網(wǎng)站標(biāo)識性圖案（ Logo）或變形的藝術(shù)化文字作為設(shè)計(jì)中心進(jìn)行主體構(gòu)圖。給訪問者的第一感覺就是 “ 酷 ” ，很前衛(wèi)。不同類型的網(wǎng)站有著不同的受眾對象。將欄目進(jìn)行合理的規(guī)劃，能夠使訪問者快速地了解本站的內(nèi)容結(jié)構(gòu)，到相應(yīng)的欄目內(nèi)查閱到所需信息。線形結(jié)構(gòu)表現(xiàn)單一，子頁面由父頁面擴(kuò)展而出，頁面一級一級展示，整個(gè)站點(diǎn)只沿著水平方向移動(dòng)。再者，頁面內(nèi)的鏈接過多，容易使瀏覽者感到迷茫，不知所措。我們應(yīng)根據(jù)潛在的訪問群體進(jìn)行網(wǎng)站特色定位。一味地追求視覺效果上的創(chuàng)意而忽略技術(shù)上的限制，顧此失彼，再好的構(gòu)思也只好放棄。再者，所有網(wǎng)頁的后端語言都是以 HTML 為基礎(chǔ)，輔以 JavaScript 或 VBScript 編寫的程序，有些動(dòng)態(tài)特效實(shí)現(xiàn)起來難度較大。當(dāng)這些要素確立后，我們在網(wǎng)頁構(gòu)圖設(shè)計(jì)時(shí)才有一個(gè)明確的指導(dǎo)方向。使用這種結(jié)構(gòu)，必需在每一個(gè)頁面內(nèi)占用一大塊面積來設(shè)置鏈接。若鏈接的結(jié)構(gòu)使用不當(dāng)，會(huì)使重要頁面深藏不露，重要的信息不能讓訪問者獲取，違背了網(wǎng)站設(shè)計(jì)者的初衷。并明確哪些欄目版塊是重要的，哪些是次要的；哪些需要在主頁面上出現(xiàn)的，那些是隱藏在二級鏈接內(nèi)的。 A、確立網(wǎng)站類型 我們在具體設(shè)計(jì)網(wǎng)頁之前要了解建設(shè)網(wǎng)站的目的，分析受眾對象（訪問群體），從而確立網(wǎng)站類型。 F、 “ 另類 ” 結(jié)構(gòu)布局 除了以上幾種頁面布局以外，還有一種以整 體圖案為主體的布局結(jié)構(gòu)，在該類的頁面中，所有元素有機(jī)地組合在一起，無逢連接，渾然一體，有著強(qiáng)烈的立體空間感。 E、自由式結(jié)構(gòu)布局 如果將以上三種結(jié)構(gòu)布局稱做 “ 傳統(tǒng)型 ” 頁面布局，那么自由式結(jié)構(gòu)布局可以稱的上是 “ 現(xiàn)代型 ” 結(jié)構(gòu)布局。 C、回字型結(jié)構(gòu)布局 所謂 “ 回 ” 字型結(jié)構(gòu)，就是指以 “ 同 ” 字型結(jié)構(gòu)布局為基礎(chǔ)，又在頁面的底部增加了一條橫向的菜單（或廣告條、或本站的另一大版塊的超鏈接區(qū)）。所以在進(jìn)行網(wǎng)頁設(shè)計(jì)的時(shí)候，除了要有好的創(chuàng)意，還應(yīng)該考慮到技術(shù)上 的可行性。 當(dāng)顯示分辨率設(shè)置為 800X600 時(shí)，即瀏覽器的屏幕最大寬度為 800 像素，因?yàn)轫撁孀钣疫叺臐L動(dòng)條占去 20 像素，所以網(wǎng)頁的安全寬度應(yīng)該為 780 像素，所以，網(wǎng)頁設(shè)計(jì)寬度只有限制在 780 像素以內(nèi)， 在用 800X600 分辨率的顯示器瀏覽的時(shí)候，水平方向才能夠在視屏范圍。頁面的注意力值一般是按照從上到下、從左到右的順序排列，所以重要的 內(nèi)容一般安排在頁面的做上位置，次要的內(nèi)容安排在右下方。一般來說，一個(gè)網(wǎng)站年的導(dǎo)航位置在每個(gè)頁面中出現(xiàn)的位置是固定的。 標(biāo)題的加入在 HTML 語言中比較簡單 title標(biāo)題名稱 /title B、網(wǎng)站標(biāo)識（ LOGO） 網(wǎng)站作為一個(gè)對外交流的重要窗口，創(chuàng)建者都會(huì)用來進(jìn)行自身形象的宣傳。 傳統(tǒng)的平面設(shè)計(jì)作品是以向人們傳達(dá)某種信息或訴求為目的；而網(wǎng)頁 設(shè)計(jì)除了擁有平面設(shè)計(jì)作平的功能以外，還有重要的向?qū)Ш瓦B接功能，
高考資料相關(guān)推薦
鄂ICP備17016276號-1