版式設計在電子商務網頁設計中的應用研究

慕瀾

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

關鍵詞：版式設計；網頁設計；韻律美的體現(xiàn)；平面設計

中圖分類號：TP393.092；F724.6 文獻標識碼：A 文章編號：1005-5312（2017）20-0042-01

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

我們作為設計者，平面設計的核心價值其實更多的應該是如何幫助客戶通過視覺語言更好的傳達信息，而不是為了設計添加一些非必要的元素。最簡單的設計也最不容易的設計。很多國際網站上面大師級的版式設計，風格多樣化，但是每一個位置的擺放都是可以經得起推敲的，非常值得學習借鑒。下面我們就來說說幾種版式設計常見的設計手法。

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

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

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

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