日期如何排版？我總結了10套排版案例

2022-02-18 點擊量：

版式設計在我們的設計中是非常重要的技能，無論是UI設計還是平面設計，都會運用到版式設計相關的知識，在版式設計中最常見的就是圖文排版、文文排版。一張圖片一段文案在不同的需求情況下我們都可以排版出很多種樣式，每一種樣式展現出來給人的感覺也是不一樣的，美的排版總是會使人眼前一亮，也會使整體的設計更耐看。

排版也是會根據重要程度劃分層級，我們都知道主題文案都需要醒目，讓人一眼就能看到，這樣才能達到宣傳的作用，當然僅僅只是展示主題文案也是遠遠不夠的，達到主題排版，主圖排版，小到副標題排版，我們都需要精心的排版，還可以更精細到小到輔助文案以及圖形的排版，而今天我們就來看一下日期這樣的文案我們可以怎么排版呢？

日期在一些重要的活動中也是比較重要的信息，比如展會時間，我們需要突出時間，不能用極小的文字排版在角落，用戶不注意的地方，這樣會給人一種焦慮的情緒，既然是展會活動，那么用戶關心的是展會的主題是什么？活動時間是什么時候？活動地址在什么地方？所以這些重要的信息就需要重要突出。而在一些做紀念性的日期我們就可以小化（例如我自己記錄自己的學習打卡練習）

我們常見的日期有年、月、日、時、分、秒，接下來我們就通過對日期的展現做一些不同的排版方式，通過與日期的普通排版方式做對比，我們就可以看出微小的日期排版對整體的設計展現也是有很大影響的。

簡單的日期排版我們通常就只是將年月日對齊排版就算完成了，但是這樣的排版方式會影響整體畫面的美觀，我們對于小文案也需要花一定心思去整理以及排版出更精細的樣式，這樣給用戶的感覺就會覺得你的每一步設計都是用心設計的，并且為了整體的美觀，我們 也不得不從細微之處出發(fā)。

日期排版01

例如下面對于日期的排版，TIME這個文案有時候我們也可以去掉，因為用戶看到時間就會明白這是什么，在一定的情況下也是可以去掉的，當然有時候為了整體頁面的展示效果，我們也可以加上，便于排版，左邊只是將年、月、日并排，時間節(jié)點作為一個點排列，下面的文案我們可以根據實際情況選擇一些特殊的提示文案做裝飾

而通過對左邊簡單的日期排版進行改版后，我們會發(fā)現右邊的日期排版會顯得更美觀，排版更精妙，也有更多的細節(jié)之處，例如2020后緊接著年（YEAR)的提示，08后面標識是周六(SAT.），年月日和時間節(jié)點也同時做了層次區(qū)分，這樣更有利于閱讀。

日期排版02

對于上面同樣的日期文案，我們還可以排出右邊不同的樣式，整體采用橫排的方式，將年、月、日同排，時間段縮小處理，使時間之間也能有層次感

日期排版03

下面的日期是年、日期段、時間段的組合，左邊的排版顯然是比較常規(guī)的分層排版，卻主要突出了2020，而一般時間我們在這一年將要發(fā)生的事，我們更關心的是哪一天那個時間點，而右邊的排版主要突出時間段/點，更能讓用戶看到自己關心的事件。

日期排版04

下面這一組日期是有不同年份的，所以我們在排版的時候可以突出顯示年份，這樣在排版的時候就可以注意層級關系，排除層次感

日期排版05

這一組日期是比較簡單的，只有一個時間點，沒有時間段，如果直接按照左邊這樣的日期排版方式，顯然整體看著就很單薄，把這樣的日期排版方式融入到版式整體畫面中，也一定會顯得毫無設計感，而我們只需要將簡單的日期經過簡單的排版，從年、月、日、時，從上至下依次排列，這樣就可以顯得信息有層次感，并且閱讀也不會有困惑，加上精致的icon做裝飾，這樣的日期排版就顯得更耐看。

日期排版06

這一組日期也很簡單，只有月、日、時，都是屬于時間段的信息，通過分析這個時間，月都是10月，是相同的，所以我們可以將月份單獨拿出來，作為共用信息，這樣就可以精簡畫面重復的信息，依然采用月、日、時這樣從上至下的順序排列，時間小化，但是利用色塊突出，也不會柔化時間點的閱讀，再通過一條線的連接，將斜線和時間icon相連，形成一個有趣味性的時間裝飾，這樣的排版更容易吸引用戶的眼球

日期排版07