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

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

艺海拾贝Design2年前

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

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

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+案例示范,教你学会“时间”排版
#品牌营销案例库#广告人干货库#排版#案例库#设计技巧
0
分享
艺海拾贝Design
文章 17评论 0



本文版权均为原作者所有,如有侵权请通知删除;本平台仅提供信息存储空间服务。
文章为作者独立观点,不代表平台对观点赞同或支持。



本文版权均为原作者所有,如有侵权请通知删除。
本平台仅提供信息存储空间服务;文章为作者独立观点,不代表平台对观点赞同或支持。
艺海拾贝Design
公众号:艺海拾贝Design 设计经验分享、案例实操修改、优秀作品推荐,旨在帮助新手设计师快速成长,期待和你共同进步。
17文章
0评论
0获赞
找工作

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

热文推荐
TOP1
大润发烟火文学 x 高考:超市总有好消息!
2周前
TOP2
阳狮集团是如何走向行业top.1的?
1周前
TOP3
2025最新小红书、抖音、视频号违禁词
6天前
TOP4
如何写一份优质营销策划方案4:项目复盘
6天前
TOP5
蒙牛品质战役:我们想为中国牛奶说句话
3周前
方案怎么写,扫码来干货库看看
  • 方案库
  • 加 VIP 
  • 用户评价
  • 行业报告库
  • 联系我们
Copyright © 2021-2025 广告人干货库     网站地图 蜀ICP备2023018979号 川公网安备51015602000692号