界面設(shè)計之圖標設(shè)計規(guī)范

圖標樣式應(yīng)該有趣 色彩豐富且充滿活力 因為現(xiàn)在的系統(tǒng)支持圖標是32位圖標 并且邊緣非常平滑 在矢量程序中繪制完每個圖標后 再用Ad obePhotoshop進行處理可使圖像更加完美 本規(guī)范是專為設(shè)計者編寫的 在創(chuàng)建圖像時 建議您與高水平的圖形設(shè)計者一起工作 尤其 是具有豐富的矢量和3D軟件經(jīng)驗的圖形設(shè)計者 圖標設(shè)計概述的目的是讓您熟悉WindowsXP的新樣式 為創(chuàng)建圖標做好準備 圖標樣式 特性 1 色彩豐富 是對WindowsXP外觀的補充 2 不同的角度和透視特性為圖像增添了動態(tài)活力 3 元素的邊角十分柔和 并略微有些圓滑 4 光源位于圖標的左上角 同時有環(huán)繞光照亮圖標的其它部分 5 漸變效果使圖標具有立體感 進而使圖標的外觀更 加豐滿 6 投影使圖標更具對比度和立體感 7 添加輪廓可使圖像更清晰 8 日常對象 如計算機和設(shè)備 具有更現(xiàn)代化的個人外 觀 圖標尺寸WindowsXP圖標有四種尺寸 建議使用以下四種尺寸 1 48 48像素 2 32 32像素 3 24 2 4像素 4 16 16像素圖標色彩深度支持WindowsXP支持32位圖標 32位圖標為24位圖像加上8位alpha通道 使圖標 邊緣非常平滑 且與背景相融合 每個WindowsXP圖標應(yīng)包含以下三種色彩深度 以支持不同的顯示器顯示設(shè)置 24位圖像加上8位alp ha通道 32位 8位圖像 256色 加上1位透明色4位圖像 16色 加上1位透明色調(diào)色板圖標中使用的主要顏色 對象的角度和 分組WindowsXP樣式圖標使用的透視網(wǎng)格 并非所有對象使用16 16的復(fù)雜圖像都能獲得較好效果 某些對象通常以直觀圖像顯示 文檔 圖標 符號圖標 如警告或信息圖標 單一對象圖標 如放大鏡 除非創(chuàng)建重疊輔助對象可以更清楚地表達圖標的含義 否則就可讀性和完整性而 言 還是應(yīng)使用直觀圖像 還應(yīng)考慮如何按組查看圖標 以便確定如何將對象分組 投影使用投影后 WindowsXP圖標將更清晰且更具立體 感 可在Photoshop中實現(xiàn)這種效果 本指南的后面部分將對此進行描述 若要為圖像添加投影 請在Photoshop中雙擊圖像的圖 層 并選擇DropShadow 然后將Angle更改為135 Distance更改為2 Size更改為2 此時投影為75 不透明 黑色 輪廓繪制XP樣式圖標時 為圖像添加輪廓可使之更清晰 并可保證圖像在不同背景色上都具有較好效果 概念設(shè)計圖標時 請考慮以下因 素 使用已有概念以確保真實表達了用戶的想法 考慮圖標在用戶界面環(huán)境中以何種形式出現(xiàn) 以及如何作為圖標集的一部分使用 考慮圖形的文化背 景 避免在圖標中使用字母 單詞 手或臉 必須用圖標表示人或用戶時 請盡可能使其大眾化 如果圖標中的圖像由多個對象組成 應(yīng)考慮如何使圖 像尺寸更小 建議在圖標中使用的對象不超過三個 對于16 16的尺寸大小 還可考慮刪除某些對象或簡化圖像使之更容易辨認 透明工具將 GifMovieGear GMG 打開一個對話框 其中顯示您的圖標 使用吸管工具單擊圖標的背景色 此顏色將更改為暗黃綠色 或在 GMG中選作透明背景色的顏色 重復(fù)所有4位和8位幀 若要保存圖標 請選擇File SaveIconAs 創(chuàng)建工具欄 Windows工具欄圖標除不使用投影之外 使用的樣式與其它圖標相同 由于工具欄圖標非常小 建議您使用簡單的圖像 如果以直觀方式顯示圖 像即可清晰地表達圖標的含義 則不必使用其它復(fù)雜方式 創(chuàng)建AVIWindowsXP使用8位AVI 創(chuàng)建 avi文件的過程與創(chuàng)建圖標的 過程相同 在Photoshop中準備圖像 然后將其拖動到GMG中 請按以下指導(dǎo)創(chuàng)建8位圖標 若要使用GMG保存AVI 請轉(zhuǎn)至Fil e ExportAs AVIfile 創(chuàng)建 avi文件時 請考