您的位置:首頁>設計>正文

這些時間軸PPT,我是跪著看完的!

在製作PPT的過程中, 呈現公司的發展歷程、顯示一天的時間安排, 我們經常需要製作一些時間軸頁面, 然而很多小夥伴都頭疼于這類頁面的製作。

時間軸頁面該怎麼做?一般我們可以用點線等元素, 按從左到右的順序呈現時間順序。

除此之外, 我們還可以發揮腦洞, 將時間軸與圖片元素相結合,

這樣的時間軸頁面是不是非常好看呢, 可你能想像前面這些頁面是根據下面的原稿修改出來的嗎?

是的, 這期修改計畫同樣由三頓社群裡的小夥伴們帶來, 時間軸頁面如何設計, 給大家做一個參考。

我們一頁頁來看, 首先是這樣一個文字較多但時間數量較少的頁面:

看原稿的第一感覺就是文字太小看不清楚, 另外雖然使用了橫向排列的佈局, 但“時間軸”的感覺並不明顯, 沒有很好的突出時間關係。

那麼這樣的一個頁面該如何修改?對待時間軸頁面, 我們一般的處理方式是使用點線等元素, 按從左到右的順序呈現時間關係。

當然, 如果覺得過於單調的話, 我們可以從點線元素入手, 添加漸變等效果。 也可以從背景入手, 進行美化。 下面的這個頁面就是社群內的小夥伴@李世佳的作品,

點線元素製作起來特別困難?沒關係, 對於這類文字較多的時間軸, 我們還可以嘗試縱向的佈局, 下圖是來自@曲佳寧的作品,

這兩種都是時間軸頁面較為常見的佈局方式,此外三頓在社群中還看到了很多精彩的作品,比如@煜鵬就將圖片與時間軸結合,他製作了這樣一個頁面,

針對文字內容較多的情況,@小鬼還採用了蜂巢式的佈局方式,將內容以最清晰的方式呈現在大家面前。這些設計我覺得大家都可以做一個參考。

第二頁是這樣一個文字較少但時間數量很多的頁面:

原稿給人的感覺就是密密麻麻一堆文字擠在一塊,很難體現其中的時間關係,那應該怎麼修改呢?

我們仍然可以採用常規的橫向佈局結合點線元素來呈現時間軸頁面,給大家分享@煜鵬的作品,

所有內容放在一頁上呈現可以嘛?@大風扇為我們帶來了寬屏的設計,

當然通過這幾個頁面也不難發現問題,由於時間數量較多,橫向的排版容易導致內容放不下,出現文字過小的情況。

因此在內容較多的情況下,我們可以嘗試一些其他的佈局方式,比如@小鬼採用了一個九宮格的形式,不僅版式出彩,也保證了內容的清晰呈現。

合理運用版面,@vivian還為我們帶來了這樣一個很有創意的頁面,

是的,內容較多的情況下,我們不一定死板的採用橫向佈局,合理利用空間,同樣能做出不錯的效果。

第三個案例,是海爾的一個發展歷程:

原稿雖然有體現時間關係但是呈現效果並不好看,因而通過這個案例我希望給大家分享一些設計感很強的設計思路。

如何修改呢?@小鬼採用了一個刻度線的效果,同時結合海爾品牌的UI色,整體風格非常清爽。

類似的,@煜鵬採用了一個進度條的效果,同時黑金的配色顯得非常有質感,

除了進度條的效果,@煜鵬還嘗試將進度條與背景圖片本身做一個融合,同樣起到了非常好的效果。

除了創意設計外,我們還可以增強點線元素的效果,@曲佳寧為我們帶來了這樣一個設計。

除了發展歷程,三頓還準備了這樣一個日程表的頁面:

這類頁面內容本身並不複雜,主要的工作量集中在設計美化上,我們同樣可以採用基礎的橫向佈局,分享來自@煜鵬的作品,

相對來說,縱向的佈局會更加清晰一些,@大野宰為我們帶來了這樣一個頁面,

再比如結合時間這個關鍵字,@小鬼製作了這樣一個縱向佈局的頁面,

