電商視覺設計之文字排版!

2020-12-14 設計智造

文/張梅 在電商設計中,主要還是以營銷為主,而主要又是通過文案傳達一些利益點給客戶,在詳情頁裡面通過文案告訴買家這個產品有什麼優點,這些都是通過文字的排版,合理的使用去體現它的特點。

對於電商視覺設計而言,文字、圖像、色彩以及版式是最基本的要素,在電商視覺設計當中,掌握好文字排版是電商視覺設的關鍵環節,也是傳遞信息最直接的方式,文字在電商視覺設計中是最基礎的交互元素,文字本身的傳遞意義是最為準確的。

①簡潔性。

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

②一致性。遵循用戶的使用習慣,降低學習成本,例如:類似的操作我們就可以用同一個詞彙來表達。

③標點符號及語氣性。

標點就是當句子結束時,用符號來表達更準確的感情。例如:完成任務和需要吸引用戶注意時使用感嘆號等,設計文本時可以設想自已正在與用戶面對面溝通,使用口語化或是鼓勵式的語氣等。

在電商視覺設計中文字的排版主要有:對齊、

層級、組合。

排版中的對齊方式有:左對齊、右對齊、居中對齊、豎版對齊。

我們在閱讀文字時的基本規則是從上到下、從左到右的。文案的排版應儘量遵從這一規則,除特殊版式之外,儘可能減少參差不齊或右對齊排列,大部分情況下,使用左對齊或居中對齊是最為合適的選擇。

①左對齊是適合閱讀的排版方式,左對齊是適用於內容比較多的版式設計,左對齊具有方向感。

②右對齊般很少用到,當為了個性或是右邊實在需要對齊才會用到。

③居中對齊是一種高端、正式、貴氣的排版方式,地產、珠寶、手錶等奢侈品最喜歡用這種方式,居中對齊具有完美、完整、經典的氣質,由於其結構穩定居中的特點,所以它的標題感很強。

在排版之中影響排版的層級主要有字體、字號、位置、顏色四個因素。

如果排文字的時候內容不是很多,建議不要使用特別多的方式去進行排版,最好的情況是用更少的變化去展示你的視覺效果,使用的越少畫面越精緻;

改變行間距可以讓內容層級分明,同時可以對文案進行分類;

字間距可以調整排版的節奏、平衡;排版時應注意每行文案的長短調整節奏。

在日常設計中,排版時負空間較大的字體不適合多行使用,排版時應注意負空間的形狀選擇字體。

在排版中,我們的文案大多以規整的形狀為主,比如正方形、三角形。

電商視覺設計中,文字信息是最基礎的交互元素,文字本身的傳遞意義也是最為準確的,直接的傳達出利益點給客戶,增加點擊率。

