Date 2026-07-02 20:52:40
@畅游VC ：平时收到需求后，总会涉及到slogan(文案)的排版，那么如何快速梳理文案的层次，快速排版slogan呢？今天我想和大家分享一些我在slogan排版方面的小经验，希望对大家有所帮助。
那么，我们通常在拿到slogan后的第一步该怎么办呢？
这种文案更清晰，本身可以直观地判断文案的层次，所以很容易得到以下排版：
是不是所有的slogan都像上面这样给过来的时候有清晰的划分？我们来看看下面这个:
按照我们上面的理解，是否应该以“剑英雄跨年特别活动”为主题，“跨年送惊喜” “红包领不停”作为副标题来处理？不！不！是的！
一般来说，当我们处理不确定的Slogan定位时，最好的方法是与需求方确认Slogan中的文案级别。最重要的是什么。在与需求方沟通后，我们了解到Slogan的级别关系如下：
在这里，即使我们的第一步基本完成了，这里主要是为了区分slogan的层次和颜色，目的是让我们对slogan的层次有一个大致的了解，方便我们以后的排版工作。
如果我们所有的标志都是文本，但有一个简单的字体和字体大小的区别，整体将不可避免地看起来非常无聊，所有的文本也在一定程度上阻碍访问者提取关键信息。所以我们可以尝试在标志中添加一些图形修改，有很多形式的修改，可以是线条、框架或表面等，让我们通过一些栗子加深理解：
你在任何教科书上都看不到下面的栗子和一些理解，因为它们都是编的，主要是为了帮助你理解！！！
所以这里有一个文案，我们可以添加什么简单的图形修改？如下：
上面随机制作的栗子是我们添加的图形修改，这很容易理解。那么，我们对slogan的处理有什么好处呢？
1. 能使我们的排版形式更加丰富
2. Slogan的主副标题之间的层次可以更加清晰
3. 浏览器可以快速获得文案中的刺激点
然后我们还在上面的两个例子中添加了一些简单的图形修改，以供一些文案：
矮油卧槽，谁让你把“新门派”放得这么小？别担心，让我们看下图：
你觉得很熟悉吗？虽然这两张照片中的“特价”和“热销”所占比例不大，但它们非常引人注目。作为独立于主体的标签，它们不仅没有被削弱，而且更容易吸引观众的注意。我们在这里也是如此。“新学校”是对“鬼谷”的定语修改，告诉你什么是“鬼谷”。既然它是一个新的学校，当然，它也可以像电子商务产品列表中的“新产品”一样进行类似的处理。
通常，当我们排版标志时，主标题的字数不应该太多，最好控制在4个字左右。需要注意的是，这里强调的是“一行”。为什么？因为主标题通常需要放大。如果一行中的主标题文本太多，必然会占据更大的横向空间。这样，如果图片中出现其他元素，如人物原画，就会给我们的排版带来一些麻烦。此外，如果同一级别字数较多的主标题排成一行，则不利于访问者断句，并快速找到主标题中的关键信息。因此，如果主标题中有更多的文本，我们可以根据实际情况适当地断句并将其分成两行；或者提出一些关于开头和结尾的装饰性定语单并进行标签处理，这也可以使我们的主标题进行良好的层次区分。
根据上述描述，例2添加图形修改后的效果如下：
在这里，即使我们的第二步基本完成，这里主要是对标志层次的断句处理，目的是使我们的排版更加合理易读。通过这一步，我们将对最终的文案排版有一个相对清晰的理解。现在最糟糕的是选择合适的字体，并根据不同的页面风格进一步细化排版中的图形装饰。
我认为很容易理解选择合适的字体，即根据不同风格的页面需求定位相应的字体。例如，武术风格的首选是书法字体或粗宋体，枪战动作类别选择一些棱角分明、外观坚硬的字体，活动类别可选择一些笔画较厚的非衬线字体等。（这里选择的字体主要针对标志中的主要标题。）
然后我们可以看到，对于新天龙八部的例子，我选择了书法词作为这里的主题。首先，天龙是一款武术游戏。书法词和粗宋体是其主题的首选。鉴于鬼谷学校的力量（据说他们一出现就选择了其他12个学校），这里选择了更霸道的书法词作为主题，其他标题选择了宋体类型词，主要起点是识别清晰。此外，副标题“内部测试资格限量收集”的修改图也从矩形框变为两端的图形修改。这里主要考虑的是主标题是书法词，而不是其他字体它看起来很整洁。鉴于书法文本的高度和大小分散，副标题没有选择更方形的形状进行修改。你还可以看到，“新学校”下面的红色背景已经从一个圆角矩形变成了墨水，这也是从页面的类型和风格进一步细化。
按照我们的排版，加上各种效果，最后显示如上图所示。
例2来自《剑英雄》。虽然也是古风，但这个话题的定位偏向于活动类型，所以这里没有选择粗宋或书法字，而是选择了厚厚的非衬线字体作为主题。修改图形时，还选择了更常见的圆形作为底部。最终效果如下:
最后，让我们谈谈第二步中的“添加图形装饰”。事实上，有很多这样的风格。有时候，很多好的风格可以根据一个特别简单的方式演变出来。你可以根据实际情况绘制。如果你尝试更多，你会有意想不到的效果。这里有一些例子来帮助你更好地理解。
这个小教程在这里基本结束了，内容不多也不复杂。根据上述方法，您不能保证排放一个特别惊人的布局，但总体水平可以很容易地区分。我希望感兴趣的朋友也可以在未来的工作中尝试~我的水平有限。以上观点仅代表个人意见。如果有什么不好的地方（你不能打我），欢迎大家交流讨论，共同进步。
Step 1：搞定标题文字！一篇好的实战文章！经典教程！商业BANNER设计实战:标题文字
Step 2：搞定设计创意！网易高手实例教学！“高手教你做BANNER！如何让BANNER传情达意？
Step 3：搞定效率！专题图的速成技巧！编辑也能快速制作出漂亮的BANNER！专题头图的秘密武器
作者：@游VC
【优设网 原创文章 投稿邮箱：yuan@uisdc.com】
================优设网==============.com“它是中国最受欢迎的网页设计师学习平台，专注于分享网页设计、无线终端设计和PS教程。设计师需要阅读的100本书：历史上最完整的设计师图书导航：http://hao.uisdc.com/book/.设计微博：拥有180万粉丝的热门微博@优秀网页设计 ，欢迎关注获取网页设计资源，下载顶级设计材料。设计导航：推荐世界顶级设计网站，设计师必须导航：http://hao.uisdc.com