修改背景圖片_我花了5小時,為網易修改了一份內容超多的PPT,效果超級贊!!...

微信掃碼觀看全套Excel、Word、PPT視頻

fce27e01aaac913f4890d54055d010fb.pngfce27e01aaac913f4890d54055d010fb.pngfce27e01aaac913f4890d54055d010fb.png

94139d160fb04174bcd5baaada43b218.png

作者:宋雪賢? 來源:PPT進化論(ID:PPTjinhualun)

哈嘍,大家好,不知道您看過《我花了3個小時,為京東修改了一份PPT,效果好到驚人!》這篇案例修改文章沒?今天小編再次為的大家帶來一篇關于網易案例修改文章,希望大家能喜歡!

首先介紹一下這兩種超酷的排版法,它們分別是中心環繞式排版法和卡片式排版法。

bd624da7995477861a5912d1087379de.png

然后看看需要修改案例的原稿:

e8e8000f866469d3fb0e9028961a2d78.png

這是修改后:

b03ea36eb1da6fafc40417f2672d80cc.png

希望通過這樣的形式,能夠幫助各位鞏固之前所學到的排版方法,從而打牢基礎!

話不多說,咱們直接開改!

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

97a333aa5f0afa53de8be51f75f4de63.gif

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

01

字體使用規范

第一,是字體使用規范

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

1c235b82086d145928a7e898af04073e.png

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

78fe82bbd0a593f9bc8493cdfdbd4dc7.png

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

860b1324bf28c9552fe1aa037e145e3f.png

看出差距了嗎?

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

e41c9c5fccc769d4a8ebf6a165f535b9.png

02

主題色的確定

第二,是主題色的確定。

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

073168a5485e4b2cef329afcc157b324.png

03

標題、正文位置的確定

第三,是標題、正文位置的確定。

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

1852e122ac384d3de4b00e1593b33d9c.png

04

修飾性元素的確定

第四,是一些裝飾性元素的確定。

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

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

c56fe643e5521dc17268b8e4bf95e367.png

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

84912fe2237438c2f6e9f84bc1c6513e.png

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

第一頁:封面頁

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

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

那么,封面該怎么改呢?

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

56999e197f574d1279b43207e039f677.png

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

cdfae0265374440d16ebccbe461dc001.png

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

0c866f38fb1402b319b4f09e905a708d.png

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

aa99dbd479629dc7e58e9fafd9fbbf48.gif

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

0cb94893e50937590fa201e2c08f7f1a.png

搞定!

第二頁:目錄頁

383a558e5df889b5d6c9090a9d3e8192.png

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

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

d42466062b105e146c0b1930d15873c4.png

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

9c54577014b5563da7e496bea21cfb6e.png

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

82ec1793f647ab8ba5a1f5a4180f9be1.png

第三頁:產品集合頁

7ddbe22914aa17b809854704afd49e27.png

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

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

18343b8c99f8e45609a7f377753b9ca8.png

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

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

8bebbfb91570f690c53a74201c54ce4b.png

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

5d865987eb4673084d5844f65799b2da.png

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

c8c46bbb49bf9a0d7fd093a4fabb8281.png

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

f042b5c188c9f7dc9bcef4de527d69d6.png

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

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

01ba454ad08ec3c0ebd39ab92072310f.png

第四頁:名詞解釋頁

1b27836dc4c29e362ab682bb7626da59.png

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

該怎么改呢?

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

2f74949f71386baf0e66b1d46c595eea.png

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

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

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

5f69b8a70591e7487d66b652d8ba0eb3.png

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

f81f62fb54a6e941e06348dbd5b9658c.png

還不錯,對嗎?

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

c49ba0a70f0e574054844dbd4a7e16ef.png

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

83d8fbf6c0be7d3495cbf4343870f9b6.png

是不是很贊呢?

第五頁:產品介紹頁

8b4139201bbeaba31d939848c8be4647.png

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

667ab5a7f82a4cfa2be9817fb118b9c0.png

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

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

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

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

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

6481dba59660298fcc7d1230fd80ea0d.gif

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

3d96ef43e7c8ae0f215f6f18c967caaf.gif

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

8a8709e0f8ce3af07b9abba5361b4e88.png

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

