如何快速的梳理文案的層?3步快速搞定Slogan的文字排版問題
我們在平時接到需求之后,總會涉及到關(guān)于slogan(文案)的排版問題,那么如何快速的梳理文案的層級,對slogan進(jìn)行快速的排版呢?今天給大家分享一些自己在slogan排版這塊的小經(jīng)驗(yàn),希望能夠?qū)Υ蠹矣兴鶐椭?/p>
那么通常在拿到slogan之后我們第一步應(yīng)該做什么呢?
01. 用簡單的對比將slogan的層級體現(xiàn)出來

這種文案給的比較清晰,本身就可以很直觀的進(jìn)行判斷文案的層級,所以很容易得到以下排版:

那是不是所有的slogan都像上面這樣給過來的時候有著清晰的劃分呢?我們再看看下面這種:

如果按照我們上面的理解,是不是應(yīng)該把“刀劍英雄跨年特別活動”作為主標(biāo)題,“跨年送驚喜 紅包領(lǐng)不停”作為副標(biāo)題來處理呢?并!不!是!
一般情況下,對待我們拿捏不準(zhǔn)的slogan定位的時候,最好的方法就是跟需求方那邊去確認(rèn)下slogan中的文案層級,究竟什么是最重要的。經(jīng)過跟需求那邊溝通,了解到這句slogan的層級關(guān)系如下:

那到這里我們的第一步基本上就算完成了,這里主要是對slogan的層級做一個簡單的大小和顏色上的區(qū)分,目的是為了讓我們對slogan的層級有一個大致的了解,便于我們進(jìn)行后期的排版工作。
02. 給部分文案添加簡單圖形修飾,對slogan做進(jìn)一步的排版
如果我們的slogan全部都是文字,只是有單純字體和字號上的區(qū)分,整體難免看起來會很枯燥,而且全都是文字的話也對瀏覽者提煉關(guān)鍵信息起到一定的阻礙作用。所以我們可以嘗試對slogan中的部分文案添加一些圖形修飾,修飾的形式很多,可以是線條、框或者面等等,下面我們通過一些栗子來加深理解:
以下栗子及部分理解您在任何教科書上都看不到,因?yàn)槎际蔷幍模饕獮榱藥椭斫?!!

那么這里給了一句文案,我們可以添加哪些簡單的圖形修飾呢?如下:

上面隨意打出來的栗子就是我們添加的圖形修飾,這下很容易理解了吧。那我們對slogan做這種處理的好處有哪些呢?
1. 可以使我們的排版形式更加豐富
2. 可以使slogan的主副等標(biāo)題之間的層級更加清晰
3. 可以使瀏覽者迅速get到文案中的刺激點(diǎn)
那我們還以上面兩個例子給部分文案也添加一些簡單的圖形修飾:

矮油臥槽,是誰允許你把“新門派”放那么小的?別急,咱們看下下面的圖:

有沒有感覺很熟悉?這兩張圖中的“特價”和“熱銷”雖然占比也不大,但是卻很惹眼。它們作為一個獨(dú)立于主體之外的標(biāo)簽,不僅沒有被弱化,反而更容易引起瀏覽者的注意。我們這里也是一樣的,“新門派”是對“鬼谷”的一個定語修飾,告訴大家“鬼谷”是什么。那既然是新推出的門派,當(dāng)然也可以像電商產(chǎn)品列表中的“新品”一樣做類似的處理了。
通常我們在對slogan排版的時候,一行中主標(biāo)題的字?jǐn)?shù)不要太多,最好是控制在4個字左右。要注意的是這里強(qiáng)調(diào)的是“一行中”,為什么呢?因?yàn)橹鳂?biāo)題通常是要做放大處理的,如果一行中的主標(biāo)題文字過多,勢必會占據(jù)更大的橫向空間,這樣如果畫面中還要出現(xiàn)其他的元素,比如人物原畫,那么就會對我們的排版造成一定的困擾。再者,同樣級別的字?jǐn)?shù)較多的主標(biāo)題如果排成一行,也不太利于瀏覽者去進(jìn)行斷句,快速找到主標(biāo)題中的重點(diǎn)信息。所以,如果主標(biāo)題中的文字較多,我們可以根據(jù)實(shí)際情況適當(dāng)進(jìn)行斷句,拆成2行;或者是將一些至于首尾的修飾性定語單提出來,做標(biāo)簽處理,同樣可以使我們的主標(biāo)題做一個很好的層級區(qū)分。
根據(jù)上面的描述,例二添加完圖形修飾后的效果如下:

