- 相關(guān)推薦
計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)的布局與排版論文
【摘要】網(wǎng)頁(yè)設(shè)計(jì)是一種直觀的視覺(jué)語(yǔ)言，需要對(duì)其進(jìn)行布局與排版。雖然網(wǎng)頁(yè)設(shè)計(jì)與平面設(shè)計(jì)之間存在一定的區(qū)別，但是其兩者依然存在一定的相似之處，網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該充分借鑒利用平面設(shè)計(jì)的原則與方法。網(wǎng)頁(yè)設(shè)計(jì)中的布局與排版需要通過(guò)文字、圖形的組合來(lái)讓網(wǎng)頁(yè)獲得良好的視覺(jué)效果�，F(xiàn)文章主要針對(duì)計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)中的布局與排版進(jìn)行研究。
【關(guān)鍵詞】網(wǎng)頁(yè)設(shè)計(jì)；布局；排版；文字；設(shè)計(jì)論文
網(wǎng)站是企業(yè)或政府向用戶傳遞信息，提供服務(wù)的一種重要方式，是企業(yè)開(kāi)展電子商務(wù)的重要平臺(tái)，是政府面向民眾的重要窗口。網(wǎng)站是直接反應(yīng)企業(yè)形象、政府形象的平臺(tái)，因此網(wǎng)頁(yè)設(shè)計(jì)質(zhì)量的高低將會(huì)直接影響到企業(yè)或政府的形象。在網(wǎng)頁(yè)設(shè)計(jì)中，布局與排版是十分關(guān)鍵的內(nèi)容之一，其會(huì)直接影響到瀏覽者對(duì)網(wǎng)頁(yè)的第一印象與體驗(yàn)感。因此，對(duì)于網(wǎng)頁(yè)設(shè)計(jì)的布局與排版進(jìn)行研究具有十分重大的實(shí)際意義。
1．計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)布局與排版原則
1．1布局與排版設(shè)計(jì)原則為了讓瀏覽者在瀏覽網(wǎng)頁(yè)過(guò)程中擁有更好的瀏覽體驗(yàn)，在進(jìn)行布局版本過(guò)程中要始終秉持以下原則:第一，整體布局，和諧統(tǒng)一。在網(wǎng)頁(yè)設(shè)計(jì)布局排版過(guò)程中整體布局占據(jù)著十分重要的作用。集成是網(wǎng)頁(yè)設(shè)計(jì)排版布局中常用的一個(gè)對(duì)稱形式，通過(guò)空間的文本與圖形建立其平衡的狀態(tài)，從而產(chǎn)生和諧的美感［1］。但是單純的平衡有時(shí)候會(huì)導(dǎo)致頁(yè)面出現(xiàn)過(guò)于死板、僵化的情況。因此，可以在對(duì)稱平衡設(shè)計(jì)中融合一些活潑、有趣的詞匯、圖形，但是要注意需要與頁(yè)面和諧統(tǒng)一。第二，主次分明，中心突出。在網(wǎng)頁(yè)頁(yè)面聚居中需要對(duì)視覺(jué)中心進(jìn)行充分的考慮，該視覺(jué)中西你通常位于頁(yè)面的關(guān)鍵區(qū)域—中部與上部的位置。因此，最有價(jià)值的信息應(yīng)該擺放在這一位置。網(wǎng)頁(yè)布局排版主次分明的最終目的是讓網(wǎng)頁(yè)可以形成清晰有序，能夠突出重點(diǎn)的視覺(jué)效果。第三，疏密有度，錯(cuò)落有致。在網(wǎng)頁(yè)布局排版中，一定要做好疏密有致，預(yù)留出一定的空白，靈活的使用字間距與行間距，制造出字間距與行間距之間的距離。對(duì)于形態(tài)與色彩的搭配運(yùn)用更要合理［2］。例如，黑白搭配、圓形與方形搭配，以便獲得更佳的視覺(jué)效果。第四，圖文并茂，生動(dòng)有趣。圖形美觀與文字的簡(jiǎn)潔之間需要合理的搭配。如果圖形在版面設(shè)計(jì)中占據(jù)的比例更大，則文字會(huì)相應(yīng)減少，從而大大減少頁(yè)面的信息量;而如果文字太多則會(huì)使得網(wǎng)頁(yè)版面變得死板。因此，網(wǎng)頁(yè)布局與排版應(yīng)該做到圖文并茂、合理搭配，從而給網(wǎng)頁(yè)帶來(lái)更加豐富的內(nèi)容，讓網(wǎng)頁(yè)變得更加有趣。1．2布局與排版設(shè)計(jì)方法網(wǎng)頁(yè)設(shè)計(jì)布局與排版方法主要包括以以下幾點(diǎn):第一，簡(jiǎn)潔明了。布局排版最為重要的原則就是一名了然，讓網(wǎng)頁(yè)瀏覽者可以更加順暢的瀏覽信息。第二，主色調(diào)鮮明。網(wǎng)頁(yè)設(shè)計(jì)給人的第一印象就是由主色調(diào)決定的。主色調(diào)在網(wǎng)頁(yè)布局與排版中是十分重要的，主色調(diào)過(guò)多會(huì)給瀏覽者帶來(lái)一種厭煩的感受，不利于瀏覽者長(zhǎng)時(shí)間瀏覽網(wǎng)頁(yè)。因此，網(wǎng)頁(yè)版本的主色調(diào)要進(jìn)行合理的控制，其中主色彩不能超過(guò)五種，并且要以一種主色調(diào)為主，凸顯以主導(dǎo)地位，另外幾種顏色作為烘托與點(diǎn)綴［3］。一般來(lái)說(shuō)，網(wǎng)頁(yè)設(shè)計(jì)的主色調(diào)包括黃、藍(lán)、灰、黑和白。第三，字體設(shè)置。在網(wǎng)頁(yè)設(shè)計(jì)中字體的設(shè)置也應(yīng)該始終秉持著簡(jiǎn)易的原則，通常來(lái)說(shuō)不應(yīng)該超過(guò)三種字體，并且字體在版面中不宜過(guò)大，從而讓更多文字給網(wǎng)頁(yè)瀏覽者帶來(lái)更多有價(jià)值的信息。值得注意的是，要避免閃爍的文字在網(wǎng)頁(yè)設(shè)計(jì)布局中出現(xiàn)，其會(huì)給瀏覽者帶來(lái)一種厭煩的感覺(jué)。同時(shí)，在網(wǎng)頁(yè)標(biāo)題欄中字體應(yīng)該相對(duì)于正文來(lái)說(shuō)要更大，顏色也需要進(jìn)行區(qū)分。
2．常見(jiàn)布局與排版
2．1T字型T型結(jié)構(gòu)是頂部的頁(yè)面布局為網(wǎng)站的標(biāo)語(yǔ)和橫幅，下列左側(cè)為主菜單，右側(cè)為內(nèi)容顯示。由于菜單的背景布置顏色更深，因此整體效果視覺(jué)類似于英文字母“T”，因此被成為T(mén)字型布局。T字型布局是網(wǎng)頁(yè)設(shè)計(jì)中十分常見(jiàn)的設(shè)計(jì)布局，其優(yōu)勢(shì)在于頁(yè)面結(jié)構(gòu)清晰、明確，容易正確把握主次關(guān)系;缺點(diǎn)在于較為沉悶，缺乏靈活性，如果無(wú)法準(zhǔn)確把握，不注重細(xì)節(jié)與色彩的配合，十分容易出現(xiàn)無(wú)趣、枯燥的現(xiàn)象［4］。2．2口字型口字型布局給人一個(gè)感覺(jué)就是在頁(yè)面中間最為顯眼的主題內(nèi)容，類似于一個(gè)口字型，左側(cè)通常包括注冊(cè)信息、內(nèi)容導(dǎo)航、搜索引擎，右側(cè)通常包括動(dòng)態(tài)消息、熱點(diǎn)資訊和友情鏈接。上下兩部分為橫條廣告與菜單�？谧中筒季值膬�(yōu)勢(shì)在于可以充分利用版面，囊括較大的信息量，缺點(diǎn)在于頁(yè)面較為擁擠，過(guò)于死板［5］�？谧中筒季执蠖啾粦�(yīng)用于國(guó)外站點(diǎn)中，國(guó)內(nèi)使用頻率較低。2．3POP布局POP布局是將一張合適的照片作為頁(yè)面設(shè)計(jì)的中心，并且在合適的位置擺放主菜單。POP布局并不是上下或左右對(duì)稱的，但是在設(shè)計(jì)過(guò)程中依然要兼顧平衡與節(jié)奏。POP布局可以實(shí)現(xiàn)動(dòng)態(tài)效果，其優(yōu)勢(shì)在于美觀，缺陷在于運(yùn)行速度較為緩慢。2．4同字型同字型的網(wǎng)頁(yè)布局一般來(lái)說(shuō)內(nèi)容量都較大，網(wǎng)頁(yè)上方為標(biāo)題欄，其中內(nèi)容可以是網(wǎng)站主題或橫幅廣告，在標(biāo)題欄下可能存在小標(biāo)題。在頁(yè)面左右兩側(cè)都布置有相應(yīng)的內(nèi)容。通常來(lái)說(shuō)，可能是網(wǎng)站的最新動(dòng)態(tài)、網(wǎng)站的維護(hù)管理人員以及部分廣告。同字型網(wǎng)頁(yè)的主要內(nèi)容是分布在中央位置，從上至下，根據(jù)內(nèi)容的重點(diǎn)、類型來(lái)進(jìn)行區(qū)分。網(wǎng)站下部分通常為空白，即使有內(nèi)容也是一些十分常規(guī)的內(nèi)容，包括網(wǎng)站制造方、網(wǎng)站基礎(chǔ)信息等。
3結(jié)語(yǔ)
計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)布局與排版是一門(mén)藝術(shù)，針對(duì)網(wǎng)頁(yè)不同的內(nèi)容可以采用不同的布局排版形式。然而不論采用何種的布局排版形式都需要始終秉持著布局排版的原則，以設(shè)計(jì)出美觀、簡(jiǎn)潔、便捷、人性化的網(wǎng)頁(yè)，讓瀏覽者可以舒適的瀏覽網(wǎng)頁(yè)。
參考文獻(xiàn):
�。�1］李娟．淺述網(wǎng)頁(yè)設(shè)計(jì)中的頁(yè)面布局技術(shù)［J］．考試周刊，2014(27):116～117．
�。�2］董磊．網(wǎng)頁(yè)設(shè)計(jì)中視覺(jué)傳達(dá)的整合設(shè)計(jì)［J］．明日風(fēng)尚，2016(05):123，106．
�。�3］許煒熔．讓“美”走進(jìn)學(xué)生網(wǎng)頁(yè)作品———談在網(wǎng)頁(yè)設(shè)計(jì)課堂中提高學(xué)生綜合素質(zhì)的幾點(diǎn)建議［J］．課程教育研究，2014(26):248～249．
［4］梁日有．網(wǎng)頁(yè)設(shè)計(jì)中藝術(shù)創(chuàng)新的研究與實(shí)現(xiàn)探討［J］．學(xué)子(理論版)，2016(03):12～13．
［5］尹涓，崔曉曦．淺談網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)的應(yīng)用和技巧［J］．電腦知識(shí)與技術(shù)，2015(15):204～205．
【計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)的布局與排版論文】相關(guān)文章：
計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)中圖形設(shè)計(jì)的運(yùn)用論文10-09
計(jì)算機(jī)網(wǎng)頁(yè)包裝設(shè)計(jì)技術(shù)研究論文10-11
論文格式排版11-15
畢業(yè)論文格式排版11-14
排版設(shè)計(jì)專業(yè)簡(jiǎn)歷10-26
博碩士論文引用格式排版10-26
畢業(yè)論文格式word排版10-26
網(wǎng)頁(yè)設(shè)計(jì)心得12-24