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

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

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

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

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

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

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

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

3.1 簡(jiǎn)潔性

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

3.2 一致性

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

3.3 標(biāo)點(diǎn)符號(hào)及語(yǔ)氣性

標(biāo)點(diǎn)就是當(dāng)句子結(jié)束時(shí)，用符號(hào)來(lái)表達(dá)更準(zhǔn)確的感情。比如完成任務(wù)和需要吸引用戶注意時(shí)使用感嘆號(hào)等；設(shè)計(jì)文本時(shí)可以設(shè)想自己正在與用戶面對(duì)面溝通，使用口語(yǔ)化或是鼓勵(lì)式的語(yǔ)氣等。

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

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

4.1 排版中的對(duì)齊

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

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

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

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

4.2 排版中的層級(jí)

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

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

4.3 文字的排版與組合

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

5 結(jié)束語(yǔ)

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

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

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