網(wǎng)頁(yè)設(shè)計(jì)是根據(jù)企業(yè)的信息(產(chǎn)品、服務(wù)、理念、文化)進(jìn)行網(wǎng)站功能策劃與設(shè)計(jì)。作為對(duì)外宣傳和展示的其中一種,優(yōu)秀的品牌網(wǎng)頁(yè)設(shè)計(jì),對(duì)于企業(yè)互聯(lián)網(wǎng)品牌形象起到很好的作用。不同的企業(yè)應(yīng)選擇不同的網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格和設(shè)計(jì)方案。
頁(yè)面內(nèi)容可分為首頁(yè)、主頁(yè)、專欄網(wǎng)頁(yè)、內(nèi)容網(wǎng)頁(yè)和功能網(wǎng)頁(yè)等類型,控制技術(shù)分為靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè)。
現(xiàn)在網(wǎng)絡(luò)上使用大多數(shù)的圖片和圖像是JPG和PNG文件,動(dòng)畫類型有GIF和Flash。多媒體也是網(wǎng)頁(yè)一個(gè)重要組成部分,常用視頻格式是avi、mpeg、mov等,網(wǎng)頁(yè)插入音頻會(huì)增加網(wǎng)頁(yè)的生動(dòng)性,常用音頻格式有ram、midi、wav和mp3等。動(dòng)態(tài)的Flash網(wǎng)頁(yè)設(shè)計(jì),通常表現(xiàn)出互動(dòng)感、時(shí)代感和科技感。隨著網(wǎng)絡(luò)寬帶的加大,電腦編程技術(shù)的普及,F(xiàn)lash網(wǎng)頁(yè)設(shè)計(jì)也會(huì)有更寬廣的用途和發(fā)展。視頻文件和音頻文件都會(huì)增加網(wǎng)頁(yè)的文件量,從而使用訪問速度受到影響,因此要慎用。
屏幕顯示圖像分辨率一般為72dpi,制作網(wǎng)頁(yè)圖像和上傳圖像時(shí),不必使用比72dpi更高的分辨率。文件尺寸和顏色占用率直接影響和決定圖像文件格式的大小。
頁(yè)面元素可分為網(wǎng)站logo、按鈕、導(dǎo)航、搜索元件、信息欄橫幅、廣告banner、標(biāo)題、內(nèi)容、聯(lián)系信息、版權(quán)信息等。
網(wǎng)頁(yè)橫幅是指頁(yè)面上方的橫跨整個(gè)內(nèi)容區(qū)域部件,橫幅在網(wǎng)頁(yè)中所占用位置比較重要,同時(shí)也是首頁(yè)頁(yè)面最具有影響力和網(wǎng)頁(yè)體驗(yàn)最有價(jià)值的區(qū)域。
按鈕是網(wǎng)頁(yè)中的一種鏈接跳轉(zhuǎn)途徑,是從一個(gè)網(wǎng)頁(yè)向另一個(gè)目的端的跳轉(zhuǎn)。鏈接一般有:文本、圖像、熱區(qū)三種。注意的是,所有鏈接標(biāo)志應(yīng)清晰無誤的向?yàn)g覽者標(biāo)識(shí)出來,讓人一看就知道。按鈕動(dòng)畫主要是指能夠與瀏覽者產(chǎn)生互動(dòng)的按鈕效果,例如網(wǎng)頁(yè)中的按鈕在一般狀態(tài)下呈現(xiàn)某個(gè)外觀,當(dāng)瀏覽者將鼠標(biāo)經(jīng)過,按住,按住后放開按鈕等一系列操作時(shí)會(huì)產(chǎn)生不同外觀變化。
網(wǎng)站通常綜合了各種豐富的信息,并以多個(gè)頁(yè)面將不同的內(nèi)容呈現(xiàn),為了在網(wǎng)頁(yè)中提供鏈接到其他頁(yè)面的通道,一般會(huì)設(shè)計(jì)導(dǎo)航條,通常將同一個(gè)導(dǎo)航條放置在所有頁(yè)面的相同位置,以便瀏覽者快速打開其他網(wǎng)頁(yè)獲得更多信息。
網(wǎng)頁(yè)設(shè)計(jì)的過程就是將不同的內(nèi)容完整的集合在一個(gè)頁(yè)面上,為了產(chǎn)生精美的頁(yè)面效果,如何規(guī)劃網(wǎng)頁(yè)的版型布局就顯得非常重要。此外,作為設(shè)計(jì)領(lǐng)域另一項(xiàng)重要工作,顏色搭配、配色處理在網(wǎng)頁(yè)設(shè)計(jì)工作中也相當(dāng)?shù)闹匾豢珊鲆?。由于網(wǎng)頁(yè)設(shè)計(jì)的特殊性,網(wǎng)頁(yè)配色又與其他設(shè)計(jì)配色工作有很大區(qū)別,例如涉及到網(wǎng)頁(yè)安全色概念。
網(wǎng)頁(yè)安全色指在不同硬件環(huán)境、不同操作系統(tǒng)、不同瀏覽器中都能夠正常顯示的顏色集合,而使用網(wǎng)頁(yè)安全色作為配色方案可以解決網(wǎng)頁(yè)顏色失真的問題。網(wǎng)頁(yè)上的顏色一般都在電腦屏幕上顯示,它屬于RGB,跟Lab自然色不一樣。所以網(wǎng)頁(yè)中的顏色會(huì)受到各種不同環(huán)境的影響,即使網(wǎng)頁(yè)使用了非常合理、非常漂亮的配色方案,但也有可能因電腦顯示屏不同產(chǎn)生不同效果和色差。
如果把靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)歸為平面設(shè)計(jì)的一種,則應(yīng)把網(wǎng)頁(yè)當(dāng)作平面創(chuàng)意設(shè)計(jì)來做,信息與背景畫面融為一體,沒有清晰的界限區(qū)分,導(dǎo)航、信息區(qū)等屬于網(wǎng)頁(yè)本身的特征。網(wǎng)頁(yè)進(jìn)行配色和區(qū)域編排時(shí),無須給予自己過多的條條框框和先入為主的思想,忘記不可取的設(shè)計(jì)方案,重新尋找另一種設(shè)計(jì)思路。
(文編/eGoBest 蔡秋云)