掃描二維碼關(guān)注博盈官方微信公眾號(hào)
立享網(wǎng)站建設(shè)優(yōu)惠
設(shè)計(jì)傳達(dá)的方式
傳統(tǒng)的平面設(shè)計(jì)講究頁(yè)面構(gòu)圖、版式布局、空間表現(xiàn)等,而網(wǎng)頁(yè)設(shè)計(jì)也適用這些要素。
網(wǎng)頁(yè)設(shè)計(jì)與傳統(tǒng)平面設(shè)計(jì)在視覺(jué)傳達(dá)方面很大的相似點(diǎn),但是在技術(shù)方面又是有很大的區(qū)別。
網(wǎng)頁(yè)設(shè)計(jì)是傳統(tǒng)平面設(shè)計(jì)的視覺(jué)傳達(dá)效果運(yùn)用和網(wǎng)路技術(shù)的結(jié)合,所以可以說(shuō)網(wǎng)頁(yè)設(shè)計(jì)綜合了平面設(shè)計(jì)藝術(shù)和網(wǎng)路技術(shù)。
網(wǎng)頁(yè)設(shè)計(jì)的重要特色就是動(dòng)靜結(jié)合,這點(diǎn)在平面設(shè)計(jì)裏是無(wú)法實(shí)現(xiàn)的。
處理的差別
傳統(tǒng)平面設(shè)計(jì)的作品大多是以印刷的平面形式表現(xiàn);而網(wǎng)頁(yè)設(shè)計(jì)作品則是透過(guò)顯示器表現(xiàn),并且在傳輸?shù)倪^(guò)程中受到網(wǎng)路頻寬的限制。
普通印刷是按照色素的減法原理進(jìn)行的,設(shè)計(jì)時(shí)的顏色模式為 CMYK ,而電腦的顯示器的色彩原理則是以色光合成加法原理進(jìn)行的,是 RGB 模式,使用同樣的顏色,但是在不同的顏色模式下,顯示的效果是會(huì)有色差的。
因?yàn)槭艿骄W(wǎng)路頻寬的限制,網(wǎng)頁(yè)設(shè)計(jì)中的圖像處理也不同於平面設(shè)計(jì),為了加快下載速度,在保持圖像質(zhì)量的前提下我們要盡可能的縮小其檔案大小,而不像平面設(shè)計(jì)那樣為了追求圖像的質(zhì)量而不管其文件大小。
作為一名合格的網(wǎng)頁(yè)設(shè)計(jì)師,在處理網(wǎng)路圖形時(shí),應(yīng)做到在保持圖像清晰的前提下,盡可能縮小圖片的檔案大小。
網(wǎng)頁(yè)的構(gòu)圖布局與平面構(gòu)圖布局有著很大的相似之處,但是因?yàn)榧夹g(shù)的局限,網(wǎng)頁(yè)構(gòu)圖遠(yuǎn)不如平面設(shè)計(jì)那樣揮灑自如。
在平面設(shè)計(jì)中想把某一物件放置到某一位置的時(shí)候只需要簡(jiǎn)單的拖曳就可以完成。
但是在網(wǎng)頁(yè)設(shè)計(jì)中想對(duì)某一物件進(jìn)行定位的話就必須有 HTML 語(yǔ)言的支援才行。
所以在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候,除了要有好的創(chuàng)意,還應(yīng)該考慮到技術(shù)上的可行性。
網(wǎng)頁(yè)的構(gòu)圖與傳統(tǒng)的平面構(gòu)圖最大的區(qū)別就是技術(shù)的可行性。
在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)必需時(shí)時(shí)提醒自己,所設(shè)計(jì)的作品最終會(huì)通過(guò)網(wǎng)路傳輸?shù)接脩舳耍?jīng)過(guò)下載,再用瀏覽器瀏覽,作品將受到頻寬和顯示器的限制。
而且,所有網(wǎng)頁(yè)的后端語(yǔ)言都是以 HTML 為基礎(chǔ),輔以 JavaScript 或 VBScript 編寫(xiě)的程式,有些動(dòng)態(tài)特效實(shí)現(xiàn)起來(lái)會(huì)有較大的難度。
所以,網(wǎng)頁(yè)設(shè)計(jì)人員在構(gòu)思創(chuàng)意時(shí),要考慮到技術(shù)上是否能實(shí)現(xiàn)。
如果一味地追求視覺(jué)效果的創(chuàng)意,而忽略技術(shù)上的限制,顧此失彼,再好的構(gòu)思也只好放棄。
網(wǎng)頁(yè)設(shè)計(jì)中實(shí)現(xiàn)的創(chuàng)意,對(duì)網(wǎng)頁(yè)設(shè)計(jì)構(gòu)圖來(lái)說(shuō)是毫無(wú)價(jià)值的。
功能的不同
傳統(tǒng)平面的設(shè)計(jì)作品是以向人們傳達(dá)某種資訊或訴求為目的。而網(wǎng)頁(yè)設(shè)計(jì)網(wǎng)頁(yè)的設(shè)計(jì)必須是配合網(wǎng)站的內(nèi)容設(shè)計(jì),而不是單純地只為表現(xiàn)藝術(shù)而設(shè)計(jì)。
除了擁有平面設(shè)計(jì)作品的功能以外,還有重要的引導(dǎo)和連接功能,也就是網(wǎng)頁(yè)具有很強(qiáng)的可操作性和互動(dòng)性。
網(wǎng)頁(yè)設(shè)計(jì)與傳統(tǒng)的平面設(shè)計(jì)最大的區(qū)別就是網(wǎng)頁(yè)的可操作性。
網(wǎng)頁(yè)的可操作性是通過(guò)頁(yè)面間的鏈結(jié)實(shí)現(xiàn)的。
所謂鏈結(jié)結(jié)構(gòu)就是指網(wǎng)頁(yè)頁(yè)面間的相互鏈結(jié)關(guān)系。
選擇適當(dāng)?shù)逆溄Y(jié)結(jié)構(gòu),對(duì)整個(gè)網(wǎng)站的各個(gè)頁(yè)面設(shè)計(jì)將有很大的引導(dǎo)作用。
若鏈結(jié)的結(jié)構(gòu)使用不良的話,會(huì)使得重要的資訊不能讓訪問(wèn)者獲取,這將違背了網(wǎng)站設(shè)計(jì)者的初衷。
在制作一個(gè)網(wǎng)站的時(shí)候會(huì)有一個(gè)名為 index.html 的頁(yè)面,我們一般把它稱為 “首頁(yè)” 。
一般在瀏覽網(wǎng)站的時(shí)候,在瀏覽器的位址欄裏輸入網(wǎng)址后,直接打開(kāi)的就是檔名為 index.html 的頁(yè)面,它的作用就與書(shū)本的目錄相同。
大家應(yīng)該都有在書(shū)上找資料的經(jīng)驗(yàn),一般來(lái)說(shuō)我們都會(huì)打開(kāi)書(shū)的目錄來(lái)查尋資料位置,以便較快找到資料。
同理,如果把我們的網(wǎng)站看成是一本書(shū)的話,那麼 “首頁(yè)” 就是書(shū)的目錄,它的作用就是使我們盡快的找到自己想找的資訊。
而很多人在設(shè)計(jì)網(wǎng)站的時(shí)候做出來(lái)的網(wǎng)站是很漂亮,但卻讓訪問(wèn)的人無(wú)從下手來(lái)進(jìn)行瀏覽。
想從這個(gè)網(wǎng)站裏找到自己有興趣的內(nèi)容卻怎麼也找不到,雖然說(shuō)這個(gè)網(wǎng)站裏有這些內(nèi)容,但就是找不到或者找起來(lái)很麻煩。
這就說(shuō)明了引導(dǎo)性和可操作性的重要。