網(wǎng)站建設(shè)頁(yè)面設(shè)計(jì)該注意的問(wèn)題有哪些?
發(fā)布時(shí)間:2020-02-06?? 作者:本站?? 瀏覽次數(shù):818次
1.版面風(fēng)格統(tǒng)一:
網(wǎng)站建設(shè)頁(yè)面設(shè)計(jì)為了讓瀏覽者加深對(duì)該企業(yè)、品牌的印象,且能夠簡(jiǎn)單迅速瀏覽其他網(wǎng)頁(yè),設(shè)計(jì)考量上應(yīng)注意版面風(fēng)格設(shè)計(jì)上的統(tǒng)一。
2.放置適量的圖片,配合文字說(shuō)明:
網(wǎng)站建設(shè)圖片雖有美觀、直接傳達(dá)訊息、營(yíng)造網(wǎng)頁(yè)氛圍的效果,通常原始圖檔在取得時(shí),都不會(huì)剛好等于網(wǎng)頁(yè)需求,圖檔太大時(shí),傳輸及開(kāi)啟網(wǎng)頁(yè)會(huì)過(guò)慢;圖檔太小時(shí),會(huì) 模糊不易辨別,因此網(wǎng)頁(yè)設(shè)計(jì)時(shí),都要再經(jīng)過(guò)處理或裁剪,不可直接以縮放方式置入,并且每張圖最好能加上文字說(shuō)明,強(qiáng)化瀏覽者的訊息接收。由于網(wǎng)頁(yè)在開(kāi)啟時(shí)是逐一物件讀取,因此一個(gè)網(wǎng)頁(yè)上的圖片總數(shù)不宜過(guò)多,累加起來(lái)的檔案大小也有可能造成網(wǎng)頁(yè)開(kāi)啟緩慢。
3.畫(huà)面解析度:
目前PC所使用的螢?zāi)淮蠖紥?cǎi)用VGA顯示卡,其螢?zāi)唤馕龆葹?024×768,所以使用1024×768的畫(huà)面設(shè)計(jì)大致能讓最多人在視覺(jué)觀看上正確無(wú)誤,也不需要拉動(dòng)卷軸。
4.版面的切割與文字的應(yīng)用:
網(wǎng)站建設(shè)頁(yè)面設(shè)計(jì)版面的切割,關(guān)系到瀏覽者的使用模式與習(xí)慣,若能仔細(xì)從瀏覽者的動(dòng)作模式、視覺(jué)動(dòng)線思考來(lái)設(shè)計(jì)版面,可讓瀏覽者更輕易上手;在字體方面,若能善用變換字體大小、字距、行距、字體、顏色等技巧,可讓網(wǎng)頁(yè)內(nèi)文更易閱讀,增加排版的靈活性。
5.瀏覽器種類及版本的考量:
瀏覽器是將網(wǎng)頁(yè)程式碼解讀后,再呈現(xiàn)到瀏覽者的眼前。IE6對(duì)于CSS其實(shí)并不友善,常見(jiàn)網(wǎng)頁(yè)設(shè)計(jì)完成后,在IE7及IE8很正常,但到IE6上排版卻跑掉了,也曾見(jiàn)到IE6、IE7正常,但在IE8卻有問(wèn)題,因此不同的瀏覽器版本也要考量。
6.CSS制版的優(yōu)點(diǎn):
CSS制版較傳統(tǒng)的巢狀表格而言,除了有修改容易的優(yōu)點(diǎn)外,另外也因程式碼較簡(jiǎn)短,能幫助搜尋引擎快速的找到網(wǎng)頁(yè)裡的所有資料,不會(huì)被困在巢狀表格的層層架構(gòu)內(nèi),因此有搜尋引擎優(yōu)化的需求時(shí),應(yīng)該使用CSS制版。
7.小心使用Flash:
適當(dāng)?shù)腇lash,會(huì)讓網(wǎng)頁(yè)看起來(lái)生動(dòng)、酷炫,對(duì)于網(wǎng)頁(yè)設(shè)計(jì)很有幫助。但如果是全頁(yè)從按鈕到內(nèi)文都是Flash的網(wǎng)頁(yè)設(shè)計(jì),反而會(huì)讓搜尋引擎在搜尋網(wǎng)頁(yè)時(shí),找不到您網(wǎng)頁(yè)內(nèi)重要的資訊,自然就不易排至前面。因此建議Flash還是常來(lái)做點(diǎn)綴效果就好。