1aa32f8a7d694dba01d8defc041c46cf.png

注意觀察頁面底部。

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

d481ed169e8f3da5cbb4c96b2b032aaf.png

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

最后,喜歡這篇文章話,就給我點個在看吧!

PPT教程文章推薦

做PPT圖文排版沒思路?打破常規,按這28種版式來,絕對靠譜!

PPT圖表最強攻略:這樣做PPT圖表,也太好看了吧!領導都贊不絕口!

PPT表格除了數據展示,還可以有更勁爆的玩法,讓人拍案叫絕!

PPT設計時間軸,還在傻乎乎用箭頭?教你3招,效果“屌”炸天!

1235ba86efcebf86deb71f1bc7e98693.png

點擊“

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/443270.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/443270.shtml
英文地址,請注明出處:http://en.pswp.cn/news/443270.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

MySQL千萬級別大表如何優化?

當MySQL單表記錄數過大時,增刪改查性能都會急劇下降,可以參考以下步驟來優化: 單表優化 除非單表數據未來會一直不斷上漲,否則不要一開始就考慮拆分,拆分會帶來邏輯、部署、運維的各種復雜度,一般以整型值…

linux c 調用python_C程序調用Python腳本

一般調用步驟Py_Initialize(); //初始化Python環境PyImport_ImportModule("test"); // 載入python模塊PyObject_GetAttrString(g_pModule,"test1"); //獲得相應Python函數的PyObjectPyObject_CallFunction(test1,"i,s",2,e); //調用Python相應的…

命令測試post_【第2088期】前端中臺化,把格局做大——NodeJS 和測試服務探索

前言今日早讀文章由《React狀態管理與同構實戰》作者LucasHC投稿分享。正文從這開始~~近些年,「NodeJS 應該如何在公司業務中真實落地 」這類問題屢見不鮮。自從 2009 年 NodeJS 誕生之后,搶盡風頭,圈粉無數。但一定有工程師不禁要質疑「Node…

Go類型轉換

由于Go語言不存在隱式類型轉換,因此所有的類型轉換都必須顯式的聲明。 string、int、float類型相互轉換 string轉其他 string轉成int: int, err : strconv.Atoi(string) string轉成int64: // 參數1:帶轉換字符串,/…

linux tee 重定向_快樂的linux命令行-重定向

整理自《快樂的linux命令行一書》。linux系統版本: Ubuntu 17.04本章,我們將介紹命令行最酷的特性,叫做I/O重定向,通過這個工具,可以重定向命令的輸入輸出,命令的輸入來自文件,而輸出也存到文。…

Java 診斷工具 Arthas 常見命令

基本概念 云原生這么多微服務,當然需要一個診斷利器來排查問題。 Arthas 是阿里開源的 Java 診斷工具,深受開發者喜愛。在線排查問題,無需重啟;動態跟蹤 Java 代碼;實時監控 JVM 狀態。Arthas 支持 JDK 6&#xff0c…

28和lba48命令格式區別_編譯Sass(命令行)

本文作者:開課吧無憂圖文編輯:開三金sass編譯有很多種方式,如命令行編譯模式、編輯器自動編譯、編譯軟件koala、sass-loader等。今天我們就先來看第一種:命令行編譯剛才我在test文件夾里面已經建立了一個style.scss文件&#xff0…

JAVA基礎編程代碼50個

【程序1】 題目:古典問題:有一對兔子,從出生后第3個月起每個月都生一對兔子,小兔子長到第三個月后每個月又生一對兔子,假如兔子都不死,問每個月的兔子對數為多少? 程序分析: 兔子…

爬蟲軟件python功能_Python 網絡爬蟲程序詳解

#!/usr/bin/python #調用pythonfrom sys import argv #導入sys是導入python解釋器和他環境相關的參數from os import makedirs,unlink,sep  #os主要提供對系統路徑,文件重命名和刪除文件所需的函數#makedirs是創建遞歸文件夾的函數。#比如說我們要創建一個新的目錄…

價錢轉換python_如何在python中轉換貨幣?

