蘋果官網一直以其極簡的風格為大家所熟知,相信不少設計師也研究過蘋果官網的風格:
如今國内一些手機大廠的官網,也能看到蘋果官網的影子,那它到底魅力何在?
今天這篇文章呢,我們就來探究一下,盤點那些我們能用在PPT中的設計技巧。
文末可以免費領取蘋果發布會PPT哦~
圖文三分法則在蘋果官網中,圖文排版看着都很有高級舒适:
一是有高質感的配圖,二是圖文的結構大都符合三分法則:
什麼是三分法則呢?這是一種在攝影、繪畫、設計中經常使用的構圖手段,也叫井字構圖法。
就是用兩條豎線和兩條橫線将畫面均勻分割,把主體放置在分界線或交點上:
又或将畫面均勻分作三份,圖片主體占據其中1/3 或2/3 的空間,其餘空間用于排版文字:
我們多截幾張圖看看:
怎麼樣,是不是看起來簡潔,但卻不簡單~
那在PPT中,如何運用三分構圖的手段呢?
我們通過例子來講解一下,比如想做一張全圖封面:
在裁剪底圖時,就可以将山體移至下方 1/3 區域,人物位于交點處,标題則可以放在上方分界線上:
這樣的頁面布局就符合了三分構圖法,标題和人物都處于吸睛的位置:
如果圖片中有比較明顯的水平線,像這樣:
那我們就可以讓水平線與頁面下方分界線重合:
文案則可以放在上方的 1/3 區域,頁面整體效果就比較通透舒适:
還有這樣的産品介紹頁面:
可以将底圖均勻分為三部分:
筆記本電腦占據上方 2/3 空間,文案則排版在下方 1/3 的區域,這樣的布局更為合理好看:
鄰近色漸變
蘋果官網中,有不少漸變色填充的文字和色塊,看起來流暢舒适:
仔細觀察可以發現,這些漸變色選取的色相,彼此之間都是鄰近色(色環中圓心角 60° 範圍内的顔色)。
像藍色和青色的漸變,綠色和黃色的漸變:
還有這樣橙色和紅色、粉色和紫色的漸變:
鄰近色之間的對比不強烈,漸變效果也就比較流暢舒适,沒有沖突感:
所以想要在頁面使用多色漸變,我們就可以考慮使用鄰近色的漸變。
比如這頁四段内容的 PPT,色彩比較單調,如何可以豐富一點呢?
我們可以借用 Adobe Color 配色工具,獲取想要的鄰近色:
像這樣,生成紫色的四種鄰近色:
将它們兩兩組成漸變,應用到頁面元素中,這樣色彩豐富也不會違和:
此外,在圖表中适合使用鄰近色,區分開了各塊區域,在視覺上也不會有沖突感:
文字排版技巧
蘋果官網的簡約高級感,除了它的高質量渲染圖,也不可以忽視文字的排版的細節:
首先是比較明顯的文字對比,比如這一頁中,通過文字大小和不同顔色的對比,來突出重點:
或是用不同深淺的顔色來區分主次:
文字對比的好處就是能讓信息重點突出,帶來閱讀的便利。
然後是段落與段落間的距離保持一緻:
而且段落間的距離要大于行距:
還有中文與英文、中文與數字之間需要加個空格:
等等~這些都是排版段落文字時,需要注意到的一些細節。
按照上面提到的文字排版細節,我們來處理這樣一張大段文字頁面:
文字分段時,保持段落間距一緻,段落間的距離要大于行距,中文與數字之間留有空格:
用不同顔色來區分主次,突出信息:
這樣頁面整體的信息層級會更為清晰,一定程度降低閱讀的門檻:
好了,一口氣講這麼多,福利資源準備好了~大家可以下載後拆解一下。
感興趣的朋友,領取方式在這 ↓ ↓ ↓
點個贊吧~
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!