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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

(0)
江山如画的头像江山如画管理团队
上一篇 2023年1月17日 上午7:38
下一篇 2023年1月18日 下午5:41

99%的人还看了以下文章

  • 网站设计的七个步骤

    一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为什么呢?常言道:“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。 初学网页制作从这里开始 …

    2020年6月13日
    2.7K0
  • 如何提升设计价值——方法篇

    设计≠艺术,设计从诞生之初就是为“解决问题”而存在。在体验设计场景,如果业务方是“需求提出者”,那产品经理和设计师就是从不同视角切入的“问题解决者”,而用户既是“需求源头”,又是“方案验证者”和最终“价值创造者”。下面我们详细解读设计价值与业务/用户/产品三方的关系.

    2023年1月16日 网页设计
    8100
  • 你需要知道的色彩基础知识

    色彩基础知识 光与色彩 色彩三要素 色彩的冷暖 色彩深度 光与色彩 1666年,牛頓以三棱镜分解太阳光,发現看似无色的光线,经过三棱镜時,会依其波长和折射关系, 依序分为紅、橙、黃、绿、青、蓝、紫七色光。 光的物理性质:波长:产生色相的区別波长短的偏蓝,波长长的偏红振幅:产生明暗的区別振幅大的偏亮,振幅小的偏暗 【练习】哪一個较偏蓝?以下哪一個较亮?  人类…

    2018年1月27日
    4.2K0
  • 界面设计的字体规范:常用字体,字号,字体颜色及间距对齐

    今天125网页设计给大家分享界面设计中常用的字体,字号,字体颜色及间距对齐的一些小经验,通过设计经验可以帮助你做出更好的版式,相信大家会有收获。 一、常见界面设计中字体使用问题 1.字体样式太多,导致页面杂乱 2.使用的字体不易识别 3.字体样式和内容的气氛或规范不匹配 二.界面设计中文字的使用规则 移动端常规字体 IOS:常选择华文黑体或者冬青黑体,尤其是…

    2018年12月29日 网页设计
    7.9K0
  • 网页制作实战项目一:个人站点制作

    在开始学习之前,请加入网页设计交流群:208047327 ,并注册本站用户,在项目制作过程中有任何问题,可以在群内讨论,或进入本站问答社区互动。 【时间要求】 2 学时( 45 分钟× 2=90 分钟) 【上机内容】 个人站点制作 【上机目的】1 、了解网页的组成2 、掌握网站的目录结构3 、掌握表格布局方法和技巧4 、掌握HTML及CSS的基础知识5、培养…

    2018年4月7日
    16.7K3
  • web开发技术课程项目考查

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

    2018年6月1日
    3.6K0

发表回复

登录后才能评论