[ 平面理論教程 ] 教你3步快速搞定Slogan的文字排版問題- 設計教程 - 骨子愛創意

教學主題: 教你3步快速搞定Slogan的文字排版問題

大家好!! 小編今天來和大家分享關於 設計教程中的平面理論教程教學

今天的這個教學主題是: 教你3步快速搞定Slogan的文字排版問題

這教學的重點為這幾點 [ 問題,文字,搞定,快速,我們,slogan,標題,修飾,排版 ]

希望你可以從這幾點中領悟到修圖的精華

本文重點

我們在平時接到需求之後，總會涉及到關於slogan(文案)的排版問題，那麼如何快速的梳理文案的層級，對slogan進行快速的排版呢?今天給大家分享一些自己在slogan排版這塊的小經驗，希望能夠對大家有所幫助。

我們在平時接到需求之後，總會涉及到關於slogan(文案)的排版問題，那麼如何快速的梳理文案的層級，對slogan進行快速的排版呢?今天給大家分享一些自己在slogan排版這塊的小經驗，希望能夠對大家有所幫助。

那麼通常在拿到slogan之後我們第一步應該做什麼呢?

01. 用簡單的對比將slogan的層級體現出來

這種文案給的比較清晰，本身就可以很直觀的進行判斷文案的層級，所以很容易得到以下排版：

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

如果按照我們上面的理解，是不是應該把“刀劍英雄跨年特別活動”作為主標題，“跨年送驚喜 紅包領不停”作為副標題來處理呢?並!不!是!

一般情況下，對待我們拿捏不準的slogan定位的時候，最好的方法就是跟需求方那邊去確認下slogan中的文案層級，究竟什麼是最重要的。經過跟需求那邊溝通，了解到這句slogan的層級關係如下：

那到這裡我們的第一步基本上就算完成了，這裡主要是對slogan的層級做一個簡單的大小和顏色上的區分，目的是為了讓我們對slogan的層級有一個大致的了解，便於我們進行後期的排版工作。

02. 給部分文案添加簡單圖形修飾，對slogan做進一步的排版

如果我們的slogan全部都是文字，只是有單純字體和字號上的區分，整體難免看起來會很枯燥，而且全都是文字的話也對瀏覽者提煉關鍵信息起到一定的阻礙作用。所以我們可以嘗試對slogan中的部分文案添加一些圖形修飾，修飾的形式很多，可以是線條、框或者面等等，下面我們通過一些栗子來加深理解：

以下栗子及部分理解您在任何教科書上都看不到，因為都是編的，主要為了幫助您理解!!!

那麼這裡給了一句文案，我們可以添加哪些簡單的圖形修飾呢?如下：

上面隨意打出來的栗子就是我們添加的圖形修飾，這下很容易理解了吧。那我們對slogan做這種處理的好處有哪些呢?

1. 可以使我們的排版形式更加豐富

2. 可以使slogan的主副等標題之間的層級更加清晰

3. 可以使瀏覽者迅速get到文案中的刺激點

那我們還以上面兩個例子給部分文案也添加一些簡單的圖形修飾：

矮油卧槽，是誰允許你把“新門派”放那麼小的?別急，咱們看下下面的圖：

有沒有感覺很熟悉?這兩張圖中的“特價”和“熱銷”雖然佔比也不大，但是卻很惹眼。它們作為一個獨立於主體之外的標籤，不僅沒有被弱化，反而更容易引起瀏覽者的注意。我們這裡也是一樣的，“新門派”是對“鬼谷”的一個定語修飾，告訴大家“鬼谷”是什麼。那既然是新推出的門派，當然也可以像電商產品列表中的“新品”一樣做類似的處理了。

通常我們在對slogan排版的時候，一行中主標題的字數不要太多，最好是控制在4個字左右。要注意的是這裡強調的是“一行中”，為什麼呢?因為主標題通常是要做放大處理的，如果一行中的主標題文字過多，勢必會佔據更大的橫向空間，這樣如果畫面中還要出現其他的元素，比如人物原畫，那麼就會對我們的排版造成一定的困擾。再者，同樣級別的字數較多的主標題如果排成一行，也不太利於瀏覽者去進行斷句，快速找到主標題中的重點信息。所以，如果主標題中的文字較多，我們可以根據實際情況適當進行斷句，拆成2行;或者是將一些至於首尾的修飾性定語單提出來，做標籤處理，同樣可以使我們的主標題做一個很好的層級區分。

根據上面的描述，例二添加完圖形修飾后的效果如下：

那到這裡我們的第二步基本上就算完成了，這裡主要是對slogan的層級做一個斷句的處理，目的也是為了讓我們的排版更加合理和易讀，通過這一步我們對最終的文案排版會有一個相對明確的認識，現在差的就只是選擇合適的字體，並且根據不同的頁面風格，對排版中的圖形修飾做進一步的細化處理了。

03. 選擇合適的字體，對修飾圖形做進一步細化

選擇合適的字體，這點我覺得很好理解了，就是根據不同的風格頁面需求來定位相應的字體。比如：武俠風的首選書法字體或者粗宋體，槍戰動作類的選擇一些稜角分明、外形看起來比較堅硬的字體，活動類的可以選擇一些筆畫較粗的非襯線字體等等。(這裡選擇的字體主要是針對slogan中的主標題。)

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

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

貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit／Undo )命令使
用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

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

貼心提醒: 使用選框工具( Marquee Tools )的時候，按住Shift鍵可以劃出 正方形和正圓
的選區；按住Alt鍵將從起始點為中心勾劃選區。

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

04. 小結

這次的小教程到這裡就基本結束了，內容不多也不複雜。按照上面的方法不能保證你排出特別驚艷的版式，但是大體上的層級還是可以很容易的去區分的。希望感興趣的朋友在以後的工作中也可以嘗試一下~本人水平有限，以上觀點僅代表個人意見，如果有說的不好的地方(你也不能打我)，歡迎大家一起交流討論，共同進步。

看完小編分享的教學之後 是不是對平面理論教程中的設計教程教學更熟悉了呢?

希望我們所介紹的 教你3步快速搞定Slogan的文字排版問題 這教學會喜歡

文章標題: 骨子愛創意- 教你3步快速搞定Slogan的文字排版問題–轉載請註明來源處

本教學分類為平面理論教程中的 設計教程相關教學

文章相關關鍵字為: 問題,文字,搞定,快速,我們,slogan,標題,修飾,排版

本文永久連結 :教你3步快速搞定Slogan的文字排版問題

本文轉載自 :VIA