文章編輯:網(wǎng)站建設 文章來源:網(wǎng)站設計 瀏覽量:次
由于頁面尺寸和顯示器大小及分辨率有關系。在瀏覽器窗口中完整的顯示網(wǎng)頁內(nèi)容而不出現(xiàn)滾動條時,要注意顯示器窗口包括:網(wǎng)頁內(nèi)容顯示區(qū)、網(wǎng)頁的標題欄;瀏覽器程序的工具欄、地址欄、狀態(tài)欄、水平和垂直滾動條;任務欄。因此滿框顯示網(wǎng)頁,在800*600分辯率下,網(wǎng)頁設計尺寸為778*434px;在1024*768分辯率下,其尺寸為1002*620px。當網(wǎng)頁內(nèi)容較多時,可以跨屏顯示,頁面長度原則上不超過3屏,寬度不超過1屏。

2.巧用黃金分割比
黃金分割比是一個應用廣范的數(shù)學常數(shù),大約為1.618。在網(wǎng)頁設計中巧用黃金分割比,可以使設計更加和諧。如果在頁面局設計時,正在為如何設置欄寬、元素尺寸而絞盡腦汁,不妨體驗一下黃金分割比的妙處。以一個簡單的兩欄式頁面布局為例,左邊顯示導航,右邊顯示主要內(nèi)容。假設頁面寬度為經(jīng)典寬度960px,利用黃金分割比計算,右邊的欄寬為960/1.618=593px,左邊的欄寬為960-593=367px。
應用黃金分割比布局頁面,需要設計者有一定的計算能力,但在實際應用中,為了節(jié)省時間,可以簡化黃金分割比的應用,采用62%和38%比例,如兩欄結(jié)構(gòu),兩欄寬度分別為62%和38%。而對于三欄式布局的頁面,也可以先按比例分成兩欄,然后再將那份大的再按比例劃分。
3.適當處理留白
版面設計中的留白是指版面中沒有圖形或文字的部分,很多新手在設計網(wǎng)頁時總想著把整個頁面撐滿。其實,網(wǎng)頁就像一個房間,如果里面擠滿了人,就覺得呼吸困難,所以,要給頁面留有“呼吸”的空間。適當?shù)牧舭卓梢约軜?gòu)頁面的平衡,巧妙地留有想空間,給觀者一種美的享受。
頁面布局正如擺兵陣,陣法千變?nèi)f化,網(wǎng)頁布局也是五花八門。作為設計者,要根據(jù)用戶的需求合理地設計版面布局結(jié)構(gòu),才能讓設計的網(wǎng)站在浩如煙海的網(wǎng)絡世界中脫穎而出,吸引瀏覽者的目光,實現(xiàn)建站的目的。
網(wǎng)站設計——博納網(wǎng)絡
[聲明]本網(wǎng)轉(zhuǎn)載網(wǎng)絡媒體稿件是為了傳播更多的信息,此類稿件不代表本網(wǎng)觀點,本網(wǎng)不承擔此類稿件侵權(quán)行為的連帶責任。故此,如果您發(fā)現(xiàn)本網(wǎng)站的內(nèi)容侵犯了您的版權(quán),請您的相關內(nèi)容發(fā)至此郵箱【qin@198bona.com 】,我們在確認后,會立即刪除,保證您的版權(quán)。