文字排版3大技巧-优秀设计师必备

文字排版是设计中比较难处理,特别是文案字数太多时,设计师们感觉无从下手?本文教你在最短的时间内让文案排版变成高大上!

文字排版3大技巧-优秀设计师必备

文字排版是设计中比较难处理,特别是文案字数太多时,设计师们感觉无从下手?

在页面上塞一堆文字?怎样看都像一坨坨……本文教你在最短的时间内让文案排版变成高大上!

文章分为三个方面(空间、对比、修饰),循序渐进,讲解文案排版的技巧和表现形式,然后通过案例演示,希望对你的文字排版能力的提升有所帮助。

文字排版3大技巧-优秀设计师必备

空间,就是合理地布局文案并突出重点。在对的位置里,遇见对的文案。

空间上的布局,常见有三种。

文字排版3大技巧-优秀设计师必备

  1. 中心分布:文字为主要内容,或与图相关联,画面稳定。
  2. 左右/上下分布:大部分 banner 常用的分布形式,容易平衡版式,内容文案区别对应性强。
  3. 对角线分布:相对以上两种更有视觉冲击,不呆板,一般文案为辅助说明,可以以展示产品细节为主。

在找个好布局安放文案的同时,还要突出该强调的重点。

文字排版3大技巧-优秀设计师必备

图一:产品为重点,文案为辅助(此处文案应该属于册集说明)。

图二:「精英」文案为主体,以鹰来表现,增加画面感,属于物体服务于文案。

图三:PK与类似钢材材质结合,表现出宣传重点。

文字排版3大技巧-优秀设计师必备

对比,就是在确定文案的空间后,让文案本身的字体产生差异,形成对比。有对比,才有伤害,才有视觉冲击力。

文字排版3大技巧-优秀设计师必备

  1. 大小对比:最明显也最常用,也最容易产生效果,几乎大部分文字排版都使用了这种方法来突出主次。
  2. 粗细对比:类似于粗密、深浅,错落有致,从而产生视觉重心。
  3. 字形对比:相对以上两种更加自由多样,最普通的为衬线体与非衬线体的对比,甚至还可以进行字体设计,加入图形元素等。

文字排版3大技巧-优秀设计师必备

最后,修饰。可有可无,看画面的需要。通过各种加法、减法、乘法进行修饰,可以为单调的文字加上一些细腻的细节。

修饰上的加法:在基础文案上添加元素,加强重点,平衡版式。

文字排版3大技巧-优秀设计师必备

  1. 加面:以面状出现在文案字体中的,一般作用于重点文案,或者是需要吸引点击的按钮,和框选区分内容。
  2. 加线:修饰文字,引导文字,整理文字,平衡画面等。
  3. 加点:可以跟主体搭配,充盈画面。

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/3426.html

(5)
江山如画的头像江山如画管理团队
上一篇 2019年4月4日 上午8:19
下一篇 2019年4月8日 下午3:23

99%的人还看了以下文章

  • 9种常用的排版小技巧

    分享优秀网页设计发布的9种常用的排版小技巧,不同氛围的文字排版组合,演绎不同的版面风格。 ​​​​

    2020年4月4日 网页设计
    9.6K0
  • 以文字为主题的海报如何进行版式设计

    豪斯课堂又一力作,耗时3个月。 让人受益匪浅的主题设计教程,版式调整下~!主体立刻突现!赞!把之前设计的一些迷惑的地方都给找出来了。 网友评论: 感触大发,突然就有了灵感!!! 完全的干货,干的拧不出水,看的时候非常感动,不禁在想楼主为此篇教程到底做了多少努力,看完之后有种肃然起敬的感觉。 非常好,理解很容易。最后修改一些同学的图片,我觉得真是大神,修改后的…

    2021年11月25日
    7.2K0
  • web前端开发及PHP学习网站网址大全

    学习提升网站: 翼狐网 http://www.yiihuu.com/Hack Design https://hackdesign.org/掘金 https://juejin.im/ web前端开发网站: 中国网页设计:http://www.125jz.com/Wordpress主题 :http://www.weidea.net/Wordpress教程:htt…

    2019年10月24日
    6.0K0
  • opencv 图像旋转 cv2.rotate和np.rot90案例精讲

    OpenCV 方法 OpenCV 中带有一个旋转图像的函数 cv2.rotate rotate(src, rotateCode[, dst]) -> dst参数:src:输入图像rotateCode:旋转方式1、cv2.ROTATE_90_CLOCKWISE:顺时针 90 度2、cv2.ROTATE_180:顺时针 180 度3、cv2.ROTATE_…

    2022年12月1日
    5.6K0
  • web开发技术课程项目考查

    考查目的 一、专业能力目标 ①检验学生对《web开发技术》课程的理解与掌握情况 ②锻炼学生运用所学知识解决实际问题,进行项目开发的能力。 ③掌握web项目的开发流程,网站建设的技术和方法,具备一定的网站设计能力及网页制作能力。 ④培养学生网站规划建设、发布,以及管理维护的基本技能。 ⑤培养学生掌握项目开发的的思想和方法,树立严肃认真的工作作风。 二、技能目标…

    2018年6月1日
    6.7K0
  • 设计师必收藏的22个设计素材网站

    设计素材,是设计师创意的利剑。中国网页设计对素材门户网站进行整理,给广大设计师推荐国内最好的22个设计素材网站

    2020年2月23日 网页设计
    14.3K0

发表回复

登录后才能评论