開(kāi)心就好任賢齊當(dāng)前瀏覽器暫不支持播放
作者：笨笨
網(wǎng)站的版式是網(wǎng)站的整體形象,也是網(wǎng)站給瀏覽者的第一印象,例如,同樣內(nèi)容的一個(gè)網(wǎng)站,可以是個(gè)性另類的,也可是專業(yè)嚴(yán)肅的,這主要取決于站點(diǎn)的版面布局,瀏覽方式,交互性,文字,內(nèi)容價(jià)格等諸多因素。
雙十一馬上到了，你的網(wǎng)站版式改好了嗎？
一、風(fēng)格定位
風(fēng)格的重要性不說(shuō)了，意義上是決定你要給客戶留下什么印象。我非常注重色調(diào)和元素的點(diǎn)綴作用，用得好可以提升頁(yè)面好幾個(gè)檔次。加上你特定的排版形式，過(guò)程中你會(huì)很容易找到感覺(jué)的。
二、版式布局
版式這個(gè)東西，不太了解別人是怎么做的。但是我有自己自創(chuàng)的辦法，首先要做張海報(bào)？這里來(lái)張banner，那里加個(gè)買一送一，不！不！不！不是。拋開(kāi)那些思維，沒(méi)有海報(bào)??！沒(méi)有固定的板塊，沒(méi)有一般這樣那樣，等等說(shuō)法。
我的建議是討論好，確定所有信息要求后，然后為它們?cè)O(shè)置好區(qū)域板塊，完全可以自定義，這樣的做方式可以讓整個(gè)頁(yè)面渾然一體，很流暢的引導(dǎo)性。缺點(diǎn)是信息資料不能出錯(cuò)，因?yàn)橐坏┏鲥e(cuò)，你設(shè)計(jì)好的版面基本都會(huì)亂。
三、影響網(wǎng)站版式的因素
1.頁(yè)面尺寸
網(wǎng)站的頁(yè)面尺寸會(huì)直接影響到瀏覽者的瀏覽體驗(yàn),因?yàn)榭陀^條件的影響,同一個(gè)網(wǎng)頁(yè)在不同的分辨率下顯示的效果也會(huì)有所差異,為了獲得更好的瀏覽體驗(yàn),網(wǎng)站設(shè)計(jì)者應(yīng)該充分考慮到用戶瀏覽器分辨率對(duì)網(wǎng)頁(yè)的影響,使用適應(yīng)瀏覽者的分辨率尺寸,而不是固定的頁(yè)的尺寸。2.整體形象網(wǎng)站的風(fēng)格也就是網(wǎng)站的整體形象,通過(guò)網(wǎng)站的色彩,技術(shù),文字,布局,交互方式可以概括出一個(gè)網(wǎng)站的個(gè)性,可以是粗獷豪放的,也可以是墨守成規(guī)的。3.網(wǎng)頁(yè)布局網(wǎng)頁(yè)布局在網(wǎng)站建設(shè)中的作用越來(lái)越重要,隨著技術(shù)的不斷發(fā)展,瀏覽者已經(jīng)不再滿足簡(jiǎn)單的文字與圖片堆疊式的布局,更多交互式的新的布局方式越來(lái)越受到人們的歡迎。4.網(wǎng)頁(yè)配色在網(wǎng)站策劃中,對(duì)于網(wǎng)頁(yè)配色這種非常主觀的問(wèn)題,需要有一個(gè)判斷標(biāo)準(zhǔn),網(wǎng)頁(yè)設(shè)計(jì)者可以提供一些類似的網(wǎng)站進(jìn)行分析,并征集合作人員的意見(jiàn),與客戶反復(fù)進(jìn)行溝通確認(rèn),最終確定配色方案。
四、網(wǎng)站版式參考：
1.骨格型：它是規(guī)范的、理性的分割法。常見(jiàn)的有豎向通欄、雙欄、三欄和四欄等。
2.滿版型：版面以圖像充滿整版，主要以圖像為訴示，視覺(jué)傳達(dá)直觀而強(qiáng)烈。文字布局壓置在頁(yè)面的上下、左右的圖像上。
3.上下分割性：整個(gè)版面被分成上下兩個(gè)部分，在上半部或下半部配置圖片，另一部分則配置文字，圖片部分感 性而有活力，文字部分則理性而靜止。
4.中軸型：將圖形作水平方向或垂直方向排列，文字配置在上下或者左右，水平排列版面給人穩(wěn)定、安靜、平和 與含蓄之感，而垂直排列的版面給人強(qiáng)烈的動(dòng)感。
5.傾斜型：版面主體形象或多幅圖像作傾斜編排，造成版面強(qiáng)烈的動(dòng)感和不穩(wěn)定因素，引人注目。
6.對(duì)稱性：給人穩(wěn)定、理性、秩序的感覺(jué)。
7.重心型：使人產(chǎn)生視覺(jué)焦點(diǎn)，使其更加的突出。
8.幾何型：一般是圓形、三角形、矩形，其中三角形是最具有安全穩(wěn)定因素的。
