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

设计
2021-5-31 10:36:05 文/米晓燕 图/梁勇

授权转自:艺海拾贝Design ID:YHSBds
在进行设计时,常常会涉及到“时间”的排版,比如展会日期、演出时间、活动促销时间等。“时间”在版面中更像是个“配角”,并不像标题和其它信息那么显眼,所以常常被设计师所忽视。
但版面中任何一个小细节都会影响到版面整体的美观,本期讲解“时间”信息编排的几种思路,教你如何让“时间”的排版在顺利传递信息的同时,还具有良好的视觉体验,为版面增添设计感。

“对比”在设计中无处不在,在“时间”的编排中也是如此。在设计时可以弱化日期中较次要的信息,突出主要信息,让观者一目了然。
此案例时间并没有经过太多的刻画,但加入了大小对比,形成了视觉层次感。


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


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



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


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


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


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


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


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


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


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



如果想让版面视觉效果更丰富,可以选择添加信息。
此案例添加星期的英文缩写,增加大小对比,丰富了画面层次。


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

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


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



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




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




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




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

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


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


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

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





本期示范所用字体为:Trajan、Times New Roman、Garamond、思源黑体、D-DIN、Bebas、Facon 、Quantum 、Bungee Inline、Morena、Baloo(除前三款外均可免费商用)
后台回复"时间",即可获得下载链接。
- END -
你错过的文章
现在流行符号化设计?
平时想做练习找不到组织?
可以加入升哥的LOGO训练营!
详情点击下方图片
如果你喜欢这篇文章
麻烦给升哥点个点赞 在看鼓励一下吧
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)

.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)

.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)


.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)

.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)

.jpg)




.jpg)
