說(shuō)到索引色，也許很多朋友都沒(méi)有接觸過(guò)這一塊兒。

首先，我們要說(shuō)，為什么要用索引色圖片？我們?cè)谠O(shè)計(jì)pc界面的時(shí)候，用的幾乎都是真彩色，不受顏色的限制，可以直接生成png；或者bmp加一個(gè)透明色，由工程師直接透掉。可是，我們?cè)O(shè)計(jì)的域很廣，我們不止要在pc機(jī)上做設(shè)計(jì)，還要在很多受限制的電子產(chǎn)品類(lèi)上做設(shè)計(jì)，比如手機(jī)、數(shù)碼相框、電視盒等等。這一類(lèi)產(chǎn)品的蕊片不如我們的pc機(jī)的性能（當(dāng)然，我說(shuō)的也不是全部，有一些還是很高端），在這種類(lèi)似的情形下，我們就需要犧牲一些絢麗的真彩色圖片，而采用小而容易更換色盤(pán)的索引色圖片。

我們要問(wèn)什么是索引色圖片，索引色圖片是如何購(gòu)成？索引，顧名思義，就是有一個(gè)東西在指索著它，而這個(gè)東西就是顏色表。說(shuō)到顏色表，我們來(lái)了解一下較基礎(chǔ)點(diǎn)的知識(shí)，大家知道，我們現(xiàn)在使用的圖片格式，大至分為兩類(lèi)存儲(chǔ)方式，一類(lèi)點(diǎn)陣存儲(chǔ)，計(jì)算機(jī)在存這一類(lèi)圖片的時(shí)候，對(duì)每一點(diǎn)存儲(chǔ)的是位置和相對(duì)應(yīng)的顏色值。像bmp、png24、tiff等圖片格式都是采用這一種，這種圖片的特點(diǎn)是顏色可以表現(xiàn)的很豐富，色感好，圖片占用空間較大（png24采用了無(wú)損壓縮技術(shù)，相對(duì)已經(jīng)小了很多）；另一類(lèi)是在圖片文件內(nèi)包含了一個(gè)顏色表，計(jì)算機(jī)在存圖片上的每一個(gè)點(diǎn)陣的顏色時(shí)，存儲(chǔ)的是點(diǎn)陣的坐標(biāo)和相對(duì)應(yīng)的顏色表上的位置。gif、png8等采用的是這一種，這種圖片的特點(diǎn)是圖片占用空間小，可直接更換色盤(pán)來(lái)更換圖片顏色風(fēng)格，缺點(diǎn)受色盤(pán)限制，使用的顏色較少，不像真彩色可以把顏色表現(xiàn)的這么豐富。我們所說(shuō)的索引色圖片，其實(shí)就是第二類(lèi)圖片，我這么講，不知道大家是否明白了呢？

索引色圖片的制做方式。要做一個(gè)好的索引色圖片，首先要設(shè)計(jì)一組好的色盤(pán)，注意，我說(shuō)的是一組，不是一個(gè)，這一組色盤(pán)有統(tǒng)一的規(guī)格、顏色規(guī)律，以方便我們隨時(shí)更換。（我們?cè)趧傞_(kāi)始做這一類(lèi)圖片的時(shí)候，就應(yīng)該養(yǎng)成一個(gè)好的習(xí)慣，要為圖片的擴(kuò)展做好準(zhǔn)備，所以我們?cè)O(shè)定的色盤(pán)一定要有規(guī)律，不能是雜亂無(wú)章的。）

先看一組我已經(jīng)做好的色盤(pán)吧......

這是一組4位色的色盤(pán)，每一個(gè)總共16種顏色，其中第一個(gè)格里的顏色是要留做透明色用，所以，可用的顏色只有15種。由于每一款電子產(chǎn)品的設(shè)計(jì)模式都不同，有一些，在同一個(gè)界面內(nèi)，是不能同時(shí)使用多個(gè)色盤(pán)的，當(dāng)我們?cè)谠O(shè)計(jì)這一類(lèi)需求的色盤(pán)時(shí)，記得要留出字體顏色，所以我很習(xí)慣性的把每個(gè)色盤(pán)上都留有黑、白、灰的過(guò)渡色。色盤(pán)的制做模式很簡(jiǎn)單，只是有時(shí)需求不同，模式和規(guī)律比較難定，這就要在最開(kāi)始做的時(shí)候，想的周全一些，因?yàn)楹笃谏P(pán)模式的修改將會(huì)是一件非常痛苦的事情。步驟如下：

