我們認(rèn)為，平面設(shè)計(jì)與網(wǎng)頁設(shè)計(jì)，存在互融，也存在互斥。
互融方面，網(wǎng)頁設(shè)計(jì)中圖片的設(shè)計(jì)等等，其實(shí)都是平面設(shè)計(jì)作品。
互斥方面，網(wǎng)頁設(shè)計(jì)中牽扯到的導(dǎo)航設(shè)計(jì)、布局設(shè)計(jì)等等，是平面設(shè)計(jì)之外的設(shè)計(jì)。
但是，有一個(gè)趨勢(shì)需要指出：網(wǎng)站設(shè)計(jì)與平面設(shè)計(jì)有暗合的趨勢(shì)。例如，響應(yīng)式網(wǎng)站成為主流之后，平面設(shè)計(jì)在建站、平面設(shè)計(jì)師在建站公司的地位提高了。
因?yàn)槠矫嬖O(shè)計(jì)的歷史要比網(wǎng)站設(shè)計(jì)長的多，平面設(shè)計(jì)中蘊(yùn)含著很多的概念。這些概念也被應(yīng)用于網(wǎng)站設(shè)計(jì)之中。方維網(wǎng)絡(luò)對(duì)這些概念進(jìn)行了一番匯總。
 

字體
一個(gè)字，有兩個(gè)維度。一個(gè)維度是字本身的含義；另一個(gè)維度是字型可以表達(dá)的含義，簡單來說就是字體。
舉例來說，“建站”這兩個(gè)字，除過說明：從事網(wǎng)站設(shè)計(jì)這一含義。如果我們使用宋體字，就說明建站的專業(yè)性和權(quán)威，但是如果使用毛筆字體，就說明建站公司的文化底蘊(yùn)。在網(wǎng)站設(shè)計(jì)中，字體的使用非常廣泛的。
網(wǎng)站設(shè)計(jì)中最佳的字體應(yīng)用，應(yīng)該遵循“形狀表達(dá)意境”這一原則。
頁邊距
內(nèi)容與頁面邊緣的距離，就是頁邊距，是平面設(shè)計(jì)需要關(guān)注的概念之一。
在網(wǎng)頁設(shè)計(jì)中，需要確定合適的頁邊距。如果頁邊距較大，會(huì)讓訪問者有平淡之感，如果頁邊距較遠(yuǎn)，會(huì)讓訪問者有恐慌之感。
留白
元素與元素之間的空白和空間，就是留白。適當(dāng)?shù)牧舭祝瑫?huì)然每一個(gè)元素都處于“獨(dú)立和照應(yīng)”的氛圍之中，而沒有留白的網(wǎng)頁，則會(huì)讓訪問者有“窒息”之感。
網(wǎng)格
為了讓元素保持合理的空間，設(shè)計(jì)師時(shí)常會(huì)采用網(wǎng)格的辦法。網(wǎng)頁設(shè)計(jì)師通常的做法是將頁面等分為網(wǎng)絡(luò)，保持元素之間網(wǎng)格數(shù)量的相同。
縮放
放大或者縮小元素，縮放一般都會(huì)保持元素比例的不變。在網(wǎng)頁設(shè)計(jì)中，縮放某一元素可以讓頁面有更多的留白或者填充。
紋理
平面設(shè)計(jì)中，紋理可以讓用戶對(duì)材質(zhì)產(chǎn)生認(rèn)同。在網(wǎng)頁設(shè)計(jì)中，紋理可以凸顯元素，甚至能夠暗合整體網(wǎng)站風(fēng)格。
飽和度
飽和度就是顏色除以明度，飽和度越高，意味著顏色更為鮮艷和突出，越低，意味著褪色和陰暗。在響應(yīng)式網(wǎng)站設(shè)計(jì)中，網(wǎng)站的整體飽和度，需要在合理范圍。
對(duì)比度
明暗顏色的比較，高對(duì)比度，意味著圖片看起來更為清晰，對(duì)比度較低，意味著明暗的界限較為模糊。
顏色
平面設(shè)計(jì)對(duì)顏色的研究包括冷暖色調(diào)、色彩的互補(bǔ)、配色方案等等，這些概念在網(wǎng)頁設(shè)計(jì)中，也被應(yīng)用得較多。
例如，科技類網(wǎng)頁設(shè)計(jì)，往往會(huì)傾向于使用藍(lán)色、黑色等冷色調(diào)，以傳達(dá)嚴(yán)肅、前衛(wèi)的感覺；但是一些日常消費(fèi)品品牌網(wǎng)站，會(huì)傾向于使用暖色調(diào)。
而關(guān)于配色，也是網(wǎng)頁設(shè)計(jì)的重點(diǎn)，其研究內(nèi)容包括不同顏色的清晰度、顏色的層疊、顏色的過度等等。
分辨率
分辨率指的是圖像的清晰度。在網(wǎng)頁設(shè)計(jì)中，一般使用更高分辨率的圖片，這會(huì)讓訪客認(rèn)為，網(wǎng)站比較專業(yè)。
透明度
透明度的變化，在網(wǎng)站設(shè)計(jì)中也被使用。例如，不少響應(yīng)式網(wǎng)站采取“分層式的設(shè)計(jì)”，在頁面翻轉(zhuǎn)的時(shí)候，前一個(gè)頁面會(huì)被“低透明度”處理。
漸變
從一種顏色到另一種顏色的過度，就是漸變。在響應(yīng)式網(wǎng)站設(shè)計(jì)中，漸變?cè)O(shè)計(jì)正在成為很多設(shè)計(jì)師的選擇。漸變的網(wǎng)頁設(shè)計(jì)，給人以大氣和開闊的感覺。
排版
平面設(shè)計(jì)中的排版包括“引用內(nèi)容、字間距、對(duì)齊、行間距”等等概念。這些概念在網(wǎng)頁設(shè)計(jì)中，幾乎相同或者相似。排版，也是讓網(wǎng)頁生動(dòng)、漂亮的重要推動(dòng)力。
總之，優(yōu)秀的平面設(shè)計(jì)是網(wǎng)站設(shè)計(jì)的基礎(chǔ)，在平面設(shè)計(jì)優(yōu)秀的基礎(chǔ)上，如果能夠在網(wǎng)站構(gòu)架、網(wǎng)站策劃、網(wǎng)站文案、網(wǎng)頁切換等方面，多下一些功夫，就可以做出優(yōu)秀的網(wǎng)站。