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