广告人干货库 广告人干货库
  • 快讯新鲜
  • 营销
    • 资讯
    • 洞察
    • 创意
    • 品牌
    • 策略
    • 文案
    • 设计
    • 运营
    • 电商
    • 传播
    • 日常
    • 书单
  • 案例库
  • 方案库热门
  • 专题库
  • 广告公司导航
  • 4A招聘官方
  • 注册
  • 登录
🔥广告公司导航    🔥方案库    🔥案例库    🔥加VIP会员    🔥4A公司招聘
🔥广告公司导航    🔥方案库    🔥4A公司招聘

设计技巧:50+案例示范,教你学会“时间”排版

艺海拾贝Design
3 年前

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

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

01
对比

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

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

设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库
设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库

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

设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库
设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库

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

设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库
设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库

02
简化

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

设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库
设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库

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

设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库
设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库

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

设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库
设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库

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

设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库

03
替代

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

设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库
设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库

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

设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库
设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库

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

设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库
设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库

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

设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库
设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库

04
添加

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

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

设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库
设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库

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

设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库

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

设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库
设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库

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

设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库
设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库

05
分行

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

设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库
设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库
设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库

06
对齐方式

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

设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库
设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库
设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库
设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库

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

设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库
设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库
设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库

07
纵向编排

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

设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库

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

设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库
设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库

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

设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库

08
字体

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

设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库

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

设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库
设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库
设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库
设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库
设计技巧:50+案例示范,教你学会“时间”排版-广告人干货库

设计技巧:50+案例示范,教你学会“时间”排版



品牌营销案例库广告人干货库排版案例库设计技巧
艺海拾贝Design
公众号:艺海拾贝Design 设计经验分享、案例实操修改、优秀作品推荐,旨在帮助新手设计师快速成长,期待和你共同进步。

艺海拾贝Design

公众号:艺海拾贝Design 设计经验分享、案例实操修改、优秀作品推荐,旨在帮助新手设计师快速成长,期待和你共同进步。
17
文章
0
评论
0
获赞

找工作

👉 想跳槽,要涨薪,找工作,就上4A招聘

快讯

立秋仪式感,沪上阿姨奉上秋日第一杯宠爱
8 小时前
时隔十年重逢,宋茜出任 OLAY 全新品牌代言人
13 小时前
百事户外大屏创意出圈
2 天前
杭州地铁泥猫海报引发网络热议
2 天前
更多

扫码进品牌营销案例群

热文推荐

TOP1
淘小宝联名的风,刮到了异宠界
4 周前
TOP2
品牌叙事,能为品牌解决什么问题
4 天前
TOP3
品牌的文化感
1 周前
TOP4
Apple×岳云鹏第4季:隐私保护用 iPhone,省心
4 周前
TOP5
葵花熊胆痔灵膏,把难言之隐玩成「疼痛艺术」
1 周前

好文推荐

“千元丑鞋”昂跑,凭什么让中产买单?
谁懂啊,既下山这个品牌太好了
如何提升销售额?一个公式拆解增长密码!

专题展示

世界杯营销案例28

创意干货55

品牌30讲27

品牌咨询行业的10大误导纠错13

品牌定位40讲40

小红书运营143

品牌方推荐

avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for

广告公司推荐

avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for

方案怎么写,扫码来干货库看看

  • 方案库
  • 加 VIP 
  • 用户评价
  • 行业报告库
  • 关于我们
Copyright © 2020-2026 广告人干货库. Designed by nicetheme. 网站地图 川公网安备51015602000692号 蜀ICP备2023018979号
  • 广告人干货库19093
  • 品牌营销6027
  • 案例库5749
  • 品牌营销案例库5531
  • 品牌策略3376
现在登录
  • 快讯新鲜
  • 营销
    • 资讯
    • 洞察
    • 创意
    • 品牌
    • 策略
    • 文案
    • 设计
    • 运营
    • 电商
    • 传播
    • 日常
    • 书单
  • 案例库
  • 方案库热门
  • 专题库
  • 广告公司导航
  • 4A招聘官方