那到這里我們的第二步基本上就算完成了,這里主要是對slogan的層級做一個斷句的處理,目的也是為了讓我們的排版更加合理和易讀,通過這一步我們對最終的文案排版會有一個相對明確的認(rèn)識,現(xiàn)在差的就只是選擇合適的字體,并且根據(jù)不同的頁面風(fēng)格,對排版中的圖形修飾做進(jìn)一步的細(xì)化處理了。
03. 選擇合適的字體,對修飾圖形做進(jìn)一步細(xì)化
選擇合適的字體,這點(diǎn)我覺得很好理解了,就是根據(jù)不同的風(fēng)格頁面需求來定位相應(yīng)的字體。比如:武俠風(fēng)的首選書法字體或者粗宋體,槍戰(zhàn)動作類的選擇一些棱角分明、外形看起來比較堅(jiān)硬的字體,活動類的可以選擇一些筆畫較粗的非襯線字體等等。(這里選擇的字體主要是針對slogan中的主標(biāo)題。)

那么我們可以看到,對于出自《新天龍八部》的例一來說,這里的主標(biāo)題我選擇了書法字。首先,天龍是一款武俠類的游戲,本身的專題中書法字和粗宋體就是首選,鑒于鬼谷這個門派的牛逼之處(據(jù)說他們一出場就單挑其他十二大門派),所以這里選擇了更顯霸氣的書法字來做主標(biāo)題,其他的標(biāo)題則選擇了宋體類型字,以識別清晰為主要出發(fā)點(diǎn)。另外,“內(nèi)測資格限量領(lǐng)取”這句副標(biāo)題的修飾圖形也由矩形框變成了兩端的圖形修飾,這里主要考慮到主標(biāo)是書法字,并不像其他字體看起來那么規(guī)整,鑒于書法文字的高低大小錯落,所以副標(biāo)題沒有選擇較為方正的形狀去修飾。大家還可以看到“新門派”下面的紅底已經(jīng)從一個圓角矩形變成了墨跡,這也是從頁面的類型和風(fēng)格出發(fā)而做出的進(jìn)一步細(xì)化。

按照我們的排版,加上各種效果之后,最終顯示如上圖。

例二出自《刀劍英雄》,雖然也是古風(fēng),但是這個專題的定位是偏活動類型的,所以這里也并沒有選擇粗宋或者書法字,而是選擇了比較粗壯厚重的非襯線字體去做主標(biāo)題。修飾圖形上也選擇了較為常見的圓形作為趁底。最終效果如下:

最后再說一下第二步中的“添加圖形修飾”,其實(shí)這個樣式非常的多,有時候根據(jù)一種特別簡單的可以演化出很多種不錯的樣式。大家可以根據(jù)實(shí)際情況去進(jìn)行繪制,多去嘗試,會有意想不到的效果。下面給大家一些例子,幫助大家更好地去理解。

04. 小結(jié)
這次的小教程到這里就基本結(jié)束了,內(nèi)容不多也不復(fù)雜。按照上面的方法不能保證你排出特別驚艷的版式,但是大體上的層級還是可以很容易的去區(qū)分的。希望感興趣的朋友在以后的工作中也可以嘗試一下~本人水平有限,以上觀點(diǎn)僅代表個人意見,如果有說的不好的地方(你也不能打我),歡迎大家一起交流討論,共同進(jìn)步。
相關(guān)文章