相關焦點

  • 電商視覺設計編排技巧!
    文/郭文慧 電商視覺是一秒鐘的戰爭的領域,效率就是最有力的武器裝備,要分秒必爭地搶佔商機,要一鳴驚人地爭奪眼球,要做出意料之中卻想像之外的廣告效果,要不斷探索合理的視覺編排表現方法。①直切。通過矩形切割,將畫面分為上下左右若干塊面是電商平面廣告設計中常規手段,利用矩形面積、位置、順序的變化使畫面區域明晰,產品信息與廣告宣傳語在若干空間中分隔碼放,讓設計變得沉穩、嚴肅和理性。②弧切。
  • 光雲科技電商設計課堂:電商服裝海報設計三大要素
    眾所周知,優質的電商詳情頁海報可以勾起消費者購買興趣,從而促進商品轉化。設計師在服裝海報設計時,通常會用到模特圖、文字和裝飾三大要素。光雲科技電商課堂,今天就為大家來講講電商服裝海報的設計的這三大要素:第一大要素:模特圖由於消費者在網上挑選服裝時沒有實體接觸,只能通過圖片了解服裝。所以在挑選圖片時,通常選用一張具有「視覺衝擊」效果的模特圖從而快速勾起消費者的購買慾,起到事半功倍的作用。
  • 不懂怎麼排版?海報、文案、電商看這裡,各類排版合集
    找好了素材,想好了主題,確定好了配色方案,糾結了好久,不知道怎麼排版了?排版樣式不想重複,往下看,各類排版,總有你用的上的!對比確定好了文案空間後,讓文案本身的字體產生差異形成對比,才有視覺衝擊力。1、大小對比最明顯也最常用,也最容易產生效果,幾乎大部分文字排版都使用了這種方法來突出主次。2、粗細對比類似於粗密、深淺,錯落有致,從而產生視覺重心。
  • 電商視覺設計中的空間!
    空間是平面設計很重要的要素,平面設計往往需要我們去營造一個畫面,創建一個環境。一個優秀的畫面通常:具有真實性、能夠準確傳達信息、具有視覺衝擊力,然而這三點都離不開空間。平面設計中的空間主要通過遮擋關係、透視規律、留白、色彩等來表達物體前後的位置關係、立體感、空間的深度,利用恰當的技巧就可以在二維的環境中營造出完美的三維空間感。電商設計是以產品為中心的設計,例如:新品推廣、產品日常銷售、產品促銷等。
  • 海報文案的排版決定店鋪的銷量?漢聰網解析視覺設計對店鋪的重要性
    文案的排版就顯得尤為重要了。為此,對於店鋪中的文案排版的重要性是商家不可忽視的,但往往有很多商家不重視了這一點,或者他們的能力目前來說不能很好的發揮自己的優勢,此時,漢聰網將為您提供完善的服務。下面有漢聰就多年的視覺設計經驗給大家介紹一下要點。漢聰在為商家服務的時候對文案排版要求字體要對齊。且根據店鋪風格的不同,文案的對齊方式也有所不同。
  • 一大波文字排版海報設計欣賞!
    本文轉載自【微信公眾號:阿門教你PS,ID:meitian_PS】經微信公眾號授權轉載,如需轉載與原文作者聯繫文字排版對於海報設計師來說是重中之重,因為字體本身就具有力量感,而且在海報中應用的文字都是非常濃縮的句子,言簡意駭。
  • 如何通過電商視覺設計,提升店鋪整體營銷效果
    最近有商家朋友聯繫到我,準備做一下天貓店鋪的視覺升級,遇到的問就是目前的店鋪銷量和用戶的黏性停滯不前甚至下降,同行也開始了店鋪視覺的調整,所以也想緊跟趨勢來調整視覺,促進店鋪的銷量增長,我分析了一下他的店鋪和了解了一些相關情況並給了他一些建議,同時也發現目前的電商市場視覺營銷設計對於商家的重要性
  • 大段文字如何排版設計!
    如何提煉內容,如何在內容不變的情況下增加設計感;案例一下圖是一段摩拜單車的介紹文字,當PPT上文字密集地排布時,相信沒有人有耐心去閱讀它。我們的第一步,在理解文字內容後,根據文意為這大段文字進行分段。在完成分段之後,我們繼續歸納總結,提煉每一段文字的核心內容。
  • 學排版!版式設計中的視覺運動軌跡
    文/呂莎莎 在版式設計中,不同的排版、構圖,不同的視覺元素組合相互作用,都會讓觀者的視覺生理產生反應,從而引導視覺進行運動,這個過程就可以稱之為視覺流程,運動所產生的運動軌跡,就叫做視覺運動軌跡。不同的版面中視覺運動軌跡也是不同的,每個版面的表達方式、所期待的效果、所傳達的信息不同,就會產生不同的視覺流程,從而產生不同的視覺運動軌跡。根據視覺流動的方向性不同,可以分為線型視覺運動軌跡與重心導向式視覺運動軌跡。線型視覺運動軌跡①直線型視覺運動軌跡。
  • 排版如何成為平面設計作品集的點睛之筆?
    同時,還可以放一些次要信息,如申請者聯繫郵箱、電話等,但切忌複雜,可以根據排版需要,選擇性地放置一些。排版可選擇純字體設計或是結合圖形、圖片等方式。 作品集整體排版 作為平設的申請者,更要注重排版的美觀和細節。一份美觀的作品集會給考官帶來良好的視覺體驗,從而可以成為申請者的一個「加分項」。
  • 乾貨分享|一組超級實用的文字排版技巧
    如果按字體的默認設置進行排版,字符之間的間距會因字符的邊距大小而有所不同。這一點在中文與西文聯合排版時也適用。不同字符細節調整與漢字相比,平假名和片假名在字符中具有更多的空白。他們的間距看起來比漢字字符之間的間距更漂亮。
  • 如何設計出「好看」的UI界面(一):排版的六項原則
    文/哥白尼排版是界面設計中最基本的,也最重要的,就像是繪畫中的造型設計,要是形體不準,上面的細節裝飾再豐富也是徒勞。好的排版能有效地向用戶傳遞關鍵信息,同時也能提升產品的用戶體驗,排版已經變成了設計師越來越重視的一個環節,下面總結了一些排版的知識點,希望可以和大家一起成長。
  • PPT動態鏤空文字設計技巧,精美動畫展示,排版設計快手簡單
    今天跟大家分享一下PPT動態鏤空文字設計技巧,精美動畫展示,排版設計快手簡單。メ大家請看範例圖片,先在PPT中插入一個矩形形狀框。メメ覆蓋至全PPT頁面。メメ然後我們再插入一個文本框。メメ在矩形框上方的文本框中輸入文字。メメ我們按住CTRL鍵,先選擇矩形框,再選擇文本框,點擊格式——合併形狀——組合。
  • 海報設計中常見的9種文字排版
    今天,整理了一組海報設計中常見的9種排版,希望對大家的學習有所幫助。一起來看看! 海報設計的排版方式有很多種
  • 搞定PPT大段文字,7個排版方法,不得不知!
    這確實是個問題,做PPT遇到大段的文字該怎麼排版。特別是老闆型PPT,幾乎都是一大段一大段的文字。那麼怎麼才能將大段的文字,排版的即好看又不刪除內容呢?比如下面這段文字,怎麼做呢?接下來,會分享7種還不錯的方法。看看這7中方法,到底怎麼解決大段文字排版的問題。1,加強對比對於一開始做PPT的來說,做到這種程度已經可以了。
  • 手工書(或手帳)內頁排版設計
    親愛的小夥伴們,利用舊物設計手工書的內頁排版可是一件很有意思的事情。(這裡的舊物都曾在你生命中留下過痕跡,也曾承載過你的喜怒哀樂,等你一頁一頁的鋪滿整本書,應該就是你一生用力活著的痕跡,多有趣。)所有的排版都離不開圖形、文字、色彩的搭配,當然也可以考慮不同材質搭配的質感。剪裁需要利用的部分重新排版後的效果。
  • PPT文字超多,還不能刪,掌握這個排版技巧絕對行
    大家都知道,文字時PPT中最重要地一個構成部分,你地PPT中可以沒有圖片,卻不能沒有文字。文字排版地好壞,字體地選擇,都直接影響到版面地視覺效果。 今天給大家提供一個多文字排版地思路 首先,我們要做地就時把文字區分開來,這樣我們就得到了三塊相對獨立地內容
  • 設計電商廣告色彩是重要視覺元素,如何豐富配色?這個技巧要掌握
    中間電影中的小畫面在純黑的暗色背景下襯託鮮明,後面主角暗色的面部輪廓,主題文字的明暗搭配層層遞進。色彩在襯託主題的同時,也貫穿了整個畫面,豐富了視覺效果。 在設計電商廣告時,如何能使色彩帶動整體畫面,達到視覺上的有效統一,是非常關鍵的設計部分。這需要我們整合色彩素材,有效組織配色方案。
  • 電商類的微信公眾號文章應該怎麼排版?
    在這個時期整個電商行業也都是處於忙碌加班的狀態,正好逢雙十二,小妹兒就來分享一下電商類的微信公眾號文章應該如何排版?公眾號文章可以使用微信公眾號後臺直接編輯,那如果後臺編輯滿足不了你的需求,當然也可以使用第三方編輯器,因為會有很多精緻的排版樣式以及好用的功能,會加快文章排版的效率。此處以小妹兒使用的小螞蟻編輯器為例。
  • 你不知道的專業設計排版軟體InDesign
    如果是做平面設計的那就是天天用這些軟體,大多人一直就用這幾個平面設計三件套,從老版本到現在功能越來越全面的新版本。但是很多專業的排版的和很多需要大批量和快速處理的設計文件或者書籍畫冊這幾個軟體就顯得非常吃力。國內最早印刷廠和排版的設計公司大多用的國產的飛騰排版軟體,但多用在印刷廠和報紙的排版上,主要針對還是文字不能很好的兼容其他的設計軟體。