你看蘋果新品發布會了嗎?
這是蘋果的新品發布會上的内容,主要講到了蘋果推出的M1 Max芯片和一些産品的更新疊代。那,你看了嗎?
我真的是連夜看了發布會,這不,還特意給大家錄制了動圖,其中的一些設計效果,我真的有的說了!
還有這些發布會行的PPT頁面和設計:
從這些設計中,我發現了蘋果在這次發布會上用到的設計秘籍,那就是漸變色!不要懷疑,在設計中,漸變色真的是一個很好用的配色方案!
來看一個 PPT 的案例。比如這份幻燈片原本使用的是純色填充:
而我們加入另外兩種顔色,與主色組成漸變,色彩不僅豐富而且非常統一:
或是這個案例,僅使用了淡紫色:
我們加入藍色與之組成漸變,頁面似乎多了一些科技感和未來感:
這,就是漸變的魔力!
我們都知道漸變的好處,但是大多數讀者,自己動手調整出來的漸變卻長這樣:
那麼,在 PPT 中,我們該如何調整出和諧美觀的漸變色呢?
今天這篇文章,就跟各位分享一個,我一直在用的漸變調整方法,橫縱調色法!
簡單說下它是啥意思。我們在确定一個顔色後,可以橫向延展得到相近的顔色:
這樣就可以形成,由一種顔色過渡到另外一種顔色的漸變,也就是色調漸變:
還可以依據主色縱向延展,得到不同亮度的梯度色:
從而形成同一種顔色不同明暗的漸變,也就是亮度漸變:
使用這樣的方法得出的漸變色,要比你任意選色更加自然!
理解起來不難,關鍵在于我們确定一個顔色後,該如何橫、縱延展?
有兩種形式,一個是借助 PPT 種顔色工具,另一個借助在線網站!
PPT 中的顔色工具,包含一個叫做 HSL 的色彩模式:
HSL 是英文單詞的縮寫,代表顔色的三個屬性,H(色調),S(飽和度),L(亮度):
這其中的 H(色調)、L(亮度),不就對應着我們剛才提到的色調漸變和亮度漸變麼?
所以,我們在得到一個明确的顔色後。以下方的藍色色塊為例:
保持 S 和 L 的數值不變,通過加、減色調(H)的數值,就能橫向延展出藍色的鄰近色:
為了讓顔色漸變過渡自然,色調(H)數值的變化最好不要超過 60:
藍色可以與這些顔色任意結合,組成漸變:
還可以将所有顔色串聯起來,組成多色漸變:
而保持 H、S 不變,加、減亮度(L) 的數值,便能縱向延展出梯度色:
因為算是同一顔色不同亮度,這些顔色組成的漸變也就非常的和諧:
當然,如果你覺得自己手動調整色值太過麻煩,就可以采用第二種辦法,借助網站延展漸變色。
2、配色網站這次以紫色為例:
想要得到橫向上的延展色,可以借助 Adobe 推出配色工具,Adobe Color:
我們将綠色的十六進制色值,輸入到中間的方框内,網站會自動幫我們生成 4 個鄰近色:
主色,可以與任意顔色組成漸變:
如果你覺得顔色跨度不夠大,也可以手動拖拽色輪上的控點,進行調整:
需要注意是,想要兩顔色之間漸變過渡自然,主色與另一個顔色的夾角最好不要超過 90°:
而縱向上的延展顔色,則可以借助 Eva Design System:
我們将橫向延展色的十六進制色值,輸入到該網站,它會自動幫我們生成,由淺到深的梯度色:
用取色器吸色,就能做出漂亮的亮度漸變:
到這裡就結束了,你們學會這兩個方法了嗎?
最後,我給大家準備了505組配色方案,關注 發送關鍵詞【505】就能獲取:
#職場幹貨# #職場達人煉成記# #配色# #蘋果發燒友# #種草星期二#
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!