找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 206|回复: 0

关于日期怎样排版?我总结了10套排版案例

[复制链接]

5

主题

14

回帖

35

积分

新手上路

积分
35
发表于 2023-1-8 09:55:54 | 显示全部楼层 |阅读模式
来历:知乎

关于日期怎样排版?我总结了10套排版案例-1.jpg

写在前面

版式设想在我们的设想中是很是重要的技术,不管是UI设想还是平面设想,城市应用到版式设想相关的常识,在版式设想中最多见的就是图文排版、文文排版。一张图片一段文案在分歧的需讨情况下我们都可以排版出很多种款式,每一种款式展现出来给人的感受也是纷歧样的,美的排版总是会使人眼前一亮,也会使整体的设想更耐看。
排版也是会按照重要水平分别层级,我们都晓得主题文案都需要夺目,让人一眼就能看到,这样才能到达宣传的感化,固然仅仅只是展现主题文案也是远远不够的,到达主题排版,主图排版,小到副题目排版,我们都需要经心的排版,还可以更邃密到小到帮助文案以及图形的排版,现在天我们就来看一下日期这样的文案我们可以怎样排版呢?

日期在一些重要的活动中也是比力重要的信息,比如展会时候,我们需要突出时候,不能用极小的笔墨排版在角落,用户不留意的地方,这样会给人一种焦虑的情感,既然是展会活动,那末用户关心的是展会的主题是什么?活动时候是什么时辰?活动地址在什么地方?所以这些重要的信息就需要重要突出。而在一些做纪念性的日期我们便可以小化(例如我自己记录自己的进修打卡练习)

案例分享

我们常见的日期丰年、月、日、时、分、秒,接下来我们就经过对日期的展现做一些分歧的排版方式,经过与日期的普通排版方式做对照,我们便可以看出细小的日期排版对整体的设想展现也是有很大影响的。
简单的日期排版我们凡是就只是将年月日对齐排版就算完成了,可是这样的排版方式会影响整体画面的美妙,我们对于小文案也需要花一放心机去整理以及排版出更邃密的款式,这样给用户的感受就会感觉你的每一步设想都是专心设想的,而且为了整体的美妙,我们 也不能不从纤细之处动身。

日期排版01>Date typesetting 01
例以下面临于日期的排版,TIME这个文案偶然辰我们也可以去掉,由于用户看到时候就会大白这是什么,在一定的情况下也是可以去掉的,固然偶然辰为了整体页面的展现结果,我们也可以加上,便于排版,左侧只是将年、月、日并排,时候节点作为一个点排列,下面的文案我们可以按照现真相况挑选一些特别的提醒文案做装潢

而经过对左侧简单的日期排版停止改版后,我们会发现右侧的日期排版会显得更美妙,排版更精巧,也有更多的细节之处,例如2020后紧接着年(YEAR)的提醒,08前面标识是周六(SAT.),年月日和时候节点也同时做了条理区分,这样更有益于阅读。


关于日期怎样排版?我总结了10套排版案例-2.jpg

日期排版02>Date typesetting 02
对于上面一样的日期文案,我们还可以排挤右侧分歧的款式,整体采用横排的方式,将年、月、日同排,时候段缩小处置,使时候之间也能有条理感

关于日期怎样排版?我总结了10套排版案例-3.jpg

日期排版03>Date typesetting 03
下面的日期是年、日期段、时候段的组合,左侧的排版明显是比力常规的分层排版,却首要突出了2020,而一般时候我们在这一年将要发生的事,我们更关心的是哪一天阿谁时候点,而右侧的排版首要突出时候段/点,更能让用户看到自己关心的事务。

关于日期怎样排版?我总结了10套排版案例-4.jpg

日期排版04>Date typesetting 04
下面这一组日期是有分歧年份的,所以我们在排版的时辰可以突出显现年份,这样在排版的时辰便可以留意层级关系,解除条理感

关于日期怎样排版?我总结了10套排版案例-5.jpg

日期排版05>Date typesetting 05
这一组日期是比力简单的,只要一个时候点,没偶然候段,假如间接依照左侧这样的日期排版方式,明显整体看着就很薄弱,把这样的日期排版方式融入到版式整体画面中,也一定会显得毫无设想感,而我们只需要将简单的日期经过简单的排版,从年、月、日、时,从上至下依次排列,这样便可以显得信息有条理感,而且阅读也不会有困惑,加上精美的icon做装潢,这样的日期排版就显得更耐看。


关于日期怎样排版?我总结了10套排版案例-6.jpg

