王禹智
摘 要:網(wǎng)頁設(shè)計(jì)是一種直觀的視覺語言,需要對(duì)其進(jìn)行布局與排版。雖然網(wǎng)頁設(shè)計(jì)與平而設(shè)計(jì)之間存在一定的區(qū)別,但是其兩者依然存在一定的相似之處,網(wǎng)頁設(shè)計(jì)應(yīng)該充分借鑒利用平而設(shè)計(jì)的原則與方法。網(wǎng)頁設(shè)計(jì)中的布局與排版需要通過文字、圖形的組合來讓網(wǎng)頁獲得良好的視覺效果?,F(xiàn)文章主要針對(duì)計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中的布局與排版進(jìn)行研究。
關(guān)鍵詞:網(wǎng)頁設(shè)計(jì);布局排版;文字圖片
1.計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中的布局的重要性
無論是設(shè)計(jì)什么事物,人們對(duì)于其布局構(gòu)造總有著嚴(yán)格的要求,對(duì)于網(wǎng)頁布局也不例外。合理、美觀的布局,給人們帶來的是一種舒適和享受,尤其是在長時(shí)間瀏覽網(wǎng)頁時(shí),完美的布局對(duì)于減輕人的疲勞感是有重要作用的,山此可知計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中的布局的重要性。只有這樣才能創(chuàng)造出最大的經(jīng)濟(jì)價(jià)值與則富,推動(dòng)計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)的進(jìn)一步發(fā)展和進(jìn)步。
網(wǎng)頁布局的意義不僅僅是給人帶來美感,與房屋布局一樣,合理的布局在一定程度上可以增加其內(nèi)容。在瀏覽網(wǎng)頁時(shí),人們可能只是簡單的看一下網(wǎng)頁頁而所分布的內(nèi)容,因此要想增加網(wǎng)頁的瀏覽量,除了分布內(nèi)容要有吸引力之外,還要保證其內(nèi)容的全而性。這就要求網(wǎng)頁的頁而足夠大,但是頁而尺寸受很多因素的限制,所以只能從網(wǎng)頁布局上來想辦法。人們開始根據(jù)自己頁而索要涉及內(nèi)容的多少以及內(nèi)容的類別、重要性進(jìn)行頁而的布局,使頁而上的內(nèi)容能夠具有一定的層次感,并且在人們進(jìn)行閱讀時(shí)能給人們帶來視覺上的舒適感。
2.計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)布局與排版原則
2.1布局與排版設(shè)計(jì)原則
為了讓瀏覽者在瀏覽網(wǎng)頁過程中擁有更好的瀏覽體驗(yàn),在進(jìn)行布局版木過程中要始終秉持以下原則:第一,整體布局,和諧統(tǒng)一。在網(wǎng)頁設(shè)計(jì)布局排版過程中整體布局占據(jù)著十分重要的作用。集成是網(wǎng)頁設(shè)計(jì)排版布局中常用的一個(gè)對(duì)稱形式,通過空間的文本與圖形建立其平衡的狀態(tài),從而產(chǎn)生和諧的美感。但是單純的平衡有時(shí)候會(huì)導(dǎo)致頁而出現(xiàn)過于死板、僵化的情況。因此,可以在對(duì)稱平衡設(shè)計(jì)中融合一些活潑、有趣的詞匯、圖形,但是要注意需要與頁而和諧統(tǒng)一。第二,主次分明,中心突出。在網(wǎng)頁頁而聚居中需要對(duì)視覺中心進(jìn)行充分的考慮,該視覺中西你通常位于頁而的關(guān)鍵區(qū)域一中部與上部的位置。因此,最有價(jià)值的信息應(yīng)該擺放在這一位置。網(wǎng)頁布局排版主次分明的最終目的是讓網(wǎng)頁可以形成清晰有序,能夠突出重點(diǎn)的視覺效果。第三,疏密有度,錯(cuò)落有致。在網(wǎng)頁布局排版中,一定要做好疏密有致,預(yù)留出一定的空白,靈活的使用字間距與行間距,制造出字間距與行間距之間的距離。對(duì)于形態(tài)與色彩的搭配運(yùn)用更要合理。例如,黑白搭配、圓形與方形搭配,以便獲得更佳的視覺效果。第四,圖文并茂,生動(dòng)有趣。圖形美觀與文字的簡潔之間需要合理的搭配。
如果圖形在版而設(shè)計(jì)中占據(jù)的比例更大,則文字會(huì)相應(yīng)減少,從而大大減少頁而的信息量而如果文字太多則會(huì)使得網(wǎng)頁版而變得死板。因此,網(wǎng)頁布局與排版應(yīng)該做到圖文并茂、合理搭配,從而給網(wǎng)頁帶來更加豐富的內(nèi)容,讓網(wǎng)頁變得更加有趣。
2.2布局與排版設(shè)計(jì)方法
網(wǎng)頁設(shè)計(jì)布局與排版方法主要包括以以下幾點(diǎn):第一,簡潔明了。布局排版最為重要的原則就是一名了然,讓網(wǎng)頁瀏覽者可以更加順暢的瀏覽信息。第二,主色調(diào)鮮明。網(wǎng)頁設(shè)計(jì)給人的第一印象就是由主色調(diào)決定的。主色調(diào)在網(wǎng)頁布局與排版中是十分重要的,主色調(diào)過多會(huì)給瀏覽者帶來一種厭煩的感受,不利于瀏覽者長時(shí)間瀏覽網(wǎng)頁。因此,網(wǎng)頁版木的主色調(diào)要進(jìn)行合理的控制,其中主色彩不能超過五種,并且要以一種主色調(diào)為主,凸顯以主導(dǎo)地位,另外幾種顏色作為烘托與點(diǎn)綴。一般來說,網(wǎng)頁設(shè)計(jì)的主色調(diào)包括黃、藍(lán)、灰、黑和白。第三,字體設(shè)置。在網(wǎng)頁設(shè)計(jì)中字體的設(shè)置也應(yīng)該始終秉持著簡易的原則,通常來說不應(yīng)該超過三種字體,并且字體在版而中不宜過大,從而讓更多文字給網(wǎng)頁瀏覽者帶來更多有價(jià)值的信息。值得注意的是,要避免閃爍的文字在網(wǎng)頁設(shè)計(jì)布局中出現(xiàn),其會(huì)給瀏覽者帶來一種厭煩的感覺。同時(shí),在網(wǎng)頁標(biāo)題欄中字體應(yīng)該相對(duì)于正文來說要更大,顏色也需要進(jìn)行區(qū)分。
3.計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中布局與排版的主要方法
3.1確定網(wǎng)頁整體風(fēng)格
網(wǎng)頁中所要展示的內(nèi)容代表了一定的企業(yè)文化和企業(yè)氛圍,包含了企業(yè)想要向用戶傳達(dá)的信息,所以網(wǎng)頁風(fēng)格應(yīng)當(dāng)與企業(yè)文化形成呼應(yīng),要能很好地代表企業(yè)氛圍。所以在對(duì)網(wǎng)頁進(jìn)行設(shè)計(jì)之前,應(yīng)當(dāng)首先確定網(wǎng)頁的整體風(fēng)格,設(shè)計(jì)者應(yīng)當(dāng)對(duì)網(wǎng)站內(nèi)容進(jìn)行熟悉和了解,明確企業(yè)想要通過網(wǎng)頁傳達(dá)的信息,并且結(jié)合實(shí)際情況和設(shè)計(jì)需要來確定網(wǎng)頁風(fēng)格基調(diào),再對(duì)網(wǎng)頁進(jìn)行設(shè)計(jì)和安排。同時(shí),要嚴(yán)格堅(jiān)持簡潔明了的設(shè)計(jì)原則,使用戶能夠一目了然地瀏覽網(wǎng)頁信息,避免將網(wǎng)頁設(shè)計(jì)得繁復(fù)和復(fù)雜,提高頁面利用效率和美觀度,激發(fā)用戶的了解興趣,從而加深對(duì)企業(yè)的印象。
3.2選取合適的色調(diào)
在確定基本的網(wǎng)頁風(fēng)格之后,應(yīng)當(dāng)對(duì)網(wǎng)頁色調(diào)進(jìn)行科學(xué)合理地選擇。網(wǎng)頁給人的第一印象往往由主色調(diào)決定,所以應(yīng)當(dāng)選擇合適的主色調(diào),通常主色調(diào)不宜過多,一兩種即可,過多的主色調(diào)會(huì)給人眼花繚亂的感覺,不利于網(wǎng)頁設(shè)計(jì)水平的提升。在計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中,主色調(diào)一般不超過五種,且通常以一種主色調(diào)為主,選取其他能夠搭配的色調(diào)為輔,從而提升網(wǎng)頁的整體美觀程度。
3.3設(shè)置合適的字體
在確定了整體風(fēng)格,并且選取了合適的色調(diào)之后,應(yīng)當(dāng)對(duì)字體進(jìn)行合理地設(shè)置,網(wǎng)頁設(shè)計(jì)中的字體設(shè)置也應(yīng)當(dāng)堅(jiān)持簡潔的原則。一般字體類型不超過三種,并且要與圖形和色彩進(jìn)行合理搭配,字體大小也應(yīng)當(dāng)與周圍版面搭配團(tuán)。此外,文字不宜過多,以關(guān)鍵內(nèi)容為主,從而使用戶能夠更快速地得到自己想要的信息。同時(shí),要嚴(yán)格避免閃爍類文字的出現(xiàn),它不僅影響整體頁面的簡潔大方,而且會(huì)給用戶帶來厭煩之感,所以要對(duì)網(wǎng)頁字體進(jìn)行科學(xué)合理的設(shè)置。
4.結(jié)語
計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)布局與排版是一門藝術(shù),針對(duì)網(wǎng)頁不同的內(nèi)容可以采用不同的布局排版形式。然而不論采用何種的布局排版形式都需要始終秉持著布局排版的原則,以設(shè)計(jì)出美觀、簡潔、便捷、人性化的網(wǎng)頁,讓瀏覽者可以舒適的瀏覽網(wǎng)頁。
參考文獻(xiàn)
[1]韋薇.計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中的布局與排版研究[J].現(xiàn)代信息科技,2018,2(06):113-114.
[2]占怡.試析計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中圖形設(shè)計(jì)的運(yùn)用[J].通訊世界,2017(05):124.
[3]袁琳.談?dòng)?jì)算機(jī)網(wǎng)頁設(shè)計(jì)中的布局[J].科技資訊,2016,14(18):11-12.
[4]葉盛科.淺析計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中的布局與排版[J].科技展望,2016,26(22):24.
[5]楊艷玲.談?dòng)?jì)算機(jī)網(wǎng)頁設(shè)計(jì)中的布局[J].中國校外教育,2014(25):167.