從表達形式上來講,圖標分為像素圖標、擬物化圖標、扁平化圖標、線性圖標和立體圖標。無論是什麼類型的圖標,其表現方式一定要遵循統一性和識別性。圖標的常規製作思路是先以功能信息提煉出圖形語言,然後對細節進行刻畫。
今天米醋就來跟大家說一下圖標中的像素圖標。
像素圖標是一種以像素為基本單位製作的插圖(屬於位圖),也可以稱為「像素畫」。在生活中隨處都可以見由點陣式小燈組成的螢光屏,如圖所示。這種螢光牌具有一個非常明顯的特徵,就是輪廓非常清晰,像素圖標的原理其實和這個點陣螢光屏是相同的。
螢光屏
以前像素化圖標主要運用在網頁設計中,現在更多的運用在一些智能設備上,例如手錶、電子硬體等。像素圖標的設計比較簡約,易讀性也比較高,所以很多時候會用來代替複雜的圖形元素或信息,如圖所示。在製作像素圖標的時候需要注意的是像素的清晰度。
像素圖標
案例分析
這裡介紹一下使用Photoshop繪製像素圓和像素直線的方法。像素主要使用「鉛筆工具」來繪製,當然還會用到一些其他的輔助工具,如圖所示。
繪製像素圖標要用到的工具
新建一個20像素×20像素的畫布,將「解析度」設置為72像素/英寸,如圖所示。先將畫布的顯示比例放大到1000%,然後將「鉛筆工具」的筆尖設置為方形筆尖、筆尖的「大小」設置為1像素、「不透明度」設置為100%。
新建畫布
設置好「鉛筆工具」的基本參數以後,就可以正式繪製像素。見圖,左圖演示了標準圓的像素繪製方法,右圖演示了非標準圓的像素繪製方法。
標準圓與非標準圓
在繪製的時候一定要注意點陣之間的關係,畫標準圓的時候要用1-2-3的像素節奏來形成圓弧,如圖所示。
標準圓的繪製方法
除了圓形以外,不同角度的直線也有不同的繪製規律,如圖所示。
直線的繪製方法
明天米醋將給大家繼續分享圖標中的
擬物化圖標、扁平化圖標、
線性圖標和立體圖標。
我們明天不見不散!