日期排版的不同方式对比,微小改变竟对整体设计影响巨大
日常所见的时间标记包含年份、月份、日期、小时、分钟和秒钟,现在我们尝试运用多种形式来呈现时间信息,将这种新颖的表示方法与常规的排列方式相比较,能够发现即便是微小的格式调整,也会对整体视觉效果产生显著作用。
日期排版01
日期格式处理上,TIME这个标识并非必须,用户通常能从时间信息中自行判断用途,特定场景下可以省略,当然有时为提升页面美观度,也可添加,以辅助布局,左侧通常是将年月日横向排列,时间信息单独标记,下方说明文字则可依据实际需求,选用特定提示语进行点缀
改进左边的日期格式后,右边日期的呈现效果更为出色,布局设计更加巧妙,细节处理也更加丰富,比如2020年紧随其后标注了年份数字,08日旁边标明了星期六,年月日和具体时间也通过不同层级进行区分,这样的安排让信息阅读更加便捷。
日期排版02
对于相同的日期表述,我们还可以设计右侧不同的版式,整体选用横向布局,将年月日并排呈现,压缩时间间隔的显示,让各个时段也能呈现出层级关系
日期排版03
这个日期包含年份、日期范围和时间范围,左侧的布局形式较为标准的层级展示,但重点强调了2020年,然而通常情况下,我们更关注这一年内具体某一天某个时间发生的事情,右侧的布局则着重突出时间范围或具体时间点,这样更能帮助用户找到他们关心的活动。
日期排版04
这些日期涉及多个年份,因此排版时可着重标注年份,以便在布局时明确层级,突出层次差异。
日期排版05
这些日期结构很简洁,仅包含一个具体时刻,并非一段时段,若照搬左侧的日期格式布局,整体观感会显得很单薄,将这种日期格式融入整体版面设计,也必定会缺乏设计感,我们只需对简单日期进行基础排版,从年、月、日、时,自上而下逐一排列,这样就能让信息呈现层级感,并且阅读时不会产生困惑,再配上精美的图标作为点缀,如此日期排版就会更加吸引人。
日期排版06
这个时段的记录比较简洁,仅包含月份、日期和时刻,都属于时段范畴的数据,考察这些时间,月份全都是十月,完全一致,因此可以把月份单独提取,当作通用要素,这样能够减少显示中重复的部分,继续按照月、日、时从上往下的布局,让时间显示更紧凑,不过借助色块强调,不会削弱时间节点的辨识度,再借助一条线,将斜线与时钟图标关联,构成一个带有趣味性的时间装饰,这种布局方式更易吸引受众的注意
日期排版07
这些日期同样由年份、日期区间和时间区间构成,与第三个日期的排版范例相仿,因而面临相同挑战,左边的排版方式属于比较标准的层级式布局,重点凸显了2020年,右边的版本调整后,我们同样淡化年份(2020),提取一致的月份(8月),着重展示具体日期
日期排版08
这个和第五个没有区别,左边都是年、月、日、时这些时间节点,没有时间跨度,第五个我们用的是上下排列的形式,而这次我们更新后用的是左右排列的形式,着重显示月、日,让整体结构更加分明
日期排版09
这次时间调整,我们主要运用间隔直列的布局,这种布局手法,适合用在一些颇具艺术感或格外雅致的场景里,能让每个细节都体现出精心构思,并且与整体氛围十分契合
日期排版10
这个日期序列仅包含年份、月份和日期信息,两侧的布局方式基本相同,不过经过一些微调,比如略微淡化2020年,精确控制间隔距离,加上对星期几的温馨提示,就能让整体日期呈现得更加精致,视觉效果更佳。
案例实操
我们经过对先前日期的格式审视和归纳,能够明白轻微的日期格式调整同样非常关键且必要,因此接下来将借助一个海报实例,来切实展现日期格式对整体视觉呈现的决定性作用。
海报主题是选择的立秋,分享日期排版对整体画面的影响作用
这个海报的设计构思大致如下,主题是立秋,因此选用一片黄色的枫叶作为核心视觉元素,整体画面营造出秋天的氛围,呈现出一片金黄的景象,让人联想到秋意已浓,画面构成十分简洁,仅包含枫叶及其影子,以此展现空间层次,主题文字排印在枫叶之上,使其与枫叶浑然一体,这样能让观者在第一时间注意到主图,同时也能看到与主题相关的文字,下方其它文字则借助从"秋"字向下延伸的竖线,分别实现右对齐和左对齐的排版,使画面显得井然有序
第一个海报的日期布局运用了常规的格式,这种日期布局在整个画面中会显得比较呆板,并且左右两边分布不均的关系,会显得右侧分量不足,造成画面的均衡感不足,这也是日期的布局过于简略的缘由,造成整张海报的精致度降低。
样机效果
其他部分均无变动,唯独日期格式调整,右侧海报整体观感更显精致,协调感更强,因此设计过程中不可忽视任何细节,需对每个环节精心打磨,如此作品才能更具吸引力。
总结
版式规划是我们设计工作的根本要求,进行设计时,我们往往优先关注中心视觉的布局,却容易忽视次要内容的呈现,分析文字资料时,必须明确整体设计的意图,某些时候时间标记同样是关键要素,因此安排版面时,要仔细权衡日期与整体要求的关联,日期的呈现方式也会左右整体给人的观感。