文字排版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)
江山如画的头像江山如画管理团队
网站换域名必看,全站301重定向代码分享
上一篇 2019年4月4日 上午8:19
Tomcat8启动一闪而过、Tomcat8启动闪退的解决办法(精)
下一篇 2019年4月8日 下午3:23

99%的人还看了以下文章

  • 网站前端开发常用工具大全-web设计师必备

    今天给大家分享的是网站前端开发常用工具及网址。 掌握了这些工具中的大部分,会让你的WEB前端设计工作事半功倍,您离一个优秀的前端设计师也就不远了~~ 原前端开发网(w3cfuns)开发,让前端开发变得更简单,exe文件只有1.67MB,点击直接运行,不需要安装,很方便。 功能:正则表达式、代码压缩、雪碧图制作、json格式化等,如果你经常在没有网络的办公环境…

    2019年2月21日
    16.3K0
  • 网页制作实战项目九:飘城旅行社(分步教程)精

    【时间要求】4学时( 45 分钟×4=180 分钟) 【上机内容】 飘城旅行社 【上机目的】 1 、掌握整站开发的步骤及流程 2 、掌握网页固定布局的方法和技巧 3、培养团队意识和协作精神 【上机重点】 网页固定布局的方法和技巧 【上机难点】 网页固定布局的方法和技巧 【上机教学方法】 1 、采用分组教学 , 每个小组模拟一个开发团队 2 、充分发挥小组内各…

    2019年1月13日
    21.2K0
  • 那些漂亮的网页banner,用的什么字体?

    那些漂亮的网页banner,用的什么字体?那些漂亮的网页banner,用的什么字体?那些漂亮的网页banner,用的什么字体?那些漂亮的网页banner,用的什么字体?

    banner的字体选用要根据banner的主题,去挑选,因为字体本身也是有性格的。 一、稳定型(协调,齐全,稳定,高质) 微软雅黑、冬青黑体、宋体、华文细黑 方正正中黑 方正兰亭系列 二、刚硬,锐利,清晰,强烈 造字工坊力黑体 造字工坊版黑体 造字工坊劲黑体 锐字逼格锐线体简 张海山锐线体 华康儷金黑 蒙纳超刚黑体 (更适用大气,热烈,权威,声明等主题) 三…

    2019年10月22日 • 网页设计
    12.6K0
  • 最全的前端开发框架介绍

    前端框架一般指用于简化网页设计的框架,比如,jquery,extjs,bootstrap等等,这些框架封装了一些功能,比如html文档操作,漂亮的各种控件(按钮,表单等等)。前段框架的好处:对于互联网的产品而言,前端用户体验往往决定了一款产品的竞争力和吸引力;而对于前端工程师来说,考虑的问题更为复杂,他们既要为网站上提供的产品和服务实现一流的Web页面、优化…

    2023年1月18日
    3.6K0
  • 网站策划:如何定位网站主题

    网站策划、网页设计首先遇到的问题就是定位网站主题。所谓网站主题也就是网站的题材类别,具体就是该网站是什么类型的,什么性质的,主要内容是什么……

    2020年2月18日
    6.0K0
  • 新手必看:如何制作网页

    网上学习如何制作网页的教程很多,但是都很杂乱,没有一个体系。这篇文章,是给大家梳理一下制作网页所需要学习的内容,新手可以按照这个流程,一步一步的学习,当然,如果你一直看下去,我们会有惊喜给大家。

    2019年10月8日
    6.2K0

发表回复

登录后才能评论