拿網(wǎng)頁的布局方式來做PPT，效果也很不錯！

時間：2023-09-02 11:30:02 | 來源：網(wǎng)站運營

時間：2023-09-02 11:30:02 來源：網(wǎng)站運營

拿網(wǎng)頁的布局方式來做PPT，效果也很不錯?。篽ello,大家好啊，我是summer！

上一期給大家介紹GitHub官網(wǎng)的頁面的時候，提到過一個經(jīng)常用到PPT中的小技巧--“分治”。

其實呢就是將頁面中的內(nèi)容按照親密性分成一塊一塊的，然后再在每一塊對應(yīng)的地方放置對應(yīng)的內(nèi)容。

差不多就是這個樣子：




這個其實有個更專業(yè)的說法，叫做“柵格”。

。。。

不用懂太多，咱們來嘮點具體的。

之前也跟大家提到過，其實網(wǎng)頁設(shè)計跟PPT設(shè)計基本可以當(dāng)作是親兄弟，畢竟吧，他們常見的比例也是差不多的。

如果你跟我是同行，那你肯定聽說過“網(wǎng)格布局”，這也是最近最火的網(wǎng)頁布局方式之一。

他的原理也可以說是“分治”，將頁面分成一個個小格子，再依次去解決：

大家如果PC端用的多的話，肯定見過不少的導(dǎo)航欄吧。

不過我們的內(nèi)容怎么變，咱們的導(dǎo)航欄是會一直在那兒，樣式是基本不會改變的。

相信大家肯定都熟悉我那份答辯模板吧，其實他就是采用了導(dǎo)航欄的模板，也就是模仿的網(wǎng)頁的樣式布局：










這種固定了導(dǎo)航欄的模式不僅能讓整個文檔的流程更加清晰，對于讀者來說也是非常的友好。

但是這樣布局的話，其實我們的可操控區(qū)是有所改變的。

就一般咱們的PPT布局都是這種樣式吧：







主要的內(nèi)容有標(biāo)題、logo、slogan、頁腳等等。

當(dāng)然我們必須遵循保留頁邊距的規(guī)則，這使得我們的可編輯區(qū)就是帶顏色的這一部分：




我們可以在紅色區(qū)域進行編輯，替換成各種我們需要的內(nèi)容：







但是，如果我們采用導(dǎo)航欄的樣式的話，咱們的可編輯區(qū)，就會變成這樣了




哈哈，好像沒什么區(qū)別，或者說區(qū)別不大。

但是，當(dāng)你自己操作的時候，你就能發(fā)現(xiàn)其中的區(qū)別了。

既然我們能模仿網(wǎng)頁的樣式布局了，那，我也見過導(dǎo)航欄在側(cè)邊的啊，于是，就有了這個版本：







這個版本的可操作區(qū)是不是也很清晰啊。

沒錯，就是右邊那塊“白板”唄。

當(dāng)然，如果再“喪心病狂”一點，側(cè)邊頂部我都要。。。

那就成了這樣了：




是不是看著也還行。

這樣一來，有一點就要注意了，這種布局公共部分就有點多了，那么我們的可編輯去相對就小了很多：







如果我們的內(nèi)容比較多的話，就不太建議采用這種布局了。

以上呢就是幾種模仿網(wǎng)頁布局來做PPT布局，那只能是這種樣式嗎？

當(dāng)然不是啊，我們的導(dǎo)航樣式肯定可以多種多樣，隨便改改不也又是一種？







這樣我們的頁面布局不就格外的清晰了起來嘛。

然后我們對于編輯區(qū)，依舊可以采用“分治”，繼續(xù)進行細(xì)小的劃分。

最常用的方式就是采用“卡片”，你懂的。

嗯，以上就是今天的內(nèi)容了，如果你喜歡PPT，建議沒事就多看看大廠的官網(wǎng)，真的會有不少收獲。

慢慢的發(fā)現(xiàn)，好多知識在某些鄰域真的是相同的，有時候真的有加持buff作用。

以后呢，我也會慢慢結(jié)合我擅長的鄰域，給大家?guī)砀郟PT的相關(guān)內(nèi)容，到時候可別忘了點個贊哦。

OK，咱們下期再見，溜溜溜~