我們常用的頁面布局類型可分:“國”字型布局、拐角型布局、上下框架式布局、左右框架式布局、封面型布局等。

確定網(wǎng)頁結(jié)構(gòu)圖后, 接下來需要對網(wǎng)站的基本風(fēng)格進(jìn)行設(shè)計(jì)制作。在設(shè)計(jì)時(shí)需要注意整體界面的風(fēng)格一致性。包括色調(diào)的應(yīng)用、圖形的協(xié)調(diào)等等。

如果圖片數(shù)量較大，可將圖片保存在文件夾中，運(yùn)用PS軟件中的批處理選擇源文件中的圖片進(jìn)行批量處理。

在很多娛樂網(wǎng)站 (如優(yōu)酷、暴風(fēng)影音等) 都可以看到, 其根據(jù)人的視覺運(yùn)動規(guī)律, 去排布重要信息的位置, 以及信息切換的運(yùn)動方向。

圖形展示能夠讓人們更加直觀地了解事物。但是, 圖形展示的過程中, 網(wǎng)頁界面設(shè)計(jì)者通常會采用模糊方法、卡通化等方式對圖形進(jìn)行處理, 以提升圖形的應(yīng)用效果。

具體來說, 網(wǎng)頁界面的版式主要有回字型、左右網(wǎng)格型、海報(bào)型、上下網(wǎng)格型、動態(tài)型等格式。

鄰近色指的是相差在90度之內(nèi)的顏色, 鄰近色的畫面感中色調(diào)區(qū)別比較明顯, 搭配出來的效果不突兀, 對比性不強(qiáng)烈, 能很好的把情感的統(tǒng)一性表達(dá)出來。

依據(jù)用戶的行為習(xí)慣和所處環(huán)境進(jìn)行實(shí)時(shí)調(diào)整, 同時(shí)兼?zhèn)洳煌钠聊环直媛薯憫?yīng)。此外, 具備實(shí)時(shí)更新的功能, 其最大特點(diǎn)在于不同用戶不同時(shí)間訪問同一網(wǎng)址時(shí)會出現(xiàn)不同的頁面, 方便用戶的瀏覽與使用。

在網(wǎng)頁布局與配色中, 同樣講求節(jié)奏與韻律。

視覺設(shè)計(jì)中的對比, 即把反差很大的兩個(gè)視覺要素放置在一起, 形成強(qiáng)烈的視覺反差, 這種手法能使主題更加鮮明, 視覺效果更加跳躍。統(tǒng)一是指將相似的兩個(gè)視覺要素放置在一起, 以產(chǎn)生強(qiáng)烈的近似性, 給人以視覺上的整體感和穩(wěn)定感。