淺談網頁設計中的小技巧

郭霞(山東女子學院，山東 濟南 250300)

?

淺談網頁設計中的小技巧

郭霞
(山東女子學院，山東 濟南 250300)

摘要：近幾年，網頁設計隨著時代進步，也在逐漸發生著改變，各式各樣網頁設計種類興起越來越多，從網頁開始的設計版式、配色以及到字體的應用等，設計師們都在努力學習和創新，以最快捷、方便的方式把信息傳達給民眾，在這種標準下，大家的審美需求也逐步提高。下面我們就來淺談，設計師在設計過程中，需要知道的一些小技巧。

關鍵詞：網頁設計;風格;字體;版式;色彩;對比度

在互聯網的時代，隨著網頁技術的不斷發展，網頁設計變化多端，從風格、字體應用、對比度、色彩搭配、版式等等。對于設計來說是千變萬化的，不能成為一種定式，一個好的網頁不能僅僅是漂亮，也需要實用性，對于設計師來說在制作一個網頁的過程中，利用一些小技巧來讓整個網頁更加出色和使用。

一、風格

從設計風格上說，網頁中的扁平化、響應式、卡片式等設計風格，給設計師更多可以自由發揮的空間。現在我們所說簡約設計風格的特點包括簡潔大方、直觀輕薄和美觀等特點，這些設計特點受到越來越多大眾的喜愛和設計師的追捧。

什么是簡約設計?

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

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

(二)大背景。和小背景相比，將整張大圖片作為背景，能夠讓用戶產生強烈的視覺沖擊力，充分展現品牌形象，起到對網頁很好的補充作用。

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

(四)單純色彩。網頁中整體色彩是瀏覽者對整個網頁的第一印象，當單純的色彩和色彩絢麗、對比鮮明的網頁對比，它能給瀏覽者回歸本質和自然的狀態，會有不一樣的體會和感悟。

網頁中還有很多種簡約表現形式，看似簡單的簡約，能夠把它展現的淋漓盡致顯現的非常好也并不簡單，它需要我們用心學習和創新設計，從視覺體驗的角度去感受網頁的簡約之美。

二、文字應用

從文字應用上來講，字體應用從開始的宋體到一些更美觀字體的改變，可以讓整個網頁設計提升為高格調作品。

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

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

除宋體和微軟雅黑字體之外，設計師們對英文字體的使用，比如網頁中需要出現英文字體時，應該用英文字體Arial、Vardana不應該中文字體來直接拼出英文等等。

三、對比度

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

(一)做得更大(或者更小)。眾所周知，我們在設計中的陷阱，有時來自于網頁中元素的對稱性和順序，如果同等重量的元素過多會顯得我們的設計相同，其實在設計中，最簡單的辦法是讓我們設計的元素更大或更小。用戶將被吸引到元素的該區域，因為它是不同的，使我們的設計成為眼前的亮點。

(二)添加紋理。現在扁平化和簡約設計風格逐漸成為設計的主流，我們之前所用的紋理不再像之前那樣頻繁使用，但是我們仍然可以在很多地方看到它，添加紋理圖案或三維樣式都將有助于創造聚焦的方法。

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

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

四、色彩搭配

從色彩搭配上來講，網頁不會因為色彩而無聊，設計師們對顏色的搭配也在發生變化，用戶會通過色彩看到設計師的心，我們平常所看到的每一個網站，其實都有著其網頁獨特的設計風格和搭配顏色。我們在設計的時候可以從撞色、相近色、冷暖色、互補色等，對我們設計的顏色進行不同的搭配。網頁設計的顏色搭配其實需要我們在實踐中不斷的摸索、學習和創新，多瀏覽一些經典的網頁設計，吸取顏色搭配，可以把我們生活中遇到的一些好的設計收藏起來，過一段時間后，在看這些設計，如果我們認為我們收藏的設計并不是那么好，這就說明我們欣賞水平有一定的提高，網頁設計水平也會提高。

五、版式設計

從版式設計來講，我們平時看到的每個網頁的排版方式各有它們的不同之處，也就是說不同的設計師版式設計也有不同的追求和思想。新穎的版式設計是具有不斷創新的理念，從網頁搭配的導航看出，它也在緊跟網頁設計的趨勢，有些網站不難發現，導航的設計會在網頁一側，或者海報中間，或者可以收縮，給瀏覽者新穎感。運用好這些小技巧，可以讓我們的版式更加引人注目。

總結

無論網頁設計從風格上還是從字體上這些小技巧，都在潛移默化的改變著大家的生活，設計師們用好的審美方面的素質和豐富的設計經驗，設計出更多出色的網頁，無論是初級設計師還是資深設計師，運用好這些小技巧都會讓網頁更加出彩，從而對網頁進行創新，相信會有越來越好，越來越出色的網頁作品呈現出來，更好的服務于民眾。

中圖分類號：TP393.5

文獻標識碼：A

文章編號：1671-864X（2016）04-0288-01

作者簡介：郭霞（1993—），女，漢族，山東菏澤人，大學本科，山東女子學院信息技術學院藝術設計（數字媒體方向）專業，研究方向：網頁設計。