蘋果官網一直以其極簡的風格為大家所熟知,相信不少設計師也研究過蘋果官網的風格:

如今國内一些手機大廠的官網,也能看到蘋果官網的影子,那它到底魅力何在?

今天這篇文章呢,我們就來探究一下,盤點那些我們能用在PPT中的設計技巧。

文末可以免費領取蘋果發布會PPT哦~
圖文三分法則在蘋果官網中,圖文排版看着都很有高級舒适:

一是有高質感的配圖,二是圖文的結構大都符合三分法則:

什麼是三分法則呢?這是一種在攝影、繪畫、設計中經常使用的構圖手段,也叫井字構圖法。
就是用兩條豎線和兩條橫線将畫面均勻分割,把主體放置在分界線或交點上:

又或将畫面均勻分作三份,圖片主體占據其中1/3 或2/3 的空間,其餘空間用于排版文字:

我們多截幾張圖看看:

怎麼樣,是不是看起來簡潔,但卻不簡單~
那在PPT中,如何運用三分構圖的手段呢?
我們通過例子來講解一下,比如想做一張全圖封面:

在裁剪底圖時,就可以将山體移至下方 1/3 區域,人物位于交點處,标題則可以放在上方分界線上:

這樣的頁面布局就符合了三分構圖法,标題和人物都處于吸睛的位置:

如果圖片中有比較明顯的水平線,像這樣:

那我們就可以讓水平線與頁面下方分界線重合:

文案則可以放在上方的 1/3 區域,頁面整體效果就比較通透舒适:

還有這樣的産品介紹頁面:

可以将底圖均勻分為三部分:

筆記本電腦占據上方 2/3 空間,文案則排版在下方 1/3 的區域,這樣的布局更為合理好看:

蘋果官網中,有不少漸變色填充的文字和色塊,看起來流暢舒适:

仔細觀察可以發現,這些漸變色選取的色相,彼此之間都是鄰近色(色環中圓心角 60° 範圍内的顔色)。

像藍色和青色的漸變,綠色和黃色的漸變:

還有這樣橙色和紅色、粉色和紫色的漸變:

鄰近色之間的對比不強烈,漸變效果也就比較流暢舒适,沒有沖突感:

所以想要在頁面使用多色漸變,我們就可以考慮使用鄰近色的漸變。
比如這頁四段内容的 PPT,色彩比較單調,如何可以豐富一點呢?

我們可以借用 Adobe Color 配色工具,獲取想要的鄰近色:

像這樣,生成紫色的四種鄰近色:

将它們兩兩組成漸變,應用到頁面元素中,這樣色彩豐富也不會違和:

此外,在圖表中适合使用鄰近色,區分開了各塊區域,在視覺上也不會有沖突感:

蘋果官網的簡約高級感,除了它的高質量渲染圖,也不可以忽視文字的排版的細節:

首先是比較明顯的文字對比,比如這一頁中,通過文字大小和不同顔色的對比,來突出重點:

或是用不同深淺的顔色來區分主次:

文字對比的好處就是能讓信息重點突出,帶來閱讀的便利。
然後是段落與段落間的距離保持一緻:

而且段落間的距離要大于行距:

還有中文與英文、中文與數字之間需要加個空格:

等等~這些都是排版段落文字時,需要注意到的一些細節。
按照上面提到的文字排版細節,我們來處理這樣一張大段文字頁面:

文字分段時,保持段落間距一緻,段落間的距離要大于行距,中文與數字之間留有空格:

用不同顔色來區分主次,突出信息:

這樣頁面整體的信息層級會更為清晰,一定程度降低閱讀的門檻:

好了,一口氣講這麼多,福利資源準備好了~大家可以下載後拆解一下。

感興趣的朋友,領取方式在這 ↓ ↓ ↓

點個贊吧~
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!