網頁設計的形式及原則
頁面佈局是指以最適合使用者瀏覽的方式將圖片和文字排放在頁面的不同位置。
1.頁面佈局的形式 (1)"T”形結構佈局
"T”形結構佈局是網頁設計中應用較廣泛的一種佈局方式,通常頁面頂部為網站的標誌、廣告條、主選單等,右側或左側有一列邊欄,然後另一側是很寬的正文,這種佈局形式的頁面結構清晰,主次分明,但容易給人一種規矩呆板的感覺。
(2)“口”形佈局
通常頁面最上邊是網站的標題以及橫幅廣告條,接下來就是網站的主要內容,左右分列幾小條內容,中間是主要部分,最下邊是網站的一些基本資訊、聯絡方式、版權宣告等。這種佈局形式充分利用了版面,資訊量大,但頁面往往比較擁擠,不夠靈活。
(3)“川”形或“三”形佈局
“川”形佈局頁面被垂直劃分為若干欄,一般分為三欄或四欄,在頁面的頂部是標誌欄或廣告欄等。而“三”形佈局頁面被水平劃分為若干欄,色塊中大多放廣告條。
(4) POP佈局 POP佈局形式的頁面大部分內容為精美的圖片和一些小的動畫,再放置兒個簡單的連結;或採用Flash動畫形式作為頁而的設計中心。這種佈局形式漂亮吸引人,但瀏覽速度較慢,常用於時尚類網站。
(5)標題正文型佈局
標題正文型佈局通常在頁面最上邊是標題或類似的一些內容,卜邊則是正文內容。商務網站的一些政策頁面、幫助文章頁面或註冊頁面等常採用這種型別。
(6)框架型佈局 框架型佈局形式包括左右框架型佈局、上下框架型佈局及綜合框架型佈局等形式。
在左右框架型佈局中,一般左側是導航連結,有時最上邊會有一個小的標題或標誌,右側是正文內容。這種佈局形式結構清晰、一目瞭然,常用於大型論壇及企業網站的頁面。
上下框架型佈局形式與左右框架型佈局類似,區別僅僅在於是一種上「分為兩頁的框架。
綜合框架型佈局是一種相對複雜的框架結構,通常結合了左右框架型和上下框架型的佈局形式。
具體採用什麼型別的佈局結構,要依據實際情況具體分析。如果內容較多,可選用“T"形佈局或“口”形佈局形式;如果需要展示企業形象或個人風採,可以選川POP佈局形式;如果是具體的內容頁面,則可以選用標題正文型佈局形式。 2.頁面佈局的原則 (1)重點突出
應考慮頁面的視覺中心,即螢幕的中央或中間偏上的位置處。通常一些重要的文章和圖片可以安排在這個位置,稍微次要的`內容可以安排在視覺中心以外的位置。
(2)平衡諧調 應充分考慮受眾視覺的接受度,和諧地運川頁面色塊、顏色、文字、圖片等資訊形式,力求達到一種穩定、誠實、信賴的頁面效果。
(3)圖文並茂 應注意文字與圖片的和諧統一。文字與圖片互為襯托,既能活躍頁面,又能豐富頁面內容。 (4)簡潔清晰
網頁內容的編排應便於閱讀。通過使用醒目的標題,限制所用的字型和顏色的數日,來保持版面的簡潔。
-
平面設計師年終述職報告
隨著個人素質的提升,報告使用的頻率越來越高,報告中提到的所有資訊應該是準確無誤的。那麼大家知道標準正式的報告格式嗎?下面是小編精心整理的平面設計師年終述職報告,希望能夠幫助到大家。平面設計師年終述職報告1不知不覺,進入公司已有一年的時間了,我的主要負責...
-
髮型設計工作室品牌口號【通用】
在日常學習、工作或生活中,大家最不陌生的就是口號了吧,口號是指揮一個團隊共同行為的指令。口號的型別有很多,你都知道嗎?下面是小編收集整理的髮型設計工作室品牌口號,僅供參考,希望能夠幫助到大家。髮型設計工作室品牌口號1一、發現你行(型)——髮型屋,你的網路髮型...
-
【熱】我的設計作文
在學習、工作乃至生活中,大家都不可避免地會接觸到作文吧,作文是由文字組成,經過人的思想考慮,通過語言組織來表達一個主題意義的文體。你寫作文時總是無從下筆?以下是小編為大家收集的我的設計作文7篇,供大家參考借鑑,希望可以幫助到有需要的朋友。我的設計作文篇1理...
-
設計作文彙編【8篇】
無論是在學校還是在社會中,大家都嘗試過寫作文吧,藉助作文可以提高我們的語言組織能力。作文的注意事項有許多,你確定會寫嗎?以下是小編整理的設計作文10篇,希望對大家有所幫助。設計作文篇1一、指導依據在新課標的思想指導下,我校七年級年級把開展民俗傳統專案──“...