恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
11个小标题的排版技巧
0.0°
2019-10-12 好文转载 经验/观点 原作者: 葱爷 举报 1731 6 1 0

如果一个大的问题比较难解决,那么我们就把它拆成多个小问题,比如说排好整个版面是大问题,那么标题、小标题、内文、图片、注解、页眉页脚的排版就是小问题,葱爷今天就跟大家来分享几个好用的小标题排版技巧。


◇◆ 1.中文搭英文 ◆◇


Image title


如果只是把小标题的字号加大,效果会比较单调,把中文标题翻译成英文,然后让其跟在中文的后面或下面,就可以使标题更加丰富、更加国际化。此方法适合文字比较少的小标题。


◇◆ 2.加 Icon ◆◇




这是一种很常见的小标题设计技巧,通常的做法是根据小标题的文字设计一个与其相关的图形,然后把它放在相应标题的前面或上面。这么做可以增加小标题的吸引力,同时也可以使整个版面更美观、更有细节。


◇◆ 3.点线搭配 ◆◇


Image title


通过在小标题前面增加“点”来使其更突出,也是设计小标题的常用手法,不过这么做会显得过于简单,感觉没下功夫,所以我们还可以在小标题的后面增加一条直线,并使线条与正文对齐,或延伸到版面之外,这么做既增加了小标题的设计感,也使其更加平衡。该技巧也适合文字较少的标题,且同一版面中不会有太多小标题的情况。


◇◆ 4.加色块 ◆◇


Image title


加色块也是很常用的方式,但很多人只会粗暴地把文字放在一个矩形色块里,这么做虽然可以使小标题更突出,但不够精致、灵活,也不太美观。所以,我们需要在色块的设计上多下一点功夫,比如把它设计成某个图形,或者增加一点装饰元素等。


◇◆ 5.加线框 ◆◇


Image title


线框的视觉冲击力没有色块那么强,但也因此线框没有色块那么容易显得突兀。如果只是给文字增加一个矩形线框,效果通常不会太好,所以我们可以在线框的造型上做些文章,或者在一个标题中使用两个线框,以增加其设计感与视觉冲击力。


◇◆ 6.加一组线 ◆◇


Image title


即把线重复排列形成面的效果,然后将其置于标题文字底层,线组成的面比色块更灵活、更透气,不过重复的线条会影响到文字的识别性,所以通常要给文字描边。


◇◆ 7.加符号 ◆◇


Image title


这是一个很简单的方法,一般是用特殊符号把标题文字夹在中间,目的也是为了起到突出和装饰的作用,该处理方式比较低调,适用于比较简约、优雅的版面。


◇◆ 8.变换字体 ◆◇


Image title


简单的变换一下字体也可以做出效果不错的标题设计,即给标题配一种与正文字体视觉差异比较大的字体,同时还需要将字号加大,并填充其他颜色,使其与正文形成鲜明的字体对比、大小对比、颜色对比。


◇◆ 9.上下方加线 ◆◇


Image title


即在小标题的上下方分别加一条直线,形成线夹字的效果,而且线离文字不能太近,要留给标题文字足够的空间。这种处理方式比较简单,但也能有效突出小标题,且给人的感觉比较优雅,适合于文字比较多版面。


◇◆ 10.错位排版 ◆◇


Image title


错位排版比对齐排版更灵活,而且也能使小标题更特别,通常的做法是把小标题的字号加大,并把正文往小标题的后方移动1-2个字的距离,这一技巧常用于折页、单页的排版中。


◇◆ 11.加序号 ◆◇


Image title


类似于几大优势、几大特点、几个方法之类的内容,可以按照排列顺序给小标题加上对应的序号,这么做可以加深读者的印象,也能使内容更清晰、更便于阅读。


序号一般是用阿拉伯数字表示,其表现方式可以把其拉大、填充不同的颜色、添加色块等,使其与标题文字形成对比。


◇◆ 结语 ◆◇


除了以上11个技巧外,也还有很多其他的小标题设计方式,但无论怎么做,我们的目的是为了使小标题的信息更突出,使整个版面更有细节和设计感,除此之外,小标题的设计风格一定要与整体的设计风格保持一致。


UI 设计实用技巧分享 ↓ (点击免费观看~)


超干货!送给你1000种字体设计方法
http://www.makeru.com.cn/live/5541_2071.html?s=96806

Banner设计中的“辟邪剑谱”
http://www.makeru.com.cn/live/5541_2064.html?s=96806

超实用的LOGO字体设计技巧,80%的人都不会!
http://www.makeru.com.cn/live/5541_2059.html?s=96806


建了个裙,大家一起学 UI 啊  700842555  有很多同样在学习UI的小伙伴在里面。大家可以一起学习,分享学习资料,每天还会有免费的直播公开课,大家手动添加下,找管理要资料就好


附件有更多相关学习资料,感兴趣的小伙伴可以自行下载观看呦~~

更新:2019-10-12

下载
收藏

6人已收藏

歌到南风

Q群700842555拿免费资料,每日免费直播课,共同学习

  • 60

    作品

  • 8

    粉丝

  • 0

    关注

  • 打动人心的用户体验细节
  • 超实用新手指南!零基础如何自学UI设计?
  • 为什么人人都爱宋体字?
  • 初学者的绘画指南 (一)

    猜你喜欢

      2019-10-12 好文转载 经验/观点 原作者: 葱爷 举报 1731 6 1 0

      11个小标题的排版技巧

      0.0°

      你确定要举报11个小标题的排版技巧

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年10月12日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      1
      6
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录