• 以指代步
社交账号登录
  • 首页
  • 博客
  • 模板
  • 源码
  • 壁纸
  • 视频
  • 软件
  • 文库
  • 学习
  • 创作中心
  • 关于我们
  • 招兵买马
  • 联系我们
  • 法律申明
  • 合作招商
  • 注册
  • 粉丝
  • 关注
  • 创作
  • 为了让你学会「时间」排版,我做了50+案例示范

  • 飞翔的企鹅 2023-03-03 17:12:19 收藏
  • 文章标签: 时间 信息 版面
  • 为了让你学会「时间」排版,我做了50+案例示范

    在进行设计时,常常会涉及到“时间”的排版,比如展会日期、演出时间、活动促销时间等。“时间”在版面中更像是个“配角”,并不像标题和其它信息那么显眼,所以常常被设计师所忽视。

    但版面中任何一个小细节都会影响到版面整体的美观,本期讲解“时间”信息编排的几种思路,教你如何让“时间”的排版在顺利传递信息的同时,还具有良好的视觉体验,为版面增添设计感。

    往期平面干货:

    文字怎么搭配排版才吸睛!送你50+案例!

    海报文字的排版怎么样才能吸睛与众不同?

    阅读文章 >

    一、对比

    “对比”在设计中无处不在,在“时间”的编排中也是如此。在设计时可以弱化日期中较次要的信息,突出主要信息,让观者一目了然。

    此案例时间并没有经过太多的刻画,但加入了大小对比,形成了视觉层次感。

    为了让你学会「时间」排版,我做了50+案例示范

    将“年份”和“月、日”字眼信息缩小,采用大小对比增强信息之间的跳跃率,显得灵动活泼。

    为了让你学会「时间」排版,我做了50+案例示范

    将“月份”改为空心字,形成空心字和实心字的强弱的对比,使主要信息“日期”更突出。

    为了让你学会「时间」排版,我做了50+案例示范

    二、简化

    将“年、月、日”简化为“.”“/”等符号,既能准确传达日期信息,又可以使视觉效果更简约。

    为了让你学会「时间」排版,我做了50+案例示范

    很多时候年份并不那么重要,可以把年份弱化,突出具体时间,形成对比、层次区分,这样更有利于阅读。

    为了让你学会「时间」排版,我做了50+案例示范

    如果时间信息较多,想更简约的呈现,年份直接删去也无妨。

    为了让你学会「时间」排版,我做了50+案例示范

    当活动的时间范围在同一个月,“月份”可以共用,这样能精简画面重复的信息。

    为了让你学会「时间」排版,我做了50+案例示范

    三、替代

    将月份替换为英文,使版式多一点变化。

    为了让你学会「时间」排版,我做了50+案例示范

    将日期中的阿拉伯数字用汉字代替,比较适用于传统复古的版面。

    为了让你学会「时间」排版,我做了50+案例示范

    日期连接经常使用横线“——”,也可以替换为各式各样的箭头来连接日期。

    为了让你学会「时间」排版,我做了50+案例示范

    将年份信息放在连接线上,既起到连接的作用,同时还能引起阅读者的注意。

    为了让你学会「时间」排版,我做了50+案例示范

    四、添加

    如果想让版面视觉效果更丰富,可以选择添加信息。

    此案例添加星期的英文缩写,增加大小对比,丰富了画面层次。

    为了让你学会「时间」排版,我做了50+案例示范

    有些活动是只在一天的某个时段举行,则需要添加具体时间。

    为了让你学会「时间」排版,我做了50+案例示范

    还可以添加图标或其他小元素进行装饰,增加更多趣味性。

    为了让你学会「时间」排版,我做了50+案例示范

    添加外框,让“时间”信息的呈现更整体,也能与其它信息进行区分。

    为了让你学会「时间」排版,我做了50+案例示范

    为了让你学会「时间」排版,我做了50+案例示范

    六、分行

    当有两个日期需要呈现,可以采用分行处理,让读者更易于阅读与识别。

    为了让你学会「时间」排版,我做了50+案例示范

    为了让你学会「时间」排版,我做了50+案例示范

    七、对齐方式

    左对齐是最符合人阅读习惯的对齐方式,所以也是“时间”编排中最常使用的对齐方式。在设计时也可以尝试改变不同的对齐方式,让编排多一些个性和变化。

    为了让你学会「时间」排版,我做了50+案例示范

    为了让你学会「时间」排版,我做了50+案例示范

    为了让你学会「时间」排版,我做了50+案例示范

    为了让你学会「时间」排版,我做了50+案例示范

    也可以将文字调整大小和间距,使两端完全对齐,可以达成工整严谨的效果,看起来也更加饱满。

    为了让你学会「时间」排版,我做了50+案例示范

    为了让你学会「时间」排版,我做了50+案例示范

    为了让你学会「时间」排版,我做了50+案例示范

    八、纵向编排

    在版面空间比较狭窄时,可以改变时间的排版方向来适合版面编排需求,纵向的编排还能体现出古典文化感。

    为了让你学会「时间」排版,我做了50+案例示范

    在改变排版方向时,一般要把数字调整为常规阅读方向,保证良好的识别性。

    为了让你学会「时间」排版,我做了50+案例示范

    也可以同时采用横排和竖排相结合的排版方式,形成方向上的对比,视觉效果更丰富。

    为了让你学会「时间」排版,我做了50+案例示范

    九、字体

    选取特殊的字体,让信息编排更具个性和设计感。

    为了让你学会「时间」排版,我做了50+案例示范

    掌握方法后,可以尝试更多的组合方式,让重新设计后的“时间”信息在顺利传递信息的同时,还具有良好的视觉体验,为版面增添设计感。

    为了让你学会「时间」排版,我做了50+案例示范

    为了让你学会「时间」排版,我做了50+案例示范

    为了让你学会「时间」排版,我做了50+案例示范

    为了让你学会「时间」排版,我做了50+案例示范

    为了让你学会「时间」排版,我做了50+案例示范

    本期示范所用字体为:Trajan、Times New Roman、Garamond、思源黑体、D-DIN、Bebas、Facon、Quantum、Bungee Inline、Morena、Baloo(除前三款外均可免费商用)

    欢迎关注作者的微信公众号:「艺海拾贝Design」

    为了让你学会「时间」排版,我做了50+案例示范

    本篇来源:优设网

    原文地址:https://www.uisdc.com/time-design

    评论
    Artlist模板 广告