教程作者：艺海拾贝Design（授权转载）
交作业：微博搜索话题 #优设每日作业# 进入超话页即可发布作业打卡
在进行设计时，常常会涉及到“时间”的排版，比如展会日期、演出时间、活动促销时间等。“时间”在版面中更像是个“配角”，并不像标题和其它信息那么显眼，所以常常被设计师所忽视。
但版面中任何一个小细节都会影响到版面整体的美观，本期讲解“时间”信息编排的几种思路，教你如何让“时间”的排版在顺利传递信息的同时，还具有良好的视觉体验，为版面增添设计感。
“对比”在设计中无处不在，在“时间”的编排中也是如此。在设计时可以弱化日期中较次要的信息，突出主要信息，让观者一目了然。
此案例时间并没有经过太多的刻画，但加入了大小对比，形成了视觉层次感。
将“年份”和“月、日”字眼信息缩小，采用大小对比增强信息之间的跳跃率，显得灵动活泼。
将“月份”改为空心字，形成空心字和实心字的强弱的对比，使主要信息“日期”更突出。
将“年、月、日”简化为“.”“/”等符号，既能准确传达日期信息，又可以使视觉效果更简约。
很多时候年份并不那么重要，可以把年份弱化，突出具体时间，形成对比、层次区分，这样更有利于阅读。
如果时间信息较多，想更简约的呈现，年份直接删去也无妨。
当活动的时间范围在同一个月，“月份”可以共用，这样能精简画面重复的信息。
将月份替换为英文，使版式多一点变化。
将日期中的阿拉伯数字用汉字代替，比较适用于传统复古的版面。
日期连接经常使用横线“——”，也可以替换为各式各样的箭头来连接日期。
将年份信息放在连接线上，既起到连接的作用，同时还能引起阅读者的注意。
如果想让版面视觉效果更丰富，可以选择添加信息。
此案例添加星期的英文缩写，增加大小对比，丰富了画面层次。
有些活动是只在一天的某个时段举行，则需要添加具体时间。
还可以添加图标或其他小元素进行装饰，增加更多趣味性。
添加外框，让“时间”信息的呈现更整体，也能与其它信息进行区分。
当有两个日期需要呈现，可以采用分行处理，让读者更易于阅读与识别。
左对齐是最符合人阅读习惯的对齐方式，所以也是“时间”编排中最常使用的对齐方式。在设计时也可以尝试改变不同的对齐方式，让编排多一些个性和变化。
也可以将文字调整大小和间距，使两端完全对齐，可以达成工整严谨的效果，看起来也更加饱满。
在版面空间比较狭窄时，可以改变时间的排版方向来适合版面编排需求，纵向的编排还能体现出古典文化感。
在改变排版方向时，一般要把数字调整为常规阅读方向，保证良好的识别性。
也可以同时采用横排和竖排相结合的排版方式，形成方向上的对比，视觉效果更丰富。
选取特殊的字体，让信息编排更具个性和设计感。
掌握方法后，可以尝试更多的组合方式，让重新设计后的“时间”信息在顺利传递信息的同时，还具有良好的视觉体验，为版面增添设计感。
本期示范所用字体为：Trajan、Times New Roman、Garamond、思源黑体、D-DIN、Bebas、Facon 、Quantum 、Bungee Inline、Morena、Baloo（除前三款外均可免费商用）
欢迎关注作者的微信公众号：「艺海拾贝Design」
想要来「优优自学团」和500位小伙伴一起交流学习进步吗？
添加管理员微信：uisdc5 备注「优优自学团」（无备注不通过哦）
非特殊说明，本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译，原作品版权归属原作者，转载请联系 @优优教程网 授权。
转载时请在文首注明，来源 UiiiUiii.com 及教程作者，并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
继续阅读与本文标签相同的文章：
发表评论 快来秀出你的观点