全畫幅不是半畫幅的兩倍有什么區(qū)別? 聊聊相機(jī)的傳感器尺寸
說到相機(jī)畫幅,估計(jì)平時聽到最多的可能就是全畫幅與半畫幅了,以至于不少人認(rèn)為中畫幅比全畫幅要小,為了避免這種常識性錯誤,這篇文章就來和大家說說相機(jī)的不同畫幅,所謂2025-04-07
a5紙與a4紙?jiān)趺催x? a5紙與a4的區(qū)別介紹
4紙和A5紙因其尺寸適中,使用尤為廣泛,但你知道它們之間有何區(qū)別嗎?今天,就讓我們一起來探討這個話題2025-02-01
各類商務(wù)印刷品的尺寸怎么選? 印刷設(shè)計(jì)常用的尺寸紙張/克重都在這里了
日常經(jīng)常印刷各種東西,哪些尺寸,紙張更合適呢?本文為大家整理了常用印刷尺寸,方便圖文廣告店、印企在日常接單生產(chǎn)中能夠快速掌握客戶關(guān)鍵性信息,詳細(xì)請看下文介紹2024-02-10
現(xiàn)如今,證件照已成為我們生活中不可或缺的一部分,無論是求職應(yīng)聘,還是入學(xué)注冊,亦或是辦理各種證件,都需要提交符合規(guī)定格式和要求的證件照,那么,這些證件照的尺寸和2024-02-10
平面設(shè)計(jì)是一個注重視覺效果的設(shè)計(jì),簡單的排版方式有時候不能滿足視覺突出的效果,業(yè)務(wù)很難達(dá)到吸引用戶的眼球,下面我們就來看看8個平面設(shè)計(jì)技巧分享2023-10-08
如何選擇平面設(shè)計(jì)工具? 這10款軟件應(yīng)該收入囊中
每個設(shè)計(jì)師都有自己最喜歡的設(shè)計(jì)軟件,并把軟件作為自己的第二語言,今天我們來推薦10款UI設(shè)計(jì)不可或缺的工具,詳細(xì)請看下文介紹2023-10-08
夏日電影風(fēng)怎么調(diào)色調(diào)色? 適合夏季的柔和綠色調(diào)調(diào)色分享
夏日電影風(fēng)怎么調(diào)色調(diào)色?夏天快到了,想要調(diào)節(jié)夏季電影風(fēng)的畫面,該怎么操作呢?下面我們就來看看適合夏季的柔和綠色調(diào)調(diào)色分享2023-04-02
什么是真RAW 什么是偽RAW? 簡單說說真 RAW 和 偽RAW
隨著索尼α7RV(ILCE-7RM5)正式發(fā)售,近期有不少網(wǎng)友跟我咨詢索尼相機(jī)“無損壓縮(M)”和“無損壓縮(S)”RAW的問題,今天做一個統(tǒng)一答復(fù)2022-12-24
手機(jī)UI設(shè)計(jì)尺寸有哪些? 超全面的UI元素尺寸設(shè)置指南
手機(jī)UI設(shè)計(jì)尺寸有哪些?作為新手在設(shè)計(jì)手機(jī)ui的頁面的時候,發(fā)現(xiàn)自己設(shè)計(jì)的尺寸都很奇怪,如果能有元素尺寸介紹就好了,下面就來看看我們匯總的超全面的UI元素尺寸設(shè)置指南2021-08-06
常用照片尺寸有哪幾個? 照片標(biāo)準(zhǔn)尺寸/像素對照表匯總
常用照片尺寸有哪幾個?我們經(jīng)常說一寸照片,二寸照片,這些照片的尺寸是怎么計(jì)算的?下面我們就來看看照片標(biāo)準(zhǔn)尺寸/像素對照表匯總2021-08-06









