亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

你是否面臨過，一個(gè)系統(tǒng)的交互圖標(biāo)是否不成體系；

你是否面臨過，領(lǐng)導(dǎo)在你旁邊說你的圖標(biāo)不規(guī)范；

你是否面臨過，一天只畫出一個(gè)圖標(biāo)；

請看！如何自定義圖標(biāo)（設(shè)計(jì)規(guī)范）掌握六大技巧，讓設(shè)計(jì)有腔調(diào)！

目錄：

01  |  基礎(chǔ)

02  |  樣式

03  |  粗細(xì)

04  |  透視

05  |  圓角

06  |  角度

01  |  基礎(chǔ)

正方形網(wǎng)格是所有IBM圖標(biāo)的基礎(chǔ)結(jié)構(gòu)，并用作確定整個(gè)圖標(biāo)集的線寬、比例、形狀和定位的基礎(chǔ)。網(wǎng)格有助于指導(dǎo)設(shè)計(jì)決策，確保圖標(biāo)的統(tǒng)一性，但更重要的是允許靈活地創(chuàng)建適當(dāng)?shù)膱D形，以傳達(dá)正確的寓意。


基礎(chǔ)網(wǎng)格

IBM圖標(biāo)繪制是基于像素32px x 32px的網(wǎng)格上，并按比例線性縮小到不同的大小。使用網(wǎng)格作為基本準(zhǔn)則，可以將圖標(biāo)固定位置。我們建議你在處理過程中進(jìn)行微調(diào)，來實(shí)現(xiàn)圖標(biāo)設(shè)計(jì)中的形狀細(xì)節(jié)。（見下文）。


填充

網(wǎng)格包含2px填充。這樣可以確保圖標(biāo)在導(dǎo)出時(shí)保留其所需的比例和周圍的空白。通過留白或內(nèi)呼吸感來保證圖標(biāo)的視覺平衡。（見下文）。



形狀規(guī)范

圖標(biāo)抽象出來的基本形狀來保證比例大小的一致性。這讓圖標(biāo)視覺平衡相對容易，有助于圖標(biāo)找到相似點(diǎn)并建立關(guān)系。

 

02  |  樣式

IBM圖標(biāo)的風(fēng)格與我們的字體IBM Plex形成了有意義的結(jié)合。每個(gè)圖標(biāo)都是有意設(shè)計(jì)的，通過字體中發(fā)現(xiàn)的獨(dú)特細(xì)節(jié)和特點(diǎn)來和諧配對。下圖演示了圖標(biāo)和字母之間的一些關(guān)系，使它們能夠在視覺上很好地融為一體。
 

03  |  粗細(xì)

一個(gè)圖標(biāo)看起來不應(yīng)該比其他相同大小的圖標(biāo)更重或更輕。通過對所有圖標(biāo)使用2px粗細(xì)來保持視覺平衡。當(dāng)然也有例外，當(dāng)圖標(biāo)很復(fù)雜或線條很密集時(shí)（見下文）。



 

04  |  透視

IBM圖標(biāo)是設(shè)計(jì)好的，可以隨時(shí)使用，但是你想創(chuàng)建一個(gè)新圖標(biāo)到圖標(biāo)庫里，請確保的圖標(biāo)透視一致，可以選擇正面或側(cè)面。

 

05  |  圓角

對于圓角圖標(biāo)可以使用2px的統(tǒng)一半徑，必要時(shí)可以以2px的倍數(shù)比如4px、6px來定義圖標(biāo)圓角。也可使用其他圓角半徑來繪制圖標(biāo)。





 

06  |  角度

 
盡可能使用45°角進(jìn)行抗鋸齒，或者使用15°倍數(shù)的角度來繪制你的圖標(biāo)角度。也可以通過使角度始終保持相同的增量來保持圖標(biāo)的統(tǒng)一。



 

總結(jié)
IBM的圖標(biāo)設(shè)計(jì)規(guī)范從基本網(wǎng)格、樣式、粗細(xì)、圓角、角度全方位的去定義圖標(biāo)的繪制方法，讓我們以一種更科學(xué)更合理的去繪制圖標(biāo)。非常值得推薦和學(xué)習(xí)。

以上來自轉(zhuǎn)載。