合理地設(shè)置頁面尺寸, 可以避免用戶頻繁地拖動滾動條, 使用戶有良好的瀏覽體驗。

我們需要規(guī)劃網(wǎng)站中欄目的數(shù)量及內(nèi)容, 并且根據(jù)規(guī)劃對頁面結(jié)構(gòu)草圖進(jìn)行設(shè)計。在這一步時, 結(jié)構(gòu)草圖可以不需要太精美, 只要表現(xiàn)出網(wǎng)站的基礎(chǔ)布局即可。

在網(wǎng)頁圖像中，有很多動畫采用gif格式，這種格式的圖像文件較小。在制作gif格式的圖像時，可運(yùn)用PS直接去掉背景層，將圖像所在場景作為背景，合并圖層，在軟件中選擇“色彩范圍”容差，刪除所選取的背景色，以消除透明背景不清晰的邊緣問題。

白色是一個中立的顏色, 常常被用作頁面的背景色, 印刷品中也是如此。有一個誤解就是使用白色作為背景是顯得單調(diào)枯燥, 且沒有創(chuàng)意。

文字展示是網(wǎng)頁界面最主要的展示方式, 網(wǎng)頁界面的文字主要分為文字標(biāo)志、主題、鏈接、正文信息這四種。文字標(biāo)志的創(chuàng)意性較強(qiáng), 蘊(yùn)含了網(wǎng)站的主體。

網(wǎng)頁界面的圖形元素主要包括圖標(biāo)、圖片、背景、底紋、色塊、線框等, 圖形元素的應(yīng)用也要遵循網(wǎng)頁界面的設(shè)計規(guī)律。例如, 設(shè)計過程中, 圖片的格式要按照計算機(jī)圖像存儲與壓縮的方法進(jìn)行。

在網(wǎng)頁界面設(shè)計中, 同類色指的是差別在45度之內(nèi)的顏色, 同類色效果非常接近, 從網(wǎng)頁畫面效果看, 給人一種簡單、協(xié)調(diào)、舒適的感覺。

基于用戶體驗式的網(wǎng)頁布局具有以下三項特征, 再結(jié)合同理心、好奇心、系統(tǒng)化、說服力的四大法則進(jìn)行網(wǎng)頁頁面設(shè)計, 更能使網(wǎng)頁業(yè)面精致的同時得到用戶的良好反饋。

在某書法設(shè)計的網(wǎng)頁中, 設(shè)計師通過灰度的明暗關(guān)系, 拉開了云和背景的層次, 通過清晰可見的云層和若隱若現(xiàn)的柵格、文字之間的對比, 構(gòu)成了頁面中的虛與實, 這一獨(dú)特的表現(xiàn)手法營造了恬靜廣闊的視覺氛圍。

如某賽車主題網(wǎng)站所示, 從頁面的布局上來看, 車輛透視造成了近大遠(yuǎn)小的視覺效果, 從單單從車輛布局的這個角度來看, 這個頁面的重心是左輕右重的, 然而設(shè)計師巧妙地將文字布局在了頁面的左側(cè), 并結(jié)合傾斜的色塊布局, 平衡了頁面的左右重心, 達(dá)到視覺平衡。