上海建站中首先要確定的就是整個(gè)網(wǎng)站的格式，它包括網(wǎng)站的內(nèi)容、分割頁(yè)面的方式以及頁(yè)面的布局形式等等，在這些已經(jīng)確定的基礎(chǔ)上再進(jìn)行頁(yè)面的設(shè)計(jì)。我們可以從分割方向的角度來(lái)把頁(yè)面的分割類(lèi)型分為三類(lèi)，即縱向頁(yè)面分割、橫向頁(yè)面分割與復(fù)合型頁(yè)面分割。首先我們來(lái)介紹一下上海建站的縱向分割。

1、 什么是縱向分割

我們來(lái)介紹一個(gè)布局形式來(lái)形象地解釋一下什么是縱向分割。我們經(jīng)常會(huì)看到菜單欄與導(dǎo)航欄放在網(wǎng)頁(yè)左側(cè)的布局，而網(wǎng)頁(yè)的主要內(nèi)容與一些重要信息放在網(wǎng)站的右側(cè)，這就是縱向分割布局了，一般情況下兩側(cè)會(huì)有一定程度的留白。

2、 縱向分割布局與色彩的巧妙結(jié)合

因?yàn)榭v向布局會(huì)使網(wǎng)站明顯分割成左右區(qū)域，或者左中右三個(gè)區(qū)域，所以其視覺(jué)效果可以與顏色進(jìn)行搭配來(lái)放大這個(gè)視覺(jué)沖擊力。例如上海建站可以在左側(cè)區(qū)域使用橙色背景，中間區(qū)域使用黑色背景，而右側(cè)區(qū)域使用白色背景。因?yàn)檫@三種高對(duì)比度色彩的應(yīng)用，使得三個(gè)部分的內(nèi)容劃分得更加明了清晰。同時(shí)再結(jié)合對(duì)文字的排版與色彩設(shè)計(jì)則可以達(dá)到極佳的視覺(jué)效果。

3、 縱向分割布局的優(yōu)勢(shì)

上海建站經(jīng)常將縱向分割布局應(yīng)用在一些信息量比較大而類(lèi)別則比較繁多的網(wǎng)頁(yè)，這樣就算瀏覽器的大小發(fā)生較大的變化，也只會(huì)影響右側(cè)內(nèi)容的展示，而不會(huì)遮住左側(cè)的菜單與導(dǎo)航欄。