版式設(shè)計(jì)在電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用研究

慕瀾

摘 要：本文意在將網(wǎng)頁(yè)設(shè)計(jì)中的版式設(shè)計(jì)簡(jiǎn)單的詮釋，并且著重論述的是在版式設(shè)計(jì)中常遇到的設(shè)計(jì)法則和設(shè)計(jì)的一些規(guī)律，版式設(shè)計(jì)的重要性在電子商務(wù)網(wǎng)頁(yè)的設(shè)計(jì)中越來(lái)越突出，所以，它促使我們繼續(xù)去發(fā)現(xiàn)，研究并且應(yīng)用到越來(lái)越多的設(shè)計(jì)當(dāng)中。結(jié)合多種方法，發(fā)現(xiàn)其中的聯(lián)系，學(xué)會(huì)選擇適合版式應(yīng)用到網(wǎng)頁(yè)當(dāng)中，就會(huì)發(fā)現(xiàn)版式設(shè)計(jì)的突出性作用了。

關(guān)鍵詞：版式設(shè)計(jì)；網(wǎng)頁(yè)設(shè)計(jì)；韻律美的體現(xiàn)；平面設(shè)計(jì)

中圖分類號(hào)：TP393.092；F724.6 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1005-5312（2017）20-0042-01

互聯(lián)網(wǎng)企業(yè)在近幾年的經(jīng)濟(jì)中越來(lái)越多的占有比重和地位，甚至有些超越了傳統(tǒng)企業(yè)成為行業(yè)的佼佼者。我們就阿里巴巴這種大型互聯(lián)網(wǎng)企業(yè)而言，它的存在意義在于推動(dòng)了時(shí)代的發(fā)展與進(jìn)步。越來(lái)越多的企業(yè)以互聯(lián)網(wǎng)合作商的身份加入阿里巴巴，電商經(jīng)濟(jì)的時(shí)代到來(lái)了。我們可以通過(guò)網(wǎng)絡(luò)進(jìn)行交易買賣，方便我們的生活，因此，我們就不得不提及網(wǎng)頁(yè)設(shè)計(jì)，人們通過(guò)網(wǎng)頁(yè)可以直觀的看到自己所選擇的信息，也可以根據(jù)網(wǎng)頁(yè)的視覺(jué)排版使人們有了直觀的視覺(jué)感受。那么版式設(shè)計(jì)的重要性在網(wǎng)頁(yè)設(shè)計(jì)中更加了突出了。

我們作為設(shè)計(jì)者，平面設(shè)計(jì)的核心價(jià)值其實(shí)更多的應(yīng)該是如何幫助客戶通過(guò)視覺(jué)語(yǔ)言更好的傳達(dá)信息，而不是為了設(shè)計(jì)添加一些非必要的元素。最簡(jiǎn)單的設(shè)計(jì)也最不容易的設(shè)計(jì)。很多國(guó)際網(wǎng)站上面大師級(jí)的版式設(shè)計(jì)，風(fēng)格多樣化，但是每一個(gè)位置的擺放都是可以經(jīng)得起推敲的，非常值得學(xué)習(xí)借鑒。下面我們就來(lái)說(shuō)說(shuō)幾種版式設(shè)計(jì)常見(jiàn)的設(shè)計(jì)手法。

在版式設(shè)計(jì)中，我們最常用的幾種對(duì)比：圖形對(duì)比、顏色對(duì)比、面積對(duì)比、粗細(xì)對(duì)比、質(zhì)感對(duì)比等，這些對(duì)比都需要建立在畫面平衡的基礎(chǔ)上，一旦失衡，我們的對(duì)比手法將不再起作用，那將是打破常規(guī)的不規(guī)律美學(xué)原理。在保持畫面平衡的基礎(chǔ)上，采用圖形對(duì)比和顏色對(duì)比也可以起到一定的強(qiáng)調(diào)作用。在網(wǎng)頁(yè)設(shè)計(jì)中常常用到的十三種類型分別是：骨骼型、滿版型、上下分割型、左右分割型、中軸型、曲線型、傾斜型、對(duì)稱型、重心型、三角型、并置型、自由型和四角型。這些常用的類型目的在于將內(nèi)容利用版式設(shè)計(jì)的變化分割出重點(diǎn)與次要的關(guān)系，以達(dá)到內(nèi)容本身表現(xiàn)出來(lái)的清晰美觀。骨骼型，是最普通的類型，通常以豎向分欄為多；滿版型，將主體物占據(jù)整個(gè)版面，一般以圖像為主，給視覺(jué)強(qiáng)烈的沖擊力，能夠立馬抓住視覺(jué)眼球。上下分割和左右分割型，就是將畫面進(jìn)行分配，其中文字與配圖組合根據(jù)畫面的需要進(jìn)行合理選擇。中軸型，就是將圖形以豎軸或者橫軸方向進(jìn)行排列。曲線或者傾斜型，都是講版面進(jìn)行結(jié)構(gòu)上的安排，如進(jìn)行曲線排版或者傾斜排版。對(duì)稱性，我們不言而喻，就是將版式進(jìn)行有規(guī)律對(duì)稱的完整性進(jìn)行的設(shè)計(jì)。重心型分別有向心型和離心型，向心型主要向里聚攏而離心型向外擴(kuò)撒。中軸型加重心型，這種版式比較新穎，不是完全的對(duì)稱型，主要集中在一邊字體排版上，比較講究一種字體粗細(xì)大小的不同設(shè)計(jì)，色調(diào)也比較統(tǒng)一，采用黑白灰的形式居多。三角型就是在畫面版式上構(gòu)成三角的穩(wěn)定結(jié)構(gòu)。四角型，我們也常見(jiàn)，但是這個(gè)版式在構(gòu)圖上有點(diǎn)過(guò)于僵硬，就是版面的四角以及連接四角的對(duì)角線結(jié)構(gòu)上進(jìn)行的編排。并置型和自由型，在設(shè)計(jì)中版面的要求可自行進(jìn)行選擇，也可以根據(jù)位置的不同主觀的重復(fù)編排。

