，各位木友們好呀，我是小木。

前陣子我寫了一篇《PPT配色不夠騷，跟咸魚有什么區別？》，文章里介紹了配色中的色相、純度、明度等概念。

很多木友看完都豁然開朗地表示，PPT這條路真是越走越灰暗了呢。

那沒關系，為了進一步摧毀大家的信心，今天木哥會給大家帶來更多重磅的打擊，讓“PPT，從入門到入土”這句話，從理論走向現實。

今天要用來刺激大家的是下面這幾個概念：

1）能決定PPT風格的主色；

2）能讓頁面更和諧的輔色；

3）能讓重點更突出的點綴色。

注意，本篇催命長文搭配上一篇文章一起食用，脫發效果更佳。

能決定PPT風格的主色

主色，是指在一頁PPT中占據了主要面積的顏色。

很多人的PPT配色之所以顯得雜亂，就是因為頁面中缺少一個能主導頁面視覺效果的主色，導致妻妾不分，主次地位混亂：

另外，在很大程度上，主色還能決定一頁PPT能給人帶來什么樣的心理感受。

▎比如，下面這頁PPT，主色是絕望灰：

在這里，深灰色既突出了空氣污染的嚴重性，又給人帶來一種“快來個妹子給我做人工呼吸不然我就死給你看”的窒息感、壓抑感。

▎又比如，下面這頁PPT的主色是原諒綠：

首先，綠色本身就能給人一種清新健康的感受，再加上這個綠色的明度比較高，頁面最后就呈現出一種“綠到你發慌”的春天的感覺。

▎再比如，電腦管家的【查殺病毒】頁面在正常情況下的主色是冷靜藍：

但它要是檢測到了病毒，主色就會變成看著就讓人覺得心肌梗塞的緊急紅：

從以上例子咱們可以知道：

如果你想讓PPT配色不顯雜亂，或是想要營造出某種特定的氣氛，那么你就要選好主色調，因為主色對PPT風格的影響就跟發量對顏值的影響是一樣大的。

那么，既然咱們知道了不同的主色能烘托出不同的風格氣氛，那么反過來的話，什么樣的風格或主題又該搭配什么主色呢？

其實很簡單，去花瓣網或是站酷網等設計類網站，搜索一下你PPT主題的關鍵詞，看看搜出來的作品都是什么顏色的。

比如，我在花瓣網搜索了“母嬰”，搜出來的作品就大都是明度比較高，即比較明亮的顏色：

所以現在如果讓你來挑母嬰主題PPT的配色，你心里是不是已經有點那啥數了呢？

讓頁面更豐富的輔色

輔色，一般是指頁面中面積比主色小一些的顏色，添加輔色，可以讓頁面看起來不那么單調。

比如，你可以對比一下下面這兩個PPT，它們分別是沒添加輔色以及添加了輔色的頁面：

你會發現后者看上會更有層次感，而前者看起來就像個“上面穿著牛仔衣，下面還穿著牛仔褲”的淘寶爆款男。

那么現在問題來了：假如我已經確定好了一種主色，接下來我該如何確定使用什么輔色呢？

▼

答案肥腸簡單！

登錄配色網站color.adobe.com（Adobe的親兒子），先在左上角選擇你需要的配色類型：

▎關于配色有哪些類型，我在《PPT配色不夠騷，跟咸魚有什么區別？》這篇文章里已經介紹過了，這里就不再贅述了，免得有湊字數的嫌疑，雖然我經常這么做。

選擇好配色的類型以后，你可以在下方的第三個色塊那里填入你已經確定好了的主色的RGB值（每種顏色都有唯一對應的RGB數字）：

輸入完畢以后，系統就會自動生成合適的配色方案，拉動色輪里的點，你還可以自定義調整配色方案。

接著你就可以嘗試在PPT中運用這些輔色了：

啥？嫌這個方法太復雜？

不慌，你也可以直接使用黑白灰來做輔色，也可以直接使用跟主色相近的顏色來做輔色：

論偷懶，我還沒怕過誰…

讓重點更突出的點綴色

點綴色，顧名思義，就是用來為枯燥的頁面增添亮點的。

比起輔色，它在頁面中的應用面積還要更小一些，并且通常會以“點”的狀態出現：

▼

除了能用來點綴頁面以外，點綴色還可以用于引導讀者閱讀的視線：

也可以用于強調某些重點元素：

那么，如何為頁面選擇一種合適的點綴色呢？

首先我們要知道，點綴色必須要跟頁面中的主色跟輔色都形成鮮明的對比。

