網(wǎng)頁設(shè)計的設(shè)計技巧

本文格式為Word版，下載可任意編輯——網(wǎng)頁設(shè)計的設(shè)計技巧網(wǎng)頁設(shè)計的設(shè)計技巧

網(wǎng)站頁面設(shè)計的時候，都夢想設(shè)計出來的頁面更加有質(zhì)感，看起來更加美觀。下面是我共享的網(wǎng)頁設(shè)計的設(shè)計技巧，接待大家參考!

一、層次

層次分為平面和縱深。任何一個設(shè)計師，都理應(yīng)充分意識到，有節(jié)奏的層次變化能在用戶內(nèi)心產(chǎn)生微妙的化學(xué)回響。

這是一個航空公司的廣告圖，我們經(jīng)常能看到或者說也做過類似這樣的設(shè)計：一個大大的背景圖，加個框，加上文案，很干脆，可是也過于平淡了。

給圖做一些小改動，快的話可能特別鐘都不要，看看概括做了什么：

1、文字標(biāo)題和正文區(qū)分開，強弱比較更加明顯。

2、讓機翼割裂矩形框，產(chǎn)生縱深感。

3、增加投影

是不是效果就完全不一樣了呢?

運用類似的方法，讓2d的畫面表達(dá)出了3d的效果。假設(shè)平日在網(wǎng)頁設(shè)計中也多多運用這樣的技巧，給自己的設(shè)計稿制造富有節(jié)奏的層次感，結(jié)果可能就大不一樣。

二、色調(diào)

在設(shè)計中，網(wǎng)頁設(shè)計師對于顏色不同程度的理解，都影響著設(shè)計的表現(xiàn)。一張優(yōu)秀的設(shè)計作品，色調(diào)搭配必然是和諧得體、令人賞心悅目的。

關(guān)于色調(diào)，要細(xì)說的話太多了，提四個重點：

1、色調(diào)的黃金法那么：6:3:1

在一個作品中，主色、次要顏色和輔佐色的比例，接近于6:3:1，不敢說得志這個條件就確定是一個好的設(shè)計，但至少是一個不輕易出錯的設(shè)計。相信大家對于這個法那么都不目生，但是越熟諳的就越輕易被我們疏忽，以后大家在對自己設(shè)計稿不合意的時候，不妨看看我們的配色是否得志這個黃金比例。

2、勿忘黑色

好多現(xiàn)代簡約的風(fēng)格都會使用黑色，當(dāng)然在這里不是呼吁大家大量的使用黑色，而是靈敏的運用。黑色能讓任何一個色調(diào)都顯得更為明凈，當(dāng)你不知道使用什么顏色點綴的時候，用黑色試試吧。

3、遵循自然的顏色

地球是有顏色的，天空、土壤、群山、海洋，都有著它們各自的顏色。我們在設(shè)計稿中，假設(shè)違背了大自然的原那么，往往會給人不安逸的感覺。有時候，大自然的色調(diào)是最好的提示。

4、色調(diào)的反差

假設(shè)通篇是一個色調(diào)，會給人乏味、平淡的感覺。當(dāng)我們需要強調(diào)什么、或者想要表達(dá)某種心緒營造某種空氣的時候，試試參與一些反差：可以是明暗比較、冷暖比較、輕重比較，可能會得到想要的結(jié)果。

三、陰影

幾乎是gui設(shè)計誕生的那一刻起，陰影的運用就無處不在，經(jīng)常用到高光、陰影和漸變。

之后設(shè)計工具不斷推陳出新，設(shè)計手法也越來越豐富，這里不能不提到喬布斯，在iphone推出后，擬物設(shè)計流行設(shè)計圈，在ios6的時代達(dá)成巔峰，幾乎全體的設(shè)計師都在埋頭研究各種投影、反射、紋理、高光。

iOS7推行扁平化設(shè)計后，當(dāng)時的設(shè)計圈就炸開了鍋?！高@么多年辛苦練習(xí)的設(shè)計技巧，說拋棄就拋棄?」于是他們還是想到了陰影。你要說2021年最流行的設(shè)計風(fēng)格是什么，毫無疑問是漸變「Gradient」+長投影「Longshadow」

再到現(xiàn)在，設(shè)計師們又看膩了長投影，轉(zhuǎn)向了紙片化的設(shè)計，加上大范圍的薄陰影陪襯質(zhì)感。仍舊是扁平的風(fēng)格，不過設(shè)計師們都在想著手段做出不一樣的感覺。

說了這么多，其實就是想表達(dá)從十幾年前開頭，陰影就一向以不同的形式存在設(shè)計潮流中，當(dāng)然我們對于潮流的態(tài)度，理應(yīng)是不盲目跟隨，也不猛烈抗拒，適合自己的才是最好的。

舉兩個例子，分別是有投影和沒有投影的處境下，設(shè)計稿所呈現(xiàn)出來的`樣式，能明顯感覺到，適當(dāng)?shù)耐队?，對增加設(shè)計稿質(zhì)感切實是有扶助的。

四、字體

用對字體，設(shè)計才得體。網(wǎng)頁設(shè)計師不會想要在卡通風(fēng)格的設(shè)計中用宋體，同理，也不會用娃娃體去做肅穆文學(xué)作品的封面。

1、了解字體的性格

譬如，無襯線的粗體字，給人一種渾厚、有力的感覺;用了有襯線的細(xì)體字，給人更多的是簡便、飄逸的感覺。不同的字體，傳遞著不同的性格，用的時候可要把握好哦。

2、使用一種以上的字體

3、調(diào)整你的行間距

兩段話，第一段的行間距是1，其次段的行間距是1.5，相對于第一段來說，相信大家更容許閱讀其次段的內(nèi)容吧。

4、留神文字的可識別性和易讀性。

關(guān)于這點可能會有好多種不同的處境，舉一個例：網(wǎng)頁設(shè)計師在設(shè)計中可能會遇到在圖片上添加文字的處境，在圖片不固定的時候，假設(shè)用了白色，遇到淺色背景的圖片會使文字閱讀困難，所以通常會加一個不通明度較低的黑色蒙層來