日期排版06>Date typesetting 06
这一组日期也很简单,只要月、日、时,都是属于时候段的信息,经过度析这个时候,月都是10月,是不异的,所以我们可以将月份零丁拿出来,作为共用信息,这样便可以精简画面反复的信息,仍然采用月、日、时这样从上至下的顺序排列,时候小化,可是操纵色块突出,也不会柔化时候点的阅读,再经过一条线的毗连,将斜线和时候icon相连,构成一个有兴趣性的时候装潢,这样的排版更轻易吸援用户的眼球

关于日期怎样排版?我总结了10套排版案例-7.jpg

日期排版07>Date typesetting 07
下面的日期也是年、日期段、时候段的组合,和第三个日期排版的案例类似,所以存在一样的题目,左侧的排版明显是比力常规的分层排版,却首要突出了2020,右侧改版后,我们一样弱化年份(2020),提取不异的月份(8月),突出显现日期

关于日期怎样排版?我总结了10套排版案例-8.jpg

日期排版08>Date typesetting 08
这一个和第五个也是一样的,左侧都是年、月、日、时的时候点,没偶然候段,第五个我们是采用竖排的方式,而这里我们改版后采用的是横排的方式,突出显现月、日,让整体的条理加倍清楚

关于日期怎样排版?我总结了10套排版案例-9.jpg

日期排版09>Date typesetting 09
下面这一组时候改版,我们首要采用错位竖排的方式,像这样的排版方式,我们可以多用于一些比力有设想感大概比力唯美的画面中,显得每一个小的点,都有专心设想,而且也合适这样的气质


关于日期怎样排版?我总结了10套排版案例-10.jpg

日期排版10>Date typesetting 10
这一组日期只丰年、月、日。左右双方的排版看起来很类似,可是经过对细节的调剂,例如2020的弱化,间距的把控,星期几的友爱提醒,这样就会使全部日期排版看起来更邃密、耐看。

关于日期怎样排版?我总结了10套排版案例-11.jpg

案例实操

我们经过对上面日期的排版分析和总结,会发现小小的日期排版也是很关键也很追重要的,所以下面我们将经过一张海报案例,来真正表现日期排版对整体画面的重要性。
海报主题是挑选的立秋,虽然立秋以及曩昔两天了,可是我又学会了这个立秋新的排版技能,所以我想将这一技能分享出来,可是这里就不具体讲授海报的设想进程了,首要还是分享日期排版对整体画面的影响感化

这里就简单的说一下海报设想的思绪,海报主题是立秋,所以我现在一片黄色的枫叶作为画面的主视觉,画面整体表现秋天的感受,一片金灿灿的画面,给人感受就像是秋天到了,画面元素繁复,只挑选了一片枫叶加上它的投影,表现空间感,主题文案排版在枫叶上,与枫叶融为一体,这样用户得分第一视觉就会被主图吸引,同时看到主题相关文案,下面的别的文案经过从|秋|字垂落的竖线,别离右对齐以及左对齐,显得画面规整


关于日期怎样排版?我总结了10套排版案例-12.jpg
第一张海报的日期排版就是采用普凡是规的排版方式,我们会发现这样的日期排版方式,在全部画面中会显得有点僵硬,而且左右双方差池称的关系,会显得右侧偏轻,使画面的平衡感缺失,也正是日期的排版太粗糙的缘由,致使整张海报的邃密度大减。

关于日期怎样排版?我总结了10套排版案例-13.jpg

关于日期怎样排版?我总结了10套排版案例-14.jpg

样机结果

我们连结别的元素以及排版都分歧,只改变日期的排版方式,我们就会发现右侧的海报整体给人的感受更精彩,平衡感更激烈,所以我们在做设想的时辰不要疏忽每一个点。将每一个点都仔细的设想,这样的作品才会更耐看。

总结
版式设想是我们设想中最根基的常识,我们在做设想的时辰,凡是会留意主题主图的排版,而经常会疏忽哪些不是很重要的信息,可是我们在分析文案信息的时辰,也需要斟酌整体设想的目标,偶然辰日期信息也是很是重要的信息,所以我们在做排版的时辰,也需要认真斟酌日期与整体需求的关系,而且日期排版气概也会影响整体的气质。
原文链接:《设想小余》公众号

原文地址:https://zhuanlan.zhihu.com/p/192366226
免责声明:本帖内容由机械人自动收集于互联网,如加害了您的权益,请联系我们【E-Mail:cb@yoyodoc.com】 我们会实时删除侵权内容,给您带来未便,深感歉意!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|小悠文档创作分享社区 ( 粤ICP备11072215号 )|网站地图

GMT+8, 2024-11-24 21:17 , Processed in 0.337074 second(s), 26 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表