其實這類頁面由於內容簡單,自由度也非常高,@曲佳寧就為我們帶來了這樣一個扁平化的設計。

以上就是本期修改計畫的全部內容啦,可以點開下面的大圖回顧一下。

如何製作時間軸頁面,最常見的是點線元素的結合,當然也可以根據文字內容和時間數量,在版面的佈局上進行適當的調整。希望前面這些作品能給大家一些參考!

是的這期的所有案例依然來自於三頓社群內的小夥伴們,如果你也想一起加入,可以點擊下面的圖片瞭解更多相關的內容。

當然如果想學習基礎的PPT技巧,我想向你推薦三頓的這套視頻課程,在荔枝微課的報名人數即將突破5萬人,

以上,希望對各位有所幫助!

這兩種都是時間軸頁面較為常見的佈局方式,此外三頓在社群中還看到了很多精彩的作品,比如@煜鵬就將圖片與時間軸結合,他製作了這樣一個頁面,

針對文字內容較多的情況,@小鬼還採用了蜂巢式的佈局方式,將內容以最清晰的方式呈現在大家面前。這些設計我覺得大家都可以做一個參考。

第二頁是這樣一個文字較少但時間數量很多的頁面:

原稿給人的感覺就是密密麻麻一堆文字擠在一塊,很難體現其中的時間關係,那應該怎麼修改呢?

我們仍然可以採用常規的橫向佈局結合點線元素來呈現時間軸頁面,給大家分享@煜鵬的作品,

所有內容放在一頁上呈現可以嘛?@大風扇為我們帶來了寬屏的設計,

當然通過這幾個頁面也不難發現問題,由於時間數量較多,橫向的排版容易導致內容放不下,出現文字過小的情況。

因此在內容較多的情況下,我們可以嘗試一些其他的佈局方式,比如@小鬼採用了一個九宮格的形式,不僅版式出彩,也保證了內容的清晰呈現。

合理運用版面,@vivian還為我們帶來了這樣一個很有創意的頁面,

是的,內容較多的情況下,我們不一定死板的採用橫向佈局,合理利用空間,同樣能做出不錯的效果。

第三個案例,是海爾的一個發展歷程:

原稿雖然有體現時間關係但是呈現效果並不好看,因而通過這個案例我希望給大家分享一些設計感很強的設計思路。

如何修改呢?@小鬼採用了一個刻度線的效果,同時結合海爾品牌的UI色,整體風格非常清爽。

類似的,@煜鵬採用了一個進度條的效果,同時黑金的配色顯得非常有質感,

除了進度條的效果,@煜鵬還嘗試將進度條與背景圖片本身做一個融合,同樣起到了非常好的效果。

除了創意設計外,我們還可以增強點線元素的效果,@曲佳寧為我們帶來了這樣一個設計。

除了發展歷程,三頓還準備了這樣一個日程表的頁面:

這類頁面內容本身並不複雜,主要的工作量集中在設計美化上,我們同樣可以採用基礎的橫向佈局,分享來自@煜鵬的作品,

相對來說,縱向的佈局會更加清晰一些,@大野宰為我們帶來了這樣一個頁面,

再比如結合時間這個關鍵字,@小鬼製作了這樣一個縱向佈局的頁面,

其實這類頁面由於內容簡單,自由度也非常高,@曲佳寧就為我們帶來了這樣一個扁平化的設計。

以上就是本期修改計畫的全部內容啦,可以點開下面的大圖回顧一下。

如何製作時間軸頁面,最常見的是點線元素的結合,當然也可以根據文字內容和時間數量,在版面的佈局上進行適當的調整。希望前面這些作品能給大家一些參考!

是的這期的所有案例依然來自於三頓社群內的小夥伴們,如果你也想一起加入,可以點擊下面的圖片瞭解更多相關的內容。

當然如果想學習基礎的PPT技巧,我想向你推薦三頓的這套視頻課程,在荔枝微課的報名人數即將突破5萬人,

以上,希望對各位有所幫助!

Next Article
喜欢就按个赞吧!!!
点击关闭提示