計算機網頁設計的布局與排版論文

　　【摘要】網頁設計是一種直觀的視覺語言，需要對其進行布局與排版。雖然網頁設計與平面設計之間存在一定的區(qū)別，但是其兩者依然存在一定的相似之處，網頁設計應該充分借鑒利用平面設計的原則與方法。網頁設計中的布局與排版需要通過文字、圖形的組合來讓網頁獲得良好的視覺效果�，F(xiàn)文章主要針對計算機網頁設計中的布局與排版進行研究。

　　【關鍵詞】網頁設計；布局；排版；文字；設計論文

　　網站是企業(yè)或政府向用戶傳遞信息，提供服務的一種重要方式，是企業(yè)開展電子商務的重要平臺，是政府面向民眾的重要窗口。網站是直接反應企業(yè)形象、政府形象的平臺，因此網頁設計質量的高低將會直接影響到企業(yè)或政府的形象。在網頁設計中，布局與排版是十分關鍵的內容之一，其會直接影響到瀏覽者對網頁的第一印象與體驗感。因此，對于網頁設計的布局與排版進行研究具有十分重大的實際意義。

　　1．計算機網頁設計布局與排版原則

　　1．1布局與排版設計原則為了讓瀏覽者在瀏覽網頁過程中擁有更好的瀏覽體驗，在進行布局版本過程中要始終秉持以下原則:第一，整體布局，和諧統(tǒng)一。在網頁設計布局排版過程中整體布局占據著十分重要的作用。集成是網頁設計排版布局中常用的一個對稱形式，通過空間的文本與圖形建立其平衡的狀態(tài)，從而產生和諧的美感［1］。但是單純的平衡有時候會導致頁面出現(xiàn)過于死板、僵化的情況。因此，可以在對稱平衡設計中融合一些活潑、有趣的詞匯、圖形，但是要注意需要與頁面和諧統(tǒng)一。第二，主次分明，中心突出。在網頁頁面聚居中需要對視覺中心進行充分的考慮，該視覺中西你通常位于頁面的關鍵區(qū)域—中部與上部的位置。因此，最有價值的信息應該擺放在這一位置。網頁布局排版主次分明的最終目的是讓網頁可以形成清晰有序，能夠突出重點的視覺效果。第三，疏密有度，錯落有致。在網頁布局排版中，一定要做好疏密有致，預留出一定的空白，靈活的使用字間距與行間距，制造出字間距與行間距之間的距離。對于形態(tài)與色彩的搭配運用更要合理［2］。例如，黑白搭配、圓形與方形搭配，以便獲得更佳的視覺效果。第四，圖文并茂，生動有趣。圖形美觀與文字的簡潔之間需要合理的搭配。如果圖形在版面設計中占據的比例更大，則文字會相應減少，從而大大減少頁面的信息量;而如果文字太多則會使得網頁版面變得死板。因此，網頁布局與排版應該做到圖文并茂、合理搭配，從而給網頁帶來更加豐富的內容，讓網頁變得更加有趣。1．2布局與排版設計方法網頁設計布局與排版方法主要包括以以下幾點:第一，簡潔明了。布局排版最為重要的原則就是一名了然，讓網頁瀏覽者可以更加順暢的瀏覽信息。第二，主色調鮮明。網頁設計給人的第一印象就是由主色調決定的。主色調在網頁布局與排版中是十分重要的，主色調過多會給瀏覽者帶來一種厭煩的感受，不利于瀏覽者長時間瀏覽網頁。因此，網頁版本的主色調要進行合理的控制，其中主色彩不能超過五種，并且要以一種主色調為主，凸顯以主導地位，另外幾種顏色作為烘托與點綴［3］。一般來說，網頁設計的主色調包括黃、藍、灰、黑和白。第三，字體設置。在網頁設計中字體的設置也應該始終秉持著簡易的原則，通常來說不應該超過三種字體，并且字體在版面中不宜過大，從而讓更多文字給網頁瀏覽者帶來更多有價值的信息。值得注意的是，要避免閃爍的文字在網頁設計布局中出現(xiàn)，其會給瀏覽者帶來一種厭煩的感覺。同時，在網頁標題欄中字體應該相對于正文來說要更大，顏色也需要進行區(qū)分。

