淺談網(wǎng)頁設(shè)計(jì)中的小技巧

郭霞(山東女子學(xué)院，山東 濟(jì)南 250300)

?

淺談網(wǎng)頁設(shè)計(jì)中的小技巧

郭霞
(山東女子學(xué)院，山東 濟(jì)南 250300)

摘要：近幾年，網(wǎng)頁設(shè)計(jì)隨著時(shí)代進(jìn)步，也在逐漸發(fā)生著改變，各式各樣網(wǎng)頁設(shè)計(jì)種類興起越來越多，從網(wǎng)頁開始的設(shè)計(jì)版式、配色以及到字體的應(yīng)用等，設(shè)計(jì)師們都在努力學(xué)習(xí)和創(chuàng)新，以最快捷、方便的方式把信息傳達(dá)給民眾，在這種標(biāo)準(zhǔn)下，大家的審美需求也逐步提高。下面我們就來淺談，設(shè)計(jì)師在設(shè)計(jì)過程中，需要知道的一些小技巧。

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì);風(fēng)格;字體;版式;色彩;對(duì)比度

在互聯(lián)網(wǎng)的時(shí)代，隨著網(wǎng)頁技術(shù)的不斷發(fā)展，網(wǎng)頁設(shè)計(jì)變化多端，從風(fēng)格、字體應(yīng)用、對(duì)比度、色彩搭配、版式等等。對(duì)于設(shè)計(jì)來說是千變?nèi)f化的，不能成為一種定式，一個(gè)好的網(wǎng)頁不能僅僅是漂亮，也需要實(shí)用性，對(duì)于設(shè)計(jì)師來說在制作一個(gè)網(wǎng)頁的過程中，利用一些小技巧來讓整個(gè)網(wǎng)頁更加出色和使用。

一、風(fēng)格

從設(shè)計(jì)風(fēng)格上說，網(wǎng)頁中的扁平化、響應(yīng)式、卡片式等設(shè)計(jì)風(fēng)格，給設(shè)計(jì)師更多可以自由發(fā)揮的空間?，F(xiàn)在我們所說簡約設(shè)計(jì)風(fēng)格的特點(diǎn)包括簡潔大方、直觀輕薄和美觀等特點(diǎn)，這些設(shè)計(jì)特點(diǎn)受到越來越多大眾的喜愛和設(shè)計(jì)師的追捧。

什么是簡約設(shè)計(jì)?

我們所說的簡約設(shè)計(jì)是回歸設(shè)計(jì)本質(zhì)的一種思想，但是簡約并不是讓我們看到的整個(gè)網(wǎng)頁進(jìn)行簡單刪減，而是對(duì)整個(gè)網(wǎng)頁內(nèi)容進(jìn)行提煉設(shè)計(jì)精華，滿足美觀實(shí)用的本質(zhì)訴求。它能夠清晰展現(xiàn)網(wǎng)頁中的結(jié)構(gòu)、交互操作等特征，在滿足傳遞信息的同時(shí)，也能夠給用戶帶來輕松、愉悅的美感。我們要設(shè)計(jì)簡約網(wǎng)頁要做到以下幾點(diǎn)：

(一)留白。網(wǎng)頁中留白，頁面加入適當(dāng)留白，能讓文字、圖片和內(nèi)容更加清晰以便于瀏覽閱讀，使整個(gè)網(wǎng)頁中元素得到充分區(qū)分，通俗易懂，有便于提升一個(gè)頁面的品質(zhì)感。

(二)大背景。和小背景相比，將整張大圖片作為背景，能夠讓用戶產(chǎn)生強(qiáng)烈的視覺沖擊力，充分展現(xiàn)品牌形象，起到對(duì)網(wǎng)頁很好的補(bǔ)充作用。

(三)大標(biāo)題。大標(biāo)題作為網(wǎng)頁視覺中心，能夠很容易將用戶視覺聚焦，直觀表達(dá)出整個(gè)網(wǎng)頁是做什么的。簡潔圖片作為大標(biāo)題的背景配合字體和彩色搭配，讓視覺更加純粹。

