tft每日頭條

 > 生活

 > 蘋果的工業設計為何如此優秀

蘋果的工業設計為何如此優秀

生活 更新时间:2024-07-18 01:25:00

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)1

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)2

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)3

文末可以免費領取蘋果發布會PPT哦~

圖文三分法則

在蘋果官網中,圖文排版看着都很有高級舒适:

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)4

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)5

什麼是三分法則呢?這是一種在攝影、繪畫、設計中經常使用的構圖手段,也叫井字構圖法。

就是用兩條豎線和兩條橫線将畫面均勻分割,把主體放置在分界線或交點上:

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)6

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)7

我們多截幾張圖看看:

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)8

怎麼樣,是不是看起來簡潔,但卻不簡單~

那在PPT中,如何運用三分構圖的手段呢?

我們通過例子來講解一下,比如想做一張全圖封面:

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)9

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)10

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)11

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)12

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)13

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)14

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)15

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)16

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)17

鄰近色漸變

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)18

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)19

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)20

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)21

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)22

所以想要在頁面使用多色漸變,我們就可以考慮使用鄰近色的漸變。

比如這頁四段内容的 PPT,色彩比較單調,如何可以豐富一點呢?

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)23

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)24

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)25

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)26

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)27

文字排版技巧

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)28

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)29

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)30

文字對比的好處就是能讓信息重點突出,帶來閱讀的便利。

然後是段落與段落間的距離保持一緻:

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)31

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)32

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)33

等等~這些都是排版段落文字時,需要注意到的一些細節。

按照上面提到的文字排版細節,我們來處理這樣一張大段文字頁面:

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)34

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)35

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)36

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)37


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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)38

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

蘋果的工業設計為何如此優秀(刷屏了的蘋果極簡風)39

點個贊吧~

,

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

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved