你看蘋果新品發布會了嗎？

這是蘋果的新品發布會上的内容，主要講到了蘋果推出的M1 Max芯片和一些産品的更新疊代。那，你看了嗎？

我真的是連夜看了發布會，這不，還特意給大家錄制了動圖，其中的一些設計效果，我真的有的說了！

還有這些發布會行的PPT頁面和設計：

從這些設計中，我發現了蘋果在這次發布會上用到的設計秘籍，那就是漸變色！不要懷疑，在設計中，漸變色真的是一個很好用的配色方案！

來看一個 PPT 的案例。比如這份幻燈片原本使用的是純色填充：

而我們加入另外兩種顔色，與主色組成漸變，色彩不僅豐富而且非常統一：

或是這個案例，僅使用了淡紫色：

我們加入藍色與之組成漸變，頁面似乎多了一些科技感和未來感：

這，就是漸變的魔力！

我們都知道漸變的好處，但是大多數讀者，自己動手調整出來的漸變卻長這樣：

那麼，在 PPT 中，我們該如何調整出和諧美觀的漸變色呢？

今天這篇文章，就跟各位分享一個，我一直在用的漸變調整方法，橫縱調色法！

簡單說下它是啥意思。我們在确定一個顔色後，可以橫向延展得到相近的顔色：

這樣就可以形成，由一種顔色過渡到另外一種顔色的漸變，也就是色調漸變：

還可以依據主色縱向延展，得到不同亮度的梯度色：

從而形成同一種顔色不同明暗的漸變，也就是亮度漸變：

使用這樣的方法得出的漸變色，要比你任意選色更加自然！

理解起來不難，關鍵在于我們确定一個顔色後，該如何橫、縱延展？

有兩種形式，一個是借助 PPT 種顔色工具，另一個借助在線網站！

PPT 中的顔色工具，包含一個叫做 HSL 的色彩模式：

HSL 是英文單詞的縮寫，代表顔色的三個屬性，H（色調），S（飽和度），L（亮度）：

這其中的 H（色調）、L（亮度），不就對應着我們剛才提到的色調漸變和亮度漸變麼？

所以，我們在得到一個明确的顔色後。以下方的藍色色塊為例：

保持 S 和 L 的數值不變，通過加、減色調（H）的數值，就能橫向延展出藍色的鄰近色：

為了讓顔色漸變過渡自然，色調（H）數值的變化最好不要超過 60：

藍色可以與這些顔色任意結合，組成漸變：

還可以将所有顔色串聯起來，組成多色漸變：

而保持 H、S 不變，加、減亮度（L） 的數值，便能縱向延展出梯度色：

因為算是同一顔色不同亮度，這些顔色組成的漸變也就非常的和諧：

當然，如果你覺得自己手動調整色值太過麻煩，就可以采用第二種辦法，借助網站延展漸變色。

這次以紫色為例：

想要得到橫向上的延展色，可以借助 Adobe 推出配色工具，Adobe Color：

我們将綠色的十六進制色值，輸入到中間的方框内，網站會自動幫我們生成 4 個鄰近色：

主色，可以與任意顔色組成漸變：

如果你覺得顔色跨度不夠大，也可以手動拖拽色輪上的控點，進行調整：

需要注意是，想要兩顔色之間漸變過渡自然，主色與另一個顔色的夾角最好不要超過 90°：

而縱向上的延展顔色，則可以借助 Eva Design System：

我們将橫向延展色的十六進制色值，輸入到該網站，它會自動幫我們生成，由淺到深的梯度色：

用取色器吸色，就能做出漂亮的亮度漸變：

到這裡就結束了，你們學會這兩個方法了嗎？

最後，我給大家準備了505組配色方案，關注 發送關鍵詞【505】就能獲取：

#職場幹貨# #職場達人煉成記# #配色# #蘋果發燒友# #種草星期二#

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