【設(shè)計(jì)幫幫忙】第五期視頻 - 安安（交互設(shè)計(jì)）

本期概要

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

【本期主題】網(wǎng)頁(yè)中的交互設(shè)計(jì)

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

分享人：小牧

小牧視頻教程推薦

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

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

今天講一個(gè)簡(jiǎn)單的調(diào)色，這個(gè)調(diào)色用到什么地方呢？平時(shí)拍照，我們?cè)诠饩€比較暗的環(huán)境，像晚上啊或者是室內(nèi)，你拍個(gè)照片偏黃偏紅這種偏色現(xiàn)象。今天這個(gè)小技巧就是針對(duì)這種情況進(jìn)行快速的修正。

百度找一張偏色的圖片，偏黃吧。這里我們把它做一個(gè)調(diào)整圖層。選擇通道混合器，在這里呢我們只需要做兩步，第一步呢，把輸出通道的紅色改為綠色，下面呢簡(jiǎn)單的調(diào)一下增加百分比，然后再選擇藍(lán)色，，我們?cè)黾右幌戮G色，由于我們的顯示器不同，這個(gè)百分比也可能不同。

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

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

那我說(shuō)下里面用到的一些知識(shí)點(diǎn)。我們?cè)诰W(wǎng)上用到的顏色就是R，G，B，印刷的時(shí)候用到的是C，M，Y，K是補(bǔ)充的。那R，G，B和C，M，Y是分別對(duì)應(yīng)的互補(bǔ)色。什么叫互補(bǔ)呢，一個(gè)通俗的說(shuō)法叫他此消彼長(zhǎng)。當(dāng)紅色（R）多了，你看到的青色（C）就少了。還有一個(gè)叫加色模式，比方說(shuō)紅色和綠色疊加，它會(huì)產(chǎn)生黃顏色，當(dāng)然這里有一個(gè)前提是等量疊加。

那怎么記呢，就是說(shuō)紅色（R）和綠色（G）疊加，產(chǎn)生出來(lái)的是另一個(gè)顏色（B）的互補(bǔ)色（Y），也就是藍(lán)色的互補(bǔ)色黃色。就是說(shuō)兩個(gè)顏色（R和G）對(duì)應(yīng)的互補(bǔ)色（C和M）之外的那個(gè)顏色（Y）就是他們兩個(gè)R和G相加得到的。那么紅色（R）和藍(lán)色（B）相加得到的就是（C）（Y）之外的一個(gè)顏色（M），M是品紅或洋紅。

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

提問(wèn)】為什么不只調(diào)藍(lán)色通道？

小牧】為什么我又調(diào)了一個(gè)綠色是因?yàn)楫?dāng)你看到一張圖片是黃色的時(shí)候，他還有紅色成分的。我調(diào)綠色呢是為了讓整個(gè)圖偏向于橙黃色，然后再調(diào)藍(lán)色通道就可以了。

02【本期主題】  實(shí)例講解：網(wǎng)頁(yè)中的交互設(shè)計(jì)

什么叫用戶體驗(yàn)？是不是把網(wǎng)站視覺(jué)做得越漂亮用戶體驗(yàn)越好？不是。漂亮還是合理，選一個(gè)。

當(dāng)然是合理。那什么叫合理呢？怎么樣才算合理？很多同學(xué)說(shuō)以用戶為中心用著舒服，概括起來(lái)就是易用性好。

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

安安】對(duì)。就是用戶使用你的產(chǎn)品或者說(shuō)你的網(wǎng)站所需要付出的成本越低越好，所有符合這個(gè)規(guī)律的設(shè)計(jì)都是合理的都是對(duì)的...