一、隨意新建一個(gè)ps空白文件；

二、圖像菜單---->模式---->索引顏色，打開(kāi)如下面板

|||

三、在調(diào)板里選擇“自定”，打開(kāi)顏色表

四、顏色的分配。第一個(gè)格我們留做透明色用，點(diǎn)一下，選擇一種我們不用的顏色，確定。鼠標(biāo)拖拽，同時(shí)選中2至8格，彈出拾色器窗口，選擇黑色，確定；又彈出拾色器窗口，選擇白色，確定。（這里有點(diǎn)奇怪，如果不注意看文字的時(shí)候，會(huì)以后軟件出錯(cuò)了，怎么確定了又會(huì)彈出拾色器，我第一次用時(shí)就是這樣的感覺(jué)，嘿嘿！）ok，看一下，這7個(gè)格內(nèi)的顏色已經(jīng)被平均分配了，當(dāng)然，如果感覺(jué)灰階的顏色不滿(mǎn)意，也可以手工一個(gè)一個(gè)去調(diào)。后面的藍(lán)色過(guò)渡也使用同樣的方法選擇。

這里有一點(diǎn)要說(shuō)明的是：當(dāng)我們?cè)谧鲱伾倪x擇時(shí)，要盡量用拾色器橫坐標(biāo)頂端和縱坐標(biāo)右端的顏色值，看下圖我用黑色框框標(biāo)出來(lái)的，經(jīng)過(guò)的我的實(shí)驗(yàn)得出，只有這有這樣二點(diǎn)選出的顏色才會(huì)均勻的分配在色盤(pán)上，如果要從１過(guò)渡到３,中間一定要有一個(gè)２來(lái)定位顏色，不然顏色就會(huì)亂，這一點(diǎn)大家可以自己做實(shí)踐，當(dāng)時(shí)如果有更好的方式，我也希望請(qǐng)教一下大家。

五、差不多了，存儲(chǔ)一下我們?cè)O(shè)計(jì)的顏色表吧，下次用的時(shí)候，載入就可以了。

ｏｋ，色盤(pán)搞定了，把我們剛才存的顏色表加到色板，以方便我們使用，然后可以開(kāi)始設(shè)計(jì)界面元素，設(shè)計(jì)方面的好像沒(méi)有什么過(guò)多要講的，這個(gè)主要看各人的創(chuàng)意，設(shè)計(jì)這方面的界面，學(xué)習(xí)一點(diǎn)像素畫(huà)的基礎(chǔ)會(huì)好一些。看一個(gè)我的例子吧，音量的選中條：

縮小看，還不錯(cuò)吧？

最開(kāi)始做的時(shí)候，可以不用索引，直接在ｐｓ里分圖層畫(huà)，盡量吸色盤(pán)上的顏色畫(huà)，存原稿，然后復(fù)制一份出來(lái)，圖像菜單--->模式--->索引顏色，選好做的顏色表，做完這一切，記得檢查一遍，看一下有沒(méi)有異常，比如露點(diǎn)的現(xiàn)像，方法是：圖像菜單--->模式--->顏色表，按著ａlt鍵同時(shí)點(diǎn)透明色，可以把透明色透掉，放大檢查一遍，有的話(huà)，在色盤(pán)上找相近的顏色補(bǔ)上。

一切做完了，記得存儲(chǔ)噢，根據(jù)需求存就可以了，最常用的是bmp格式。

我在最開(kāi)始接觸的時(shí)候，在網(wǎng)上找了很多資料，都一直找不到想要的，現(xiàn)在我把自己知道的知識(shí)分享給大家，希望對(duì)大家有用處。