(四)單純色彩。網(wǎng)頁中整體色彩是瀏覽者對(duì)整個(gè)網(wǎng)頁的第一印象，當(dāng)單純的色彩和色彩絢麗、對(duì)比鮮明的網(wǎng)頁對(duì)比，它能給瀏覽者回歸本質(zhì)和自然的狀態(tài)，會(huì)有不一樣的體會(huì)和感悟。

網(wǎng)頁中還有很多種簡約表現(xiàn)形式，看似簡單的簡約，能夠把它展現(xiàn)的淋漓盡致顯現(xiàn)的非常好也并不簡單，它需要我們用心學(xué)習(xí)和創(chuàng)新設(shè)計(jì)，從視覺體驗(yàn)的角度去感受網(wǎng)頁的簡約之美。

二、文字應(yīng)用

從文字應(yīng)用上來講，字體應(yīng)用從開始的宋體到一些更美觀字體的改變，可以讓整個(gè)網(wǎng)頁設(shè)計(jì)提升為高格調(diào)作品。

文字的設(shè)計(jì)與編排是網(wǎng)頁構(gòu)成重要元素之一，它們占據(jù)的存儲(chǔ)空間雖然非常小，但占據(jù)網(wǎng)頁面積卻是非常大。好的字體能夠讓整個(gè)頁面出彩，即使漂亮的網(wǎng)頁，字體應(yīng)用不當(dāng)也不是一個(gè)優(yōu)秀的作品。宋體在網(wǎng)頁中運(yùn)用最廣泛，也是我們最常見的一種字體，如果沒有指定字體，在瀏覽器中首選渲染的字體就是宋體，現(xiàn)在我們?yōu)g覽大多數(shù)網(wǎng)頁時(shí)會(huì)發(fā)現(xiàn)，微軟雅黑通成為字體應(yīng)用中的主流，它常用來作為網(wǎng)站首選字體，它的美觀度和清晰度都較好。

微軟雅黑從的字形看，比宋體飽滿，更容易識(shí)別，而且字間距很小，宋體的使用是來襯托其它字體，在視覺上，宋體更纖細(xì)，宋體和微軟雅黑搭配使用是設(shè)計(jì)師不二的選擇。

除宋體和微軟雅黑字體之外，設(shè)計(jì)師們對(duì)英文字體的使用，比如網(wǎng)頁中需要出現(xiàn)英文字體時(shí)，應(yīng)該用英文字體Arial、Vardana不應(yīng)該中文字體來直接拼出英文等等。

三、對(duì)比度

從對(duì)比度上來講，如果讓每個(gè)設(shè)計(jì)看起來更加獨(dú)立，突出和特別，那就使用對(duì)比度來提現(xiàn)。它的主要作用就是提高網(wǎng)頁中要素之間的差異化，它可以使一個(gè)設(shè)計(jì)完成從平凡到令人驚艷的蛻變。以下幾種方法可以體現(xiàn)：

(一)做得更大(或者更小)。眾所周知，我們?cè)谠O(shè)計(jì)中的陷阱，有時(shí)來自于網(wǎng)頁中元素的對(duì)稱性和順序，如果同等重量的元素過多會(huì)顯得我們的設(shè)計(jì)相同，其實(shí)在設(shè)計(jì)中，最簡單的辦法是讓我們?cè)O(shè)計(jì)的元素更大或更小。用戶將被吸引到元素的該區(qū)域，因?yàn)樗遣煌?，使我們的設(shè)計(jì)成為眼前的亮點(diǎn)。

(二)添加紋理。現(xiàn)在扁平化和簡約設(shè)計(jì)風(fēng)格逐漸成為設(shè)計(jì)的主流，我們之前所用的紋理不再像之前那樣頻繁使用，但是我們?nèi)匀豢梢栽诤芏嗟胤娇吹剿?，添加紋理圖案或三維樣式都將有助于創(chuàng)造聚焦的方法。

