错位排版设计的5个实用方法(精)

错位编排是通过对标题文字大小、位置和笔画的调整,打破固定的排版样式,让标题的排版更具个性化,是提升标题编排设计感和美感最简单最实用的设计技巧。

本期分享 5 个常用的错位排版方法,学会这些方法你也可以快速设计出个性的标题排版。

黄海都在用的错位排版设计,我总结了5个实用方法

如果大家喜欢看电影同时注意观察电影海报设计,会发现大量海报标题设计都偏爱错位排版。

黄海都在用的错位排版设计,我总结了5个实用方法

 

黄海都在用的错位排版设计,我总结了5个实用方法

此案例,所有文字字号大小一致,文字交错移动位置。第二个字“叉”往右边移动,第三个字“感”则往左偏移,第四个字“染”再往右偏移。

每个字移动的距离不一样,这样会形成一定的节奏感。

黄海都在用的错位排版设计,我总结了5个实用方法

刚开始练习如果对偏移距离掌控不好,建议距离小一些,而且首字和末字字错位不要太大,可以很好地避免文字排版混乱的问题。还可以让字间距紧凑些,甚至可以让一些笔画连起来,整体感会更强。

黄海都在用的错位排版设计,我总结了5个实用方法

黄海都在用的错位排版设计,我总结了5个实用方法

黄海都在用的错位排版设计,我总结了5个实用方法

刚开始练习可以固定其中部分字体的大小,小号字和大号字穿插排列,小号字偏移的位置尽量控制在大字号范围内,保持文字组合的整体性。

黄海都在用的错位排版设计,我总结了5个实用方法

黄海都在用的错位排版设计,我总结了5个实用方法

黄海都在用的错位排版设计,我总结了5个实用方法

黄海都在用的错位排版设计,我总结了5个实用方法

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

赞 (0)
江山如画的头像江山如画管理团队
6大思考工具——教你的孩子学会思考(父母必看)
上一篇 2023年1月17日 上午7:38
太赞了!推荐2个多彩渐变配色网站
下一篇 2023年1月18日 下午5:41

99%的人还看了以下文章

  • 3分钟学图片版式设计:K先生的版式平衡与构图实战

    条理清晰,通俗易懂的图片版式设计教程。

    2018年1月23日
    10.6K0
  • 网站首页的设计

    网站首页从根本上说就是全站内容的目录,是一个索引。但只是罗列目录显然是不够的。 网站首页设计步骤 首先要确定首页的功能模块,即确定需要在首页上实现的主要内容和功能; 其次设计首页的版面; 最后处理技术上的细节。 设计网站主页必须遵循的5点基本原则 1、要简单   能吸引浏览者注意的时间是短暂的。 你的网站应该下载速度很快。如果你的网站为了给人留下深刻印象而包…

    2018年3月15日
    7.3K0
  • 网页制作实战项目四:使用DIV+CSS制作网页

    【时间要求】 2 学时( 45 分钟× 2=90 分钟) 【上机内容】 使用DIV+CSS制作网页——个人站点制作 【上机目的】 1、 掌握CSS盒模型 2、掌握网页元素的定位 3、掌握DIV+CSS布局的方法和技巧 【上机重点】 1 、网页元素的定位 2、DIV+CSS布局的方法和技巧 【上机难点】从表格布局向DIV+CSS布局的转变 【上机教学方法】 1…

    2018年5月3日
    25.2K0
  • 从零开始做APP界面设计三:字体选择 字号及配色方案

    上一篇《从零开始做APP界面设计二:App界面设计尺寸》我们学习了app界面设计尺寸规范,今天中国网页设计给大家分享App界面设计中字体的选用、字号设置及配色方案。 App界面设计标准色: 背景用色、文字用色、图标用色 App界面设计标准字: IOS:中文使用苹方字体  英文和数字使用Helvetica Android:中文使用思源黑体 英文和数字使用Rob…

    2018年4月22日
    15.1K0
  • 文字排版3大技巧-优秀设计师必备

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

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

    2019年4月4日 • 网页设计
    16.2K0
  • 初学网页制作从这里开始

    本系列教程的目的就是:通过简单、全面和正确的介绍,教会你如何创建网站。本教程将从基础讲起,不要求你具备任何编程知识。假如你继续阅读本教程的话,你将能在一小时内制成一个网站。

    2020年2月22日
    19.8K0

发表回复

登录后才能评论