Home ? 分享 ? icon設(shè)計(jì)中的10大要點(diǎn)

icon設(shè)計(jì)中的10大要點(diǎn)

設(shè)計(jì)分享

將對(duì)象的“標(biāo)志性”特征轉(zhuǎn)換成具有隱喻意義并且可以立即識(shí)別的事物絕非易事-尤其是當(dāng)設(shè)計(jì)需要在48×48像素下與256×256像素一樣有效的情況下!

一個(gè)令人難忘的實(shí)用圖標(biāo)是美麗,標(biāo)志性,有意義和實(shí)用的。這是有關(guān)如何創(chuàng)建出色圖標(biāo)的十個(gè)明智技巧。

1.捕獲對(duì)象的特征

圖標(biāo)設(shè)計(jì)最重要的方面之一是創(chuàng)建可立即識(shí)別的圖標(biāo)。無論是代表一只藍(lán)色的青蛙還是一盒鉛筆,它刻畫的內(nèi)容都必須一目了然,否則圖標(biāo)的目的就被打敗了。當(dāng)然,圖標(biāo)必須是它所代表的隱喻的“標(biāo)志性”。

有時(shí),最好選擇一種更復(fù)雜的對(duì)象形式,因?yàn)楣蚕磉@些獨(dú)特特征的其他項(xiàng)目較少,這使得您要描繪的特定對(duì)象更易于識(shí)別。除了鉛筆(筆,記號(hào)筆,指甲)外,還有很多尖的圓柱狀物體,在較小的尺寸下可能無法區(qū)分,但是只有一支鉛筆具有棱柱形的主體,并帶有由亮白色金屬環(huán)連接的橡皮擦。它變成“標(biāo)志性的”。

2.保持圖標(biāo)簡單,通用,以適應(yīng)各種項(xiàng)目

對(duì)于圖標(biāo)創(chuàng)作者DryIcons而言,其設(shè)計(jì)過程中的一個(gè)關(guān)鍵價(jià)值是使圖標(biāo)保持相對(duì)簡單和基本的樣式,而不是追求確定的樣式。一旦以完整包裝的形式出售給軟件開發(fā)人員,這將使圖標(biāo)在許多項(xiàng)目中的通用性和實(shí)用性大大提高。如果您的圖標(biāo)在更廣泛的設(shè)置下看起來像家,則其潛在市場會(huì)更大。

3.使用一致的光源

在為包裝設(shè)計(jì)多個(gè)圖標(biāo)時(shí),一個(gè)特別有用的技巧是不僅要在樣式上而且還要在光源等細(xì)節(jié)上提供它們之間的一致性。盡管通常是第二種想法,但包裝中一個(gè)圖標(biāo)的任何不匹配都會(huì)嚴(yán)重影響圖標(biāo)的整體質(zhì)量。

在Windows Vista圖標(biāo)的概述中,請(qǐng)注意光源在操作系統(tǒng)之間的變化方式,但與每組中的所有圖標(biāo)一致。

4.以矢量格式創(chuàng)建圖標(biāo)

圖標(biāo)通常需要以各種尺寸使用,因此這是一個(gè)很好的機(jī)會(huì),可以充分利用矢量圖形的可縮放性,以創(chuàng)建可用于多種目的的美觀設(shè)計(jì)。

而且,借助Adobe Illustrator等矢量軟件包,可以在任意點(diǎn)調(diào)整和更改構(gòu)成圖標(biāo)的每個(gè)形狀,漸變和筆觸,這與基于像素的設(shè)計(jì)需要在更改時(shí)重新繪制不同。

5.不要?jiǎng)?chuàng)建矢量格式的圖標(biāo)

相反,矢量圖形并不總是圖標(biāo)設(shè)計(jì)人員的最佳方法。由于許多圖標(biāo)需要很小的比例尺,因此矢量圖形在柵格化時(shí)通常無法重現(xiàn)清晰的渲染。在這些情況下,以許多指定的大小完全重繪圖標(biāo)可提供最佳效果。

6.當(dāng)心文化差異

類似于第一點(diǎn),提到要捕捉對(duì)象的“標(biāo)志性”特征至關(guān)重要,同樣重要的是要記住,在識(shí)別日常物品時(shí)可能存在巨大的文化差異。

Turbomilk在有用的“圖標(biāo)設(shè)計(jì)中的10個(gè)錯(cuò)誤”綜述中以郵箱為例對(duì)此進(jìn)行了討論。在一個(gè)國家/地區(qū)中公認(rèn)的郵箱形狀和顏色可能對(duì)另一個(gè)國家完全不對(duì)。

7.使用非常規(guī)的顏色組合

如果將圖標(biāo)創(chuàng)建為以圓形呈現(xiàn)的平淡無奇的圖形,則很可能會(huì)忽略它。使用強(qiáng)烈的色彩和有趣的形狀來增強(qiáng)對(duì)象,將有助于圖標(biāo)脫穎而出。請(qǐng)記住,圖標(biāo)很少會(huì)在單色背景上顯示-在大多數(shù)情況下,它們后面會(huì)發(fā)生很多事情,因此需要脫穎而出。還可以考慮使用光澤度和陰影來創(chuàng)建更動(dòng)態(tài)的最終效果。

8.設(shè)計(jì)適用于大尺寸和小尺寸的圖標(biāo)

已經(jīng)提到過,圖標(biāo)設(shè)計(jì)師需要在其圖標(biāo)創(chuàng)作中容納小比例尺。但是,隨著技術(shù)的不斷發(fā)展,設(shè)計(jì)人員還應(yīng)該考慮使用比標(biāo)準(zhǔn)大得多的圖標(biāo)。Windows Vista中就是一個(gè)例子,其中圖標(biāo)可以放大到256px高!

9.仔細(xì)計(jì)劃您的設(shè)計(jì)過程

草繪是設(shè)計(jì)任何方面的常見過程,并且一直延續(xù)到圖標(biāo)設(shè)計(jì)中。在紙上充實(shí)各種想法確實(shí)有助于開發(fā)出符合其目的要求的簡潔產(chǎn)品。因?yàn)閳D標(biāo)設(shè)計(jì)必須符合一組定義的比例和尺寸,同時(shí)仍然是“標(biāo)志性的”并且可以立即識(shí)別,所以進(jìn)行前期規(guī)劃非常重要。

10.為圖標(biāo)生成一個(gè)有趣但清晰的隱喻

圖標(biāo)的工作是以圖形符號(hào)的形式表示動(dòng)作或想法。因此,隱喻在立即將動(dòng)作或想法翻譯給用戶方面起著至關(guān)重要的作用。在為Macinstruct調(diào)試一組新的圖標(biāo)設(shè)計(jì)時(shí),團(tuán)隊(duì)考慮了一系列隱喻來代表其在線教程的難度

上海嘉遜企業(yè)品牌價(jià)值營銷專家