我們的視線是有限的，不可能完成一目所有信息，所以我們?cè)谠O(shè)計(jì)的時(shí)候要學(xué)會(huì)抓住視覺(jué)中心點(diǎn)，組織好有效的信息并且編輯，就是我們所謂的版式設(shè)計(jì)。我們一般會(huì)運(yùn)用閱讀的順序與視覺(jué)的選擇心理進(jìn)行分析設(shè)計(jì)，兩者關(guān)注點(diǎn)不一樣，所以對(duì)于一些元素的把控也會(huì)不一樣。閱讀的順序比較適用于文字較多的排版，而視覺(jué)的選擇心理更多的適用于圖片的處理上。關(guān)于版式設(shè)計(jì)中的文字，我們?cè)谟^看的時(shí)候都要個(gè)人習(xí)慣，從左到右，從上到下，從左上角到右下角等等閱讀習(xí)慣，所以我們?cè)趯?duì)文字進(jìn)行排版的時(shí)候注意這個(gè)閱讀的小習(xí)慣有利于更好展示有效信息。為了更好的提高我們對(duì)文字的閱讀性還應(yīng)該注意到文字間的行間距，文字之間的間都應(yīng)該小于行與行的距離。如果想要在短時(shí)間內(nèi)傳達(dá)信息的話，還需要對(duì)信息進(jìn)行合理的分配，一級(jí)信息為最主要的信息，其次分別為二級(jí)和三級(jí)。一級(jí)主要講述：誰(shuí)，什么事情，提供什么服務(wù)事件地點(diǎn)等。二級(jí)其他重要的信息深入閱讀等。三級(jí)就是一些細(xì)節(jié)的描述。

下面為大家介紹幾種版式新穎的類型：古藤堡圖表，這種一般從畫面的左上角進(jìn)入自然移動(dòng)至右下角：Z形圖示：在閱讀時(shí)，視線一般從左至右換行時(shí)依然重復(fù)這個(gè)規(guī)律，在畫面呈現(xiàn)類似z字型閱讀軌跡：F型圖示：通常使用在網(wǎng)頁(yè)設(shè)計(jì)中，視線從頁(yè)面頂部向右移動(dòng)較長(zhǎng)距離，再向下移動(dòng)一段距離后，向右移動(dòng)較短距離。最后會(huì)再頁(yè)面左邊縱向閱讀。我們?cè)陂喿x的時(shí)候會(huì)優(yōu)先選擇那些具有視覺(jué)沖擊力的元素去欣賞，之后會(huì)跟隨元素之間的各種關(guān)系移動(dòng)，我們?cè)谠O(shè)計(jì)的時(shí)候，選擇創(chuàng)建一個(gè)中心點(diǎn)，引導(dǎo)我們視線的順序性，雖然各有個(gè)的不同，但是有一點(diǎn)規(guī)律。我們通常會(huì)先關(guān)注到面積較大的物體，之后會(huì)選擇其次的。顏色方面，通常暖色點(diǎn)更容易吸引視線，就像純色的比灰色調(diào)更吸引眼球。數(shù)字符號(hào)也會(huì)帶領(lǐng)我們的眼睛進(jìn)行閱讀：符號(hào)、手勢(shì)的指向性都在有意識(shí)的指出想要傳達(dá)的位置。當(dāng)然了，如果在版面設(shè)計(jì)中留下過(guò)多的空白就會(huì)顯得視線游離，使版面豐富增加點(diǎn)綴的元素才會(huì)更加有效果。

現(xiàn)在一些網(wǎng)頁(yè)設(shè)計(jì)的版式中，設(shè)計(jì)們獨(dú)具匠心喜歡凸顯自己的個(gè)人色彩，版式設(shè)計(jì)體現(xiàn)了設(shè)計(jì)師們的嚴(yán)謹(jǐn)?shù)乃季S邏輯，也是不斷挑戰(zhàn)自我更新發(fā)現(xiàn)的過(guò)程，隨時(shí)發(fā)現(xiàn)好的版式設(shè)計(jì)作品就是然后分析和運(yùn)用它會(huì)讓你更好的成長(zhǎng)，發(fā)現(xiàn)這種美也會(huì)使我們的生活更加美好，生活處處充滿美與創(chuàng)意。