　　2．常見布局與排版

　　2．1T字型T型結構是頂部的頁面布局為網站的標語和橫幅，下列左側為主菜單，右側為內容顯示。由于菜單的背景布置顏色更深，因此整體效果視覺類似于英文字母“T”，因此被成為T字型布局。T字型布局是網頁設計中十分常見的設計布局，其優(yōu)勢在于頁面結構清晰、明確，容易正確把握主次關系;缺點在于較為沉悶，缺乏靈活性，如果無法準確把握，不注重細節(jié)與色彩的配合，十分容易出現(xiàn)無趣、枯燥的現(xiàn)象［4］。2．2口字型口字型布局給人一個感覺就是在頁面中間最為顯眼的主題內容，類似于一個口字型，左側通常包括注冊信息、內容導航、搜索引擎，右側通常包括動態(tài)消息、熱點資訊和友情鏈接。上下兩部分為橫條廣告與菜單�？谧中筒季值膬�(yōu)勢在于可以充分利用版面，囊括較大的信息量，缺點在于頁面較為擁擠，過于死板［5］�？谧中筒季执蠖啾粦�用于國外站點中，國內使用頻率較低。2．3POP布局POP布局是將一張合適的照片作為頁面設計的中心，并且在合適的位置擺放主菜單。POP布局并不是上下或左右對稱的，但是在設計過程中依然要兼顧平衡與節(jié)奏。POP布局可以實現(xiàn)動態(tài)效果，其優(yōu)勢在于美觀，缺陷在于運行速度較為緩慢。2．4同字型同字型的網頁布局一般來說內容量都較大，網頁上方為標題欄，其中內容可以是網站主題或橫幅廣告，在標題欄下可能存在小標題。在頁面左右兩側都布置有相應的內容。通常來說，可能是網站的最新動態(tài)、網站的維護管理人員以及部分廣告。同字型網頁的主要內容是分布在中央位置，從上至下，根據內容的重點、類型來進行區(qū)分。網站下部分通常為空白，即使有內容也是一些十分常規(guī)的內容，包括網站制造方、網站基礎信息等。

　　3結語

　　計算機網頁設計布局與排版是一門藝術，針對網頁不同的內容可以采用不同的布局排版形式。然而不論采用何種的布局排版形式都需要始終秉持著布局排版的原則，以設計出美觀、簡潔、便捷、人性化的網頁，讓瀏覽者可以舒適的瀏覽網頁。

　　參考文獻:

　　［1］李娟．淺述網頁設計中的頁面布局技術［J］．考試周刊，2014(27):116～117．

　�。�2］董磊．網頁設計中視覺傳達的整合設計［J］．明日風尚，2016(05):123，106．

　�。�3］許煒熔．讓“美”走進學生網頁作品———談在網頁設計課堂中提高學生綜合素質的幾點建議［J］．課程教育研究，2014(26):248～249．

　�。�4］梁日有．網頁設計中藝術創(chuàng)新的研究與實現(xiàn)探討［J］．學子(理論版)，2016(03):12～13．

　�。�5］尹涓，崔曉曦．淺談網頁視覺設計的應用和技巧［J］．電腦知識與技術，2015(15):204～205．

【計算機網頁設計的布局與排版論文】相關文章：

計算機網頁設計中圖形設計的運用論文10-09

計算機網頁包裝設計技術研究論文10-11

論文格式排版11-15

畢業(yè)論文格式排版11-14

排版設計專業(yè)簡歷10-26

博碩士論文引用格式排版10-26

畢業(yè)論文格式word排版10-26

網頁設計心得12-24

網頁設計報告04-25

計算機PPT設計分析教學論文10-09