【設計幫幫忙】第五期視頻 - 安安（交互設計）

本期概要

【分享】照片偏色的調節(jié)方法 

【本期主題】網頁中的交互設計

01【分享】  照片偏色的調節(jié)方法

分享人：小牧

小牧視頻教程推薦

http://hi.baidu.com/home_shop/item/ab7dea3444890c8ff4e4ad07

http://www.tudou.com/programs/view/Lb23mQD2p_w/?resourceId=0_06_02_99

今天講一個簡單的調色，這個調色用到什么地方呢？平時拍照，我們在光線比較暗的環(huán)境，像晚上啊或者是室內，你拍個照片偏黃偏紅這種偏色現(xiàn)象。今天這個小技巧就是針對這種情況進行快速的修正。

百度找一張偏色的圖片，偏黃吧。這里我們把它做一個調整圖層。選擇通道混合器，在這里呢我們只需要做兩步，第一步呢，把輸出通道的紅色改為綠色，下面呢簡單的調一下增加百分比，然后再選擇藍色，，我們增加一下綠色，由于我們的顯示器不同，這個百分比也可能不同。

第一步在調綠色的時候是不好把握的，這里給大家提供一種方法，當你在加通道選擇器的時候，在上面新加一個圖層，選擇一個選區(qū)，填充黃顏色：

填充黃色的目的是做一個參考。我們把通道混合器打開，打開以后呢第一次是先調綠色，讓輸出通道為綠色，然后去加紅色，加紅加到什么程度呢，讓它盡量去接近這塊黃色。之后呢我們再在藍色輸出通道里面去加綠色，這樣的就調節(jié)完了。

那我說下里面用到的一些知識點。我們在網上用到的顏色就是R，G，B，印刷的時候用到的是C，M，Y，K是補充的。那R，G，B和C，M，Y是分別對應的互補色。什么叫互補呢，一個通俗的說法叫他此消彼長。當紅色（R）多了，你看到的青色（C）就少了。還有一個叫加色模式，比方說紅色和綠色疊加，它會產生黃顏色，當然這里有一個前提是等量疊加。

那怎么記呢，就是說紅色（R）和綠色（G）疊加，產生出來的是另一個顏色（B）的互補色（Y），也就是藍色的互補色黃色。就是說兩個顏色（R和G）對應的互補色（C和M）之外的那個顏色（Y）就是他們兩個R和G相加得到的。那么紅色（R）和藍色（B）相加得到的就是（C）（Y）之外的一個顏色（M），M是品紅或洋紅。

那么綠色（G）和藍色（B）加在一起就是青色青色（C），還有這三個顏色（R），（G），（B）加在一起是白色。那么這個白色其實是我們今天要用到的。我們說一個圖片它偏黃，它主要是黃色（Y）多了，藍色（B）就少了（Y和B是互補色，此消彼長）。就是說這個圖里面藍色的成分少了或者說藍色表現(xiàn)為黑色。

提問】為什么不只調藍色通道？

小牧】為什么我又調了一個綠色是因為當你看到一張圖片是黃色的時候，他還有紅色成分的。我調綠色呢是為了讓整個圖偏向于橙黃色，然后再調藍色通道就可以了。

02【本期主題】  實例講解：網頁中的交互設計

什么叫用戶體驗？是不是把網站視覺做得越漂亮用戶體驗越好？不是。漂亮還是合理，選一個。

當然是合理。那什么叫合理呢？怎么樣才算合理？很多同學說以用戶為中心用著舒服，概括起來就是易用性好。

大飛老師】不讓我煩不讓我等不讓我想。

安安】對。就是用戶使用你的產品或者說你的網站所需要付出的成本越低越好，所有符合這個規(guī)律的設計都是合理的都是對的...