firework教程(fireworking教程)

其實圖標創意階段前還有一個重要的步驟創意準備。根據設計師所要做的項目需求，確定ICON圖標的風格樣式，這一步驟在界面設計過程中，可用圖標風格評測的方法來確定所繪制的圖標是什么樣的風格路線，這也是項目前期對用戶研究的內容，有潛力的公司會制訂“用戶角色”，用來指導界面視覺風格方向、界面內容建構和交互設計等。

當設計師從客戶那里接到設計任務后，應怎樣開始設計圖標呢？首先要看懂界面的需求，并對每個功能圖標的定義要非常清楚，否則設計的結果將導致用戶難以理解，這個也是圖標設計所關心的可用性問題。較差的圖標設計最終會帶來用戶對界面的操作失敗的體驗結果。

但視覺審美和可用性有時候存在著矛盾，設計師們不能走極端，只顧及可用性而忽視設計美觀的一面，也不能太追求設計上美的需求而忽略了這是一個功能性很強的界面圖標，最好是能在這兩者之間取得平衡。

理解功能需求后，設計師要收集很多關于“關鍵詞語 聯想圖形”之間能轉化的元素，用生活中的物或其他視覺產品來代替所要表達的功能信息或操作提示。例如音樂，我們會想到音符、光盤、音樂播放機、耳機等。但到底選擇什么來表達呢？原則上是越貼近用戶的心理模型最好，用大家常見的視覺元素來表達所要傳達的信息。

隱喻在圖標設計中是必要的思維方法。找出物與所指之間的內在含義，這就要求設計師對生活的細微觀察、豐富的聯想能力。當然這也是設計的困難點，做好一個圖標設計不亞于好的產品創意設計，包括最終的圖標制作也是體現設計師能力之處，特別是現在高分辨率顯示設備的大量應用，好的界面要得到用戶的認可，高質量的圖標設計必不可少。

草圖繪制階段就是將設計師的創意繪制出來，檢驗視覺關系，也就是在視覺方面多在草圖上推敲，以提高效率，避免在渲染完成后再來修改而造成不必要的浪費。首先要確定圖標透視，即關系到一套方案中的每個圖標的透視方向，這是在圖標設計一致性方面的基本要求，透視統一。然后一步步地進行細節添加。

一個圖標要表達一定的含義就往往須組合不同的形態，借助單個形態所傳達的內在信息，拼合在一起去傳達另外一種信息。例如：在設計“導航”功能圖標時，設計師第一反應是與衛星有關，但就以單個衛星的外形來傳達導航的含義恐怕不夠，于是再聯想與導航有關的信息圖示，如“坐標”“旗幟”“陸地”等。再經過設計師以視覺平衡原理合理地布置它們之間的主次、空間關系。

需要注意的是：不可隨便使用其與要表達功能相關的圖形或物體，要經過精心的挑選，最好是大家熟悉、易記的物或形，畢竟目的是要幫助用戶更形象地理解計算機程序的內在功能含義，以易記、易懂為前提。也不能借助過多的圖形來表達圖標含義，因為過于復雜反而影響用戶的理解。

在前面的流程完成后，設計師設計的草圖已經很清楚地表達了自己的想法，并且也能與功能信息密切地吻合，那就需要使用Photoshop、Illustrator、Firework等軟件進行繪制，這要看個人的習慣，以及對軟件的熟悉程度，都是可以完成圖標制作的。

零基礎自學CDR AI PS ID視頻教程

終身VIP資源更新！UI圖標設計基礎（視頻教程）