(三)改變形狀。在一個(gè)充滿圓形的形象中，它是唯一的矩形，能夠使得它脫穎而出，讓設(shè)計(jì)眼前一亮。在我們的設(shè)計(jì)中，我們可以通過改變一個(gè)元素的形狀或者改變一個(gè)原色的取向可以對(duì)我們的設(shè)計(jì)產(chǎn)生最直接的影響。

(四)添加色彩。在我們的平常設(shè)計(jì)中，色彩選擇是重要元素之一，通過添加、刪除顏色或者改變色調(diào)，可以改變我們整個(gè)設(shè)計(jì)格調(diào)。如何通過改變顏色使事物出現(xiàn)或大或小，或深或淺的變化，訣竅在于對(duì)比運(yùn)用調(diào)色板。

四、色彩搭配

從色彩搭配上來講，網(wǎng)頁不會(huì)因?yàn)樯识鵁o聊，設(shè)計(jì)師們對(duì)顏色的搭配也在發(fā)生變化，用戶會(huì)通過色彩看到設(shè)計(jì)師的心，我們平常所看到的每一個(gè)網(wǎng)站，其實(shí)都有著其網(wǎng)頁獨(dú)特的設(shè)計(jì)風(fēng)格和搭配顏色。我們?cè)谠O(shè)計(jì)的時(shí)候可以從撞色、相近色、冷暖色、互補(bǔ)色等，對(duì)我們?cè)O(shè)計(jì)的顏色進(jìn)行不同的搭配。網(wǎng)頁設(shè)計(jì)的顏色搭配其實(shí)需要我們?cè)趯?shí)踐中不斷的摸索、學(xué)習(xí)和創(chuàng)新，多瀏覽一些經(jīng)典的網(wǎng)頁設(shè)計(jì)，吸取顏色搭配，可以把我們生活中遇到的一些好的設(shè)計(jì)收藏起來，過一段時(shí)間后，在看這些設(shè)計(jì)，如果我們認(rèn)為我們收藏的設(shè)計(jì)并不是那么好，這就說明我們欣賞水平有一定的提高，網(wǎng)頁設(shè)計(jì)水平也會(huì)提高。

五、版式設(shè)計(jì)

從版式設(shè)計(jì)來講，我們平時(shí)看到的每個(gè)網(wǎng)頁的排版方式各有它們的不同之處，也就是說不同的設(shè)計(jì)師版式設(shè)計(jì)也有不同的追求和思想。新穎的版式設(shè)計(jì)是具有不斷創(chuàng)新的理念，從網(wǎng)頁搭配的導(dǎo)航看出，它也在緊跟網(wǎng)頁設(shè)計(jì)的趨勢，有些網(wǎng)站不難發(fā)現(xiàn)，導(dǎo)航的設(shè)計(jì)會(huì)在網(wǎng)頁一側(cè)，或者海報(bào)中間，或者可以收縮，給瀏覽者新穎感。運(yùn)用好這些小技巧，可以讓我們的版式更加引人注目。

總結(jié)

無論網(wǎng)頁設(shè)計(jì)從風(fēng)格上還是從字體上這些小技巧，都在潛移默化的改變著大家的生活，設(shè)計(jì)師們用好的審美方面的素質(zhì)和豐富的設(shè)計(jì)經(jīng)驗(yàn)，設(shè)計(jì)出更多出色的網(wǎng)頁，無論是初級(jí)設(shè)計(jì)師還是資深設(shè)計(jì)師，運(yùn)用好這些小技巧都會(huì)讓網(wǎng)頁更加出彩，從而對(duì)網(wǎng)頁進(jìn)行創(chuàng)新，相信會(huì)有越來越好，越來越出色的網(wǎng)頁作品呈現(xiàn)出來，更好的服務(wù)于民眾。

中圖分類號(hào)：TP393.5

文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1671-864X（2016）04-0288-01

作者簡介：郭霞（1993—），女，漢族，山東菏澤人，大學(xué)本科，山東女子學(xué)院信息技術(shù)學(xué)院藝術(shù)設(shè)計(jì)（數(shù)字媒體方向）專業(yè)，研究方向：網(wǎng)頁設(shè)計(jì)。