網頁設計的形式及原則
頁面佈局是指以最適合用戶瀏覽的方式將圖片和文字排放在頁面的不同位置。
1.頁面佈局的形式 (1)"T”形結構佈局
"T”形結構佈局是網頁設計中應用較廣泛的一種佈局方式,通常頁面頂部爲網站的標誌、廣告條、主菜單等,右側或左側有一列邊欄,然後另一側是很寬的正文,這種佈局形式的頁面結構清晰,主次分明,但容易給人一種規矩呆板的感覺。
(2)“口”形佈局
通常頁面最上邊是網站的標題以及橫幅廣告條,接下來就是網站的主要內容,左右分列幾小條內容,中間是主要部分,最下邊是網站的一些基本信息、聯繫方式、版權聲明等。這種佈局形式充分利用了版面,信息量大,但頁面往往比較擁擠,不夠靈活。
(3)“川”形或“三”形佈局
“川”形佈局頁面被垂直劃分爲若干欄,一般分爲三欄或四欄,在頁面的頂部是標誌欄或廣告欄等。而“三”形佈局頁面被水平劃分爲若干欄,色塊中大多放廣告條。
(4) POP佈局 POP佈局形式的頁面大部分內容爲精美的圖片和一些小的動畫,再放置兒個簡單的鏈接;或採用Flash動畫形式作爲頁而的設計中心。這種佈局形式漂亮吸引人,但瀏覽速度較慢,常用於時尚類網站。
(5)標題正文型佈局
標題正文型佈局通常在頁面最上邊是標題或類似的一些內容,卜邊則是正文內容。商務網站的一些政策頁面、幫助文章頁面或註冊頁面等常採用這種類型。
(6)框架型佈局 框架型佈局形式包括左右框架型佈局、上下框架型佈局及綜合框架型佈局等形式。
在左右框架型佈局中,一般左側是導航鏈接,有時最上邊會有一個小的標題或標誌,右側是正文內容。這種佈局形式結構清晰、一目瞭然,常用於大型論壇及企業網站的頁面。
上下框架型佈局形式與左右框架型佈局類似,區別僅僅在於是一種上「分爲兩頁的框架。
綜合框架型佈局是一種相對複雜的框架結構,通常結合了左右框架型和上下框架型的佈局形式。
具體採用什麼類型的佈局結構,要依據實際情況具體分析。如果內容較多,可選用“T"形佈局或“口”形佈局形式;如果需要展示企業形象或個人風採,可以選川POP佈局形式;如果是具體的內容頁面,則可以選用標題正文型佈局形式。 2.頁面佈局的原則 (1)重點突出
應考慮頁面的視覺中心,即屏幕的中央或中間偏上的位置處。通常一些重要的文章和圖片可以安排在這個位置,稍微次要的`內容可以安排在視覺中心以外的位置。
(2)平衡諧調 應充分考慮受衆視覺的接受度,和諧地運川頁面色塊、顏色、文字、圖片等信息形式,力求達到一種穩定、誠實、信賴的頁面效果。
(3)圖文並茂 應注意文字與圖片的和諧統一。文字與圖片互爲襯托,既能活躍頁面,又能豐富頁面內容。 (4)簡潔清晰
網頁內容的編排應便於閱讀。通過使用醒目的標題,限制所用的字體和顏色的數日,來保持版面的簡潔。
-
設計作文9篇(薦)
在我們平凡的日常裏,大家或多或少都會接觸過作文吧,藉助作文可以宣泄心中的情感,調節自己的心情。作文的注意事項有許多,你確定會寫嗎?下面是小編精心整理的設計作文9篇,僅供參考,歡迎大家閱讀。設計作文篇1教學目標:1、本次“習作”教學,要注意激發學生熱愛大自然的思...
-
(薦)實用的設計作文300字
在日常學習、工作或生活中,大家都不可避免地會接觸到作文吧,作文一定要做到主題集中,圍繞同一主題作深入闡述,切忌東拉西扯,主題渙散甚至無主題。那要怎麼寫好作文呢?以下是小編收集整理的設計作文300字3篇,希望能夠幫助到大家。設計作文300字篇1每一個人都有夢想,一個...
-
設計房子的作文【必備7篇】
在日常學習、工作和生活中,許多人都寫過作文吧,作文是經過人的思想考慮和語言組織,通過文字來表達一個主題意義的記敘方法。還是對作文一籌莫展嗎?下面是小編精心整理的設計房子的作文7篇,歡迎大家分享。設計房子的作文篇1我好想住上我自己設計的房子,因爲我設計的房...
-
人教版數學《折扣》教學設計
作爲一名教學工作者,有必要進行細緻的教學設計準備工作,教學設計一般包括教學目標、教學重難點、教學方法、教學步驟與時間分配等環節。那要怎麼寫好教學設計呢?下面是小編整理的人教版數學《折扣》教學設計,僅供參考,希望能夠幫助到大家。學習內容:人教版六年級數學...