日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

div置于页面底部_网易内部PPT模板有点丑,如何花最少的时间提高页面颜值?

發布時間:2024/9/19 编程问答 33 豆豆
生活随笔 收集整理的這篇文章主要介紹了 div置于页面底部_网易内部PPT模板有点丑,如何花最少的时间提高页面颜值? 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

經常有朋友或者同事跟我吐槽:公司的模板太丑了,導致做出來的 PPT 有點辣眼睛!

不知道是模板真丑,還是拼命想甩鍋...

(不接受你的白眼)

所以,我就暗自搓搓手,就拿網易內部PPT開刀,用兩個屢試不爽的排版方式對這份PPT進行進行修改:

這是修改前:

這是修改后:

我只用了半個小時就搞定了,是不是有點不敢相信?

話不多說,咱們直接開改!
這是一份網易大數據的 PPT。由于原稿的頁面太多,這里我只挑選了 5 個比較典型的頁面進行了修改!

老規矩,在正式修改之前,需要擬定一下這套 PPT 的基本設計規范。

首先,是字體使用規范。

原稿為了渲染大數據動感的氛圍,對標題字都使用了 PPT 自帶的斜體效果:

這樣做是不可取的,因為 PPT 中自帶的「傾斜」功能,傾斜角度過大,會破壞字體原本的字型結構。給人的感覺不是動感,而是字體要倒了的錯覺。

而正確且最便捷的做法就是,使用一款本身就傾斜的字體,比如演示斜黑體和騰訊體。可以看一下這兩款字體和 PPT 斜體效果的對比:

看出差距了嗎?

考慮到騰訊體是騰訊的品牌字體,所以這套幻燈片中我們可以使用演示斜黑體作為標題字體:

其次,是主題色的確定。

這個很簡單,我們可以打開網易大數據的官網,從官網上取色:

然后,是標題、正文位置的確定。

這樣做的目的,是為了保證整套幻燈片看起來更加的統一。我特意表明了參考線的數值,大家可以作為參考。

最后,是一些裝飾性元素的確定。

因為原稿和網易大數據的官網,多為淺色背景。為了貼合品牌的調性,我在修改稿中使用了白色背景。

不過為了避免頁面單調,以及讓頁面體現出大數據的科技感。我對正文頁面的標題欄,添加了折線修飾:

還有在頁面下方添加一些科技漂浮粒子:

明確了設計規范,接下來,咱們進入單頁 PPT 的修改。

第一頁:封面頁

除了標題使用了斜體效果,破壞了字體原有的字型結構,背景圖片對標題文字也有著很大的干擾,閱讀會有障礙。

圖片選用企業大樓,也不是很合適,并沒有體現出數據這一概念。

那么,封面該怎么改呢?

我們可以在背景上使用大面積的漸變色,同時為讓標題排版顯得更有創意,可以讓標題文字錯位:

接著,利用英文來填補標題空缺:

再通過一些漸變線條來增強頁面的動感,并添加上企業 logo:

最后,我們可以在攝圖網上找一張與數據相關的背景圖片,假如就這張了:

將其置于頁面底層,作為封面的背景圖片:

搞定!第二頁:目錄頁

目錄頁的排版很常規,由于內容都在頁面中部,背景又是淺色,導致頁面四周會很空。

先來匹配之前所擬定裝飾性元素:

雖然好了很多,但兩側空洞的問題仍然存在。所以我們可以變換一種排版的樣式,并添加相應的小圖標:

到這兒呢,其實已經可以了,不過為了讓頁面顯得更加飽滿,我們可以添加一些圓形線條修飾:

第三頁:產品集合頁

為了在有限的頁面空間中,擺放這么多的文字內容,原稿采用了卡片式的排版法,這一點很不錯!

雖然用了卡片排版的形式,但視覺效果卻依舊凌亂,主要有這幾個原因:

針對上面的問題,咱們著手進行修改。

先根據內容的多少,來繪制卡片,注意避免原稿存在的問題:

將內容放置到相應的卡片中,注意文字要對齊,行與行之間用虛線間隔:

接著,我們可以用色塊來凸顯卡片的標題:

最后,為了讓卡片之間的界限更加的明顯,我們可以卡片統一改為圓角,就像這樣:

由于色塊的大小不一,有些朋友不知道改如何統一圓角的弧度。

其實很簡單,不需要手動調整,借助英豪插件(LvyhTools)中的圓角工具,只需 1 秒,就能搞定:

第四頁:名詞解釋頁

原稿中使用了很多模糊不清的 logo,而且 logo 的樣式也十分老舊。

該怎么改呢?

首先我們要做的,就是更新原稿中老舊的企業標識:

接著是排版形式,針對這種總分型的頁面,最好用的排版方法什么呢?

沒錯,中心環繞式排版法!

我畫了一個大致的圖示,就長這樣:

接著,按著這個圖示,進行頁面的排版:

還不錯,對嗎?

但現在頁面缺乏一些科技感。要解決這個問題也很簡單,我們把底部的圓形色塊,換成科技球體即可:

基于這個頁面,我又改了一版,通過改變線條的環繞方式,讓頁面看起來更有空間感:

是不是很贊呢?

第五頁:產品介紹頁

乍一看,覺得這個頁面做的還挺有創意的,頁面右側借助形狀,再配合手機樣機,形成一定的空間錯覺。

不過這種設計風格有些過時,用在大數據 PPT 中并不合適。

另外,原稿中手機截圖中的顏色有些雜亂,與頁面風格并不匹配。

而且,頁面左側排版也很不規范,沒有明晰的閱讀順序,導致閱讀體驗很差。

明確了問題,那又該怎么修改呢?

首先,替換原稿中產品的樣機,打開網易有數的官網,我們可以從中提取到更加高端的產品樣機:

由于樣機并不完整,我們利用卡片式排版法,將頁面布局成這樣:

考慮到產品介紹中,有一段文字較多。我們可以加大中間的卡片的寬度,從而保證頁面的視覺對稱:

最后,把文本信息填充的相應的卡片中,為了避免部分卡片底部太空,還可以將科技漂浮粒子置于卡片的上方:

注意觀察頁面底部。

好了,到這兒,這 5 張頁面就全部搞定啦!再看一下整體效果:

對于正文頁的排版,主要使用了我之前所總結的 2 種方法。不知道你看完這篇文章,有沒有學會這種排版的方法呢?

總結

以上是生活随笔為你收集整理的div置于页面底部_网易内部PPT模板有点丑,如何花最少的时间提高页面颜值?的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。