首先，我們要說，為什么要用索引色圖片？我們?cè)谠O(shè)計(jì)PC界面的時(shí)候，用的幾乎都是真彩色，不受顏色的限制，可以直接生成PNG；或者BMP加一個(gè)透明色，由工程師直接透掉?？墒?，我們?cè)O(shè)計(jì)的域很廣，我們不止要在PC機(jī)上做設(shè)計(jì)，還要在很多受限制的電子產(chǎn)品類上做設(shè)計(jì)，比如手機(jī)、數(shù)碼相框、電視盒等等。這一類產(chǎn)品的蕊片不如我們的PC機(jī)的性能（當(dāng)然，我說的也不是全部，有一些還是很高端），在這種類似的情形下，我們就需要犧牲一些絢麗的真彩色圖片，而采用小而容易更換色盤的索引色圖片。
我們要問什么是索引色圖片，索引色圖片是如何購成？索引，顧名思義，就是有一個(gè)東西在指索著它，而這個(gè)東西就是顏色表。說到顏色表，我們來了解一下較基礎(chǔ)點(diǎn)的知識(shí)，大家知道，我們現(xiàn)在使用的圖片格式，大至分為兩類存儲(chǔ)方式，一類點(diǎn)陣存儲(chǔ)，計(jì)算機(jī)在存這一類圖片的時(shí)候，對(duì)每一點(diǎn)存儲(chǔ)的是位置和相對(duì)應(yīng)的顏色值。像BMP、Png24、Tiff等圖片格式都是采用這一種，這種圖片的特點(diǎn)是顏色可以表現(xiàn)的很豐富，色感好，圖片占用空間較大（png24采用了無損壓縮技術(shù)，相對(duì)已經(jīng)小了很多）；另一類是在圖片文件內(nèi)包含了一個(gè)顏色表，計(jì)算機(jī)在存圖片上的每一個(gè)點(diǎn)陣的顏色時(shí)，存儲(chǔ)的是點(diǎn)陣的坐標(biāo)和相對(duì)應(yīng)的顏色表上的位置。Gif、Png8等采用的是這一種，這種圖片的特點(diǎn)是圖片占用空間小，可直接更換色盤來更換圖片顏色風(fēng)格，缺點(diǎn)受色盤限制，使用的顏色較少，不像真彩色可以把顏色表現(xiàn)的這么豐富。我們所說的索 引色圖片，其實(shí)就是第二類圖片，我這么講，不知道大家是否明白了呢？
索引色圖片的制做方式。要做一個(gè)好的索引色圖片，首先要設(shè)計(jì)一組好的色盤，注意，我說的是一組，不是一個(gè)，這一組色盤有統(tǒng)一的規(guī)格、顏色規(guī)律，以方便我們隨時(shí)更換。（我們?cè)趧傞_始做這一類圖片的時(shí)候，就應(yīng)該養(yǎng)成一個(gè)好的習(xí)慣，要為圖片的擴(kuò)展做好準(zhǔn)備，所以我們?cè)O(shè)定的色盤一定要有規(guī)律，不能是雜亂無章的。）
先看一組我已經(jīng)做好的色盤吧......
這是一組4位色的色盤，每一個(gè)總共16種顏色，其中第一個(gè)格里的顏色是要留做透明色用，所以，可用的顏色只有15種。由于每一款電子產(chǎn)品的設(shè)計(jì)模式都不同，有一些，在同一個(gè)界面內(nèi)，是不能同時(shí)使用多個(gè)色盤的，當(dāng)我們?cè)谠O(shè)計(jì)這一類需求的色盤時(shí)，記得要留出字體顏色，所以我很習(xí)慣性的把每個(gè)色盤上都留有黑、白、灰的過渡色。色盤的制做模式很簡(jiǎn)單，只是有時(shí)需求不同，模式和規(guī)律比較難定，這就要在最開始做的時(shí)候，想的周全一些，因?yàn)楹笃谏P模式的修改將會(huì)是一件非常痛苦的事情。步驟如下：
?。?隨意新建一個(gè)PS空白文件；
２.圖像菜單---->模式---->索引顏色，打開如下面板
?。?在調(diào)板里選擇“自定”，打開顏色表
顏色的分配。第一個(gè)格我們留做透明色用，點(diǎn)一下，選擇一種我們不用的顏色，確定。鼠標(biāo)拖拽，同時(shí)選中2至8格，彈出拾色器窗口，選擇黑色，確定；又彈出拾色器窗口，選擇白色，確定。（這里有點(diǎn)奇怪，如果不注意看文字的時(shí)候，會(huì)以后軟件出錯(cuò)了，怎么確定了又會(huì)彈出拾色器，我第一次用時(shí)就是這樣的感覺，嘿嘿?。㎡K，看一下，這7個(gè)格內(nèi)的顏色已經(jīng)被平均分配了，當(dāng)然，如果感覺灰階的顏色不滿意，也可以手工一個(gè)一個(gè)去調(diào)。后面的藍(lán)色過渡也使用同樣的方法選擇。
這里有一點(diǎn)要說明的是：當(dāng)我們?cè)谧鲱伾倪x擇時(shí)，要盡量用拾色器橫坐標(biāo)頂端和縱坐標(biāo)右端的顏色值，看下圖我用黑色框框標(biāo)出來的，經(jīng)過的我的實(shí)驗(yàn)得出，只有這有這樣二點(diǎn)選出的顏色才會(huì)均勻的分配在色盤上，如果要從１過渡到３,中間一定要有一個(gè)２來定位顏色，不然顏色就會(huì)亂，這一點(diǎn)大家可以自己做實(shí)踐，當(dāng)時(shí)如果有更好的方式，我也希望請(qǐng)教一下大家。
`
差不多了，存儲(chǔ)一下我們?cè)O(shè)計(jì)的顏色表吧，下次用的時(shí)候，載入就可以了。
?。希耍P搞定了，把我們剛才存的顏色表加到色板，以方便我們使用，然后可以開始設(shè)計(jì)界面元素，設(shè)計(jì)方面的好像沒有什么過多要講的，這個(gè)主要看各人的創(chuàng)意，設(shè)計(jì)這方面的界面，學(xué)習(xí)一點(diǎn)像素畫的基礎(chǔ)會(huì)好一些?？匆粋€(gè)我的例子吧，音量的選中條：
縮小看，還不錯(cuò)吧？
最開始做的時(shí)候，可以不用索引，直接在ＰＳ里分圖層畫，盡量吸色盤上的顏色畫，存原稿，然后復(fù)制一份出來，圖像菜單--->模式--->索引顏色，選好做的顏色表，做完這一切，記得檢查一遍，看一下有沒有異常，比如露點(diǎn)的現(xiàn)像，方法是：圖像菜單--->模式--->顏色表，按著Ａlt鍵同時(shí)點(diǎn)透明色，可以把透明色透掉，放大檢查一遍，有的話，在色盤上找相近的顏色補(bǔ)上。
一切做完了，記得存儲(chǔ)噢，根據(jù)需求存就可以了，最常用的是bmp格式。
