電商視覺設(shè)計中的文字排版應(yīng)用研究

張梅 重慶輕工職業(yè)學院

在這個科技飛速發(fā)展、創(chuàng)意無處不在的時代，網(wǎng)上售賣商店及產(chǎn)品的增多，消費者購物的選擇性也在不斷增大，怎么樣才能讓自己銷售的商品在成千上萬的同類商品中引起消費者的注意，在很大程度上依賴于網(wǎng)站的視覺設(shè)計。而電商設(shè)計中的文字信息是最基礎(chǔ)的交互元素，雖然現(xiàn)在有了更直觀的圖片信息，但是文字本身傳遞的意義依然是最為準確，而主要的信息還是要以文字描述為主，所以文字的排版在電商視覺設(shè)計中非常重要。

1 電商視覺設(shè)計的概念

電商視覺設(shè)計是互聯(lián)網(wǎng)時代的一種新型銷售形式。它功能之一就是在推銷商品時，通過展示各種充滿魅力、極富吸引力的生活情境去影響消費者的消費行為。

2 文字排版是電商視覺設(shè)計的基本要素

對于電商視覺設(shè)計而言，文字、圖像、色彩以及版式是最基本的要素，在電商視覺設(shè)計當中，掌握好文字排版是電商視覺設(shè)計的關(guān)鍵環(huán)節(jié)，也是傳遞信息最直接的方式，因為文字在電商視覺設(shè)計中是最基礎(chǔ)的交互元素，文字本身的傳遞意義是最為準確的。所以強調(diào)文字在電商視覺設(shè)計中的作用，可以增強設(shè)計的直接表現(xiàn)力度。

3 電商視覺設(shè)計中的文字

電商視覺設(shè)計中的文字信息是最基礎(chǔ)的交互元素，好的電商視覺設(shè)計文字應(yīng)該遵循簡潔性、一致性、標點符號及語氣性的原則

3.1 簡潔性

簡潔就是使用最少的文字傳達最準確的信息，讓用戶在最短的時間內(nèi)獲取信息。一般正文當中注意文本內(nèi)容需簡潔易懂，盡可能地將表達的含義明確敘述；

3.2 一致性

一致性就是應(yīng)該遵循用戶的使用習慣，降低學習成本，比如，類似的操作我們就可以用同一個詞匯來表達。

3.3 標點符號及語氣性

標點就是當句子結(jié)束時，用符號來表達更準確的感情。比如完成任務(wù)和需要吸引用戶注意時使用感嘆號等；設(shè)計文本時可以設(shè)想自己正在與用戶面對面溝通，使用口語化或是鼓勵式的語氣等。

4 電商視覺設(shè)計中文字的排版

在電商視覺設(shè)計中文字的排版主要有:排版中的對齊、排版中的層級、組合排版。

4.1 排版中的對齊

排版中的對齊方式有:左對齊、右對齊、居中對齊、豎版對齊。我們在閱讀文字時的基本規(guī)則是從上到下、從左到右的。文案的排版應(yīng)盡量遵從這一規(guī)則，除特殊版式之外，盡可能減少參差不齊或右對齊排列，大部分情況下，使用左對齊或居中對齊是最為合適的選擇。所以我們打開互聯(lián)網(wǎng)中的網(wǎng)頁會發(fā)現(xiàn):左對齊是網(wǎng)頁當中默認的對齊方式；左對齊是適合閱讀的排版方式；左對齊是適用于內(nèi)容比較多的版式設(shè)計；左對齊具有方向感。右對齊一般很少用到，當為了個性，或是右邊實在需要對齊才會用到。

居中對齊是一種高端、正式、貴氣的排版方式，地產(chǎn)、珠寶、手表等奢侈品最喜歡用這種方式。居中對齊具有完美、完整、經(jīng)典的氣質(zhì)；由于其結(jié)構(gòu)穩(wěn)定居中的特點，所以它的標題感很強。

而當沿著某一板塊或素材的左側(cè)排列文字的時候，我們使用右對齊會比左對齊和居中對齊，要有更好的表達效果，但一定要記住這是特例。

豎版對齊具有文藝、藝術(shù)和文化屬性；豎版藝術(shù)性大于實用性；豎版不方便閱讀、只適合標題和輔助文案

4.2 排版中的層級

在排版之中影響排版的層級主要有字體、字號、位置、顏色四個因素。我們可以把文字看成是線，我們把第一排的文字改變字體，可以發(fā)現(xiàn)改變字體，它的變化是不大的，然后我們改變字號，會發(fā)現(xiàn)字體變大了后，會突出很多，下一步，我們把位置進行變化，它的變化更強烈了，第四步顏色的變化，就像我們畫重點的感覺，特別的顯眼。如果排文字的時候內(nèi)容不是很多，建議不要使用特別多的方式去進行排版。最好的情況是用更少的變化去展示你的視覺效果，使用的越少畫面越精致。

改變行間距可以讓內(nèi)容層級分明，同時線可以對文案進行分類；字間距可以調(diào)整排版的節(jié)奏、平衡；排版時應(yīng)注意每行文案的長短調(diào)整節(jié)奏。

4.3 文字的排版與組合

在日常設(shè)計中，排版時負空間較大的字體不適合多行使用，排版時應(yīng)注意負空間的形狀選擇字體。在排版中，我們的文案大多以規(guī)整的形狀為主，比如正方形、三角形。

5 結(jié)束語

電商視覺設(shè)計中，文字信息是最基礎(chǔ)的交互元素，文字本身的傳遞意義也是最為準確的，雖然圖形界面增加了直觀的圖形交互，但是一般來說畫面中每一個元素的存在以及它的擺放都有它的道理!不能單純憑借自己的喜好去排版。要根據(jù)設(shè)計原則來進行設(shè)計制作，從而直接的傳達出利益點給客戶，增加點擊率。

[1]孟俊宏袁玉萍.Potoshop電商網(wǎng)頁廣告設(shè)計實戰(zhàn)從入門到精通 [M].北京：人民郵電出版社, 2015.

[2]白雪.ui設(shè)計在產(chǎn)品設(shè)計中的應(yīng)用研究[J].設(shè)計,2015(6):132-133.