错位排版设计的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%的人还看了以下文章

  • 左侧固定,右侧自适应布局的两种实现方法

    左侧固定,右侧自适应布局效果图 很多页面,特别是网站后台管理页面,不少采用左右布局。本文讲解左侧固定,右侧自适应布局的两种实现方法。 左侧固定200px宽,右侧自适应,中间间隔10px。 HTML: <div class=”parent”> <div class=”side”></div> <div class=”m…

    2019年3月10日
    7.7K0
  • 董文利聊颜色搭配-节日经典配色

    网页设计师联盟优秀设计师董文利,董老师系列教程分享,聊颜色,特别是按节日给出的经典配色,牛** 董文利一名靠谱平面设计师/网页设计师/插画设计师。典型80后,爱绘画,玩音乐,不做设计的时候喜欢独自一个人在家附近的江水旁静静的坐上一小会儿。2011年毕业于湖北工业大学艺术设计学院,所修专业是平面设计。

    2021年2月4日
    16.6K0
  • 汉字发展简史:甲骨文-金文-大篆-小篆-隶书-魏碑-草书-楷书-行书

    中国具有五千年文字历史,文字中所包涵的精髓,值得每一位设计师学习、继承与探究。设计师需要熟悉各种字体的风格特征,并能灵活运用字体进行编排设计,才能使作品的内容更清晰、更有条理地传达给读者。

    2023年1月18日 网页设计
    12.7K0
  • 两天入门React+ Node,全栈工程师培训教程(精)

    两天入门React+Node(全栈工程师培训教程),教程内容完整、脉络清晰、通俗易懂,能帮助初学者看清技术路径,快速入门。所有内容都配有 Demo 和操作指导。

    2018年2月13日
    4.2K0
  • 最全的前端开发框架介绍

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

    2023年1月18日
    2.2K0
  • 浏览器播放mp4格式视频时只有声音看不到画面的原因及解决方法(精)

    做HTML5网页,要播放视频,视频格式为mp4,结果浏览器只能听到声音,看不到画面。 反复测试,多个浏览器均出现此问题。刚开始以为视频的格式不对,我是从MOV转的MP4格式,反复确认嵌入的视频确实是mp4格式的,可是试了好多次结果都一样,只有声音不显示图像,搞了一天,直接搞懵了。 在网上到处搜索,最终解决。 问题描述: 在html5页面中嵌入视频,用浏览器打…

    2018年5月9日
    20.3K0

发表回复

登录后才能评论