我正在做一個虛擬助手項目。我想讓它告訴我其他貨幣的美元匯率。我用beauthoulsoup編寫了以下代碼,它從給定的網站獲取數據,對其進行解析并在命令行中打印結果供我閱讀。但這只是美元對巴基斯坦盧比。如何修改程序,使其接受任何貨幣并告訴我該…

char qt 轉unicode_Qt QString 中文 char* UTF-8 QByteArray QTextCodec unicode gb2312 GBK 亂碼與轉碼問題...

2012-03-22 14:00175人閱讀評論(0)代碼如下:如果不不設全局的字符集是utf-8,那么網上一般的方法是可以轉的。如下程序中 #define DD 1的情況下;但是如果設置了全局的utf-8,再用以前的方法:QByteArraybaaaa.toLatin1();…

計算機圖形學考試題及答案_計算機圖形學考試題及答案

3、在圖形文件中,常用來描述圖形元素(點,線,圓,弧等);而在光柵掃描圖形顯示器中,采用顯示所有圖形。4、當三維物體用透視變換方程投影到觀察平面上,物體中不與觀察平面平行任一簇平行線投影成收…

子窗體中組合框聯動_一張表實現組合框聯動

嗨,大家中午好!最近,有網友給我私信,想要一個聯動的示例,一個有關于部門聯動的操作。其實關于聯動的操作有很多,可以是組合框的聯動,列表框聯動,組合框與列表框也可以聯動&#xff0…

中如何實現文字轉語音_錄音轉文字、文字轉語音,學會這一招就夠了!手把手教你如何操作...

閱讀文章時候想著有人可以把文章讀給我聽就好了,寫作時想著語音直接可以轉換成文字就好了,大家是不是有時會突然冒出這樣的想法?七十這些看似天真的想法,還真的有辦法解決,這里就手把手教你如何操作才能將的文字轉換成…

圖像 理想低通濾波_圖像處理之濾波(下)

[toc]目錄一、常規濾波低通高通帶通帶阻二、非局部均值濾波三、維納濾波四、卡爾曼濾波前言所謂濾波,其實就是從混合在一起的諸多信號中提取出所需要的信號。信號的分類:確定型信號,可以表示為確定的時間函數,可確定其在任何時刻的…

泰山行宮碧霞元君祠_臨清市泰山行宮碧霞元君祠5月4號(農歷三月三十日)舉行大型泰山奶奶接駕法會...

臨清是泰山奶奶的娘家,每年的四月泰山奶奶要回臨清省親臨清市道教協會定于2019年農歷三月三十(5月4號星期六)于臨清桑樹園泰山行宮碧霞元君祠舉行大型泰山奶奶迎鸞接駕廟會。屆時,將有架鼓會、云龍會、獅胞會、鋼叉會、高蹺會、天音會、彩船會、秧歌會等…

充分條件反過來是必要條件嗎_“充分必要條件”引發的現實思考

昨天看了一篇文章是介紹“充分條件和必要條件”,大致就是A能直接推導出B,那A就是B的充分條件。A不一定能推導出B,但是沒A一定推導不出B,那A就是B必要條件。舉個簡單的例子:對你好(A)與喜歡你&am…

手機游戲降低游戲延遲的軟件_怎么降低手機網絡延遲(減少網絡延遲的5個小技巧)...

在過去的幾十年里,用戶或開發人員并不擔心延遲。在上世紀90年代和本世紀初,個人互聯網連接速度要慢得多,因此發送請求和接收響應之間的延遲要遠遠小于下載完成所需的時間。如今,更高的帶寬連接使下載速度更快,因此延遲…

mysql常用的開發軟件下載_強烈推薦!14款經典的MySQL客戶端軟件

【IT168 評論】不用我說,大家都知道MySQL是一個怎么樣的數據庫。雖然它的命運比較坎坷,但是絲毫沒有影響到我們對MySQL的熱情。不論是個人程序或者網站,還是企業數據庫,MySQL的身影無處不在。無論做什么數據庫的開發,一…

mysql最大值最小值_mysql最大值,最小值,總和查詢與計數查詢

1、最大值查詢:mysql> select max(score) from 4a;------------| max(score) |------------| 93 |------------1 row in set (0.06 sec)2、最小值查詢:mysql> select max(4a.score),min(4inall.score) from 4a,4inall;-------------------…