因為只有這樣，點綴色才能成為頁面中較醒目的那個點。

而顏色差異對比最醒目的配色組合，也就只有對比色跟互補色了：

也就是說，為頁面選擇點綴色的過程，就相當于一個“根據頁面中的主色與輔色去選擇一個對比色或是互補色”的過程。

▎舉個例子，以下是一頁只有主色（藍色）與輔色（紅色）的PPT：

我們先登錄配色網站color.adobe.com，根據主色與輔色挑選出一個合適的對比色：

接著把最終挑選出來的對比色【黃色】運用到PPT中，作為點綴色使用：

完美~

實操案例

光說不練假把式，接下來咱們就拿下面這幾頁PPT來開刀，看看上邊我扯的那堆理論有沒有卵用。

首先，我們先定一個《浪漫圣誕》的PPT主題，根據這個主題，我首先選擇了一個最能讓人感到浪漫的粉色作為主色：

接著，為了更加突出頁面的浪漫感，我選擇了粉色的同類色來充當輔色：

最后，為了讓頁面看起來不那么單調，我使用了作為粉色對比色的淺藍色來充當點綴色：

至此，頁面的配色就算完成了。

值得一說的是，你別看我配起色來好像很輕松的樣子，其實這個成功案例的背后還有一堆被我斃掉的稿子…

也就是說，我們在設計時，理論指導雖然很重要，但想要得到最終的理想結果的話，還需要經過很多次的嘗試才行。

所以現在你能理解為什么設計費那么貴了沒…

最后，現在我們來總結一下以上2000字都說了啥玩意兒：

1）主色能決定頁面的主要視覺效果，我們需要根據主題或風格來確定主色；

2）輔色要根據主色來定，也可以直接用黑白灰，它們都可以讓頁面看起來更豐富；

3）點綴色一般運用于顏色較單一的頁面，它具有引導視線、強調重點、增添亮點等功能。

好了，本期催命長文就寫到這里…

不過也不知道到底是在催你們的命還是我的命…

我是小木，咱們下期再賤…

歡迎關注小木的公眾號“跟我學個P”

在很多的大型網站把登錄和首頁放在一起設計，由此可見產品登錄頁面設計的重要性。一個出彩的登錄界面，將提升產品的品質，賦予產品獨特的氣質。登錄界面也是一個發揮情感化設計，提升用戶體驗，拉近與用戶之間距離的兵家必爭之地。

無論網頁或是移動APP的設計，很重要的一點是如何能在小而美和功能復雜性之間找到平衡點。 在執行設計的第一步，便是思考如何利用原型工具諸如Mockplus或Axure在初始階段把握產品登陸頁面設計的技巧。

一、 學會做減法

跳出登錄界面設計中的條條框框，搭配簡單的配色，醒目又大方。

二、 結合用戶界面設計-頁面背景

1. 模糊背景

模糊背景的運用不僅讓整個網站顯得更加人性化，并且在很大程度上烘托出網站所要表現的氛圍。

2. 暗色背景

在暗色背景中，明亮的輸入框便吸引了所有的注意力。

3.扁平化純色背景

三、清晰的視覺縱線

人的視覺瀏覽一般呈“L”型視線，意指從上到下，從左至右，表單的視覺瀏覽順序符合“L”型規律就基本符合用戶的心理預期。

四.注重用戶體驗設計

登陸和注冊表單的使用率非常高，一個表單的設計其實也不是簡單的事情，用戶體驗是必須要考慮的事情。哪怕是一個注冊表單，也值得再細心研究。如果不重視用戶體驗，就會致使網站流失大量用戶。一切以最佳用戶體驗為出發。

1.減少用戶的強制性操作

2. 減少用戶輸入

一般說來，注冊表中每增加一個字段，注冊率就會相應的下降。

3. 信息化注冊提示

為終端用戶提供有效的信息提示是用戶體驗設計中的最好方式，尤其是在用戶注冊填寫信息具有多個輸入域，而在需要填寫的字段互相可能產生歧義的時候，這些消息提示可以減少用戶的思考和猜測時間。

4. 錯誤密碼輸入記憶

當用戶第一次輸入一個錯誤的密碼時，系統在判斷錯誤后同時把用戶輸入的錯誤密碼保存記憶，當用戶再次輸入這個錯誤密碼時，系統會自動在客戶端提示“密碼錯誤”。

以上就是一些常見的網頁或APP產品登陸頁面設計的技巧。巧妙的設計是吸引用戶的第一步，站在用戶的角度，讓更多的用戶通過登陸注冊這扇大門真正的走近和了解我們的產品。