?剛開始自學(xué)UI，想著畫各種圖標(biāo)，各種界面，但是，開始連基礎(chǔ)的線性圖標(biāo)都畫不好，大小參差不齊，線條有問題，曲線像素錯(cuò)誤。經(jīng)過一堂深刻的自學(xué)課程，終于明白如何畫好系統(tǒng)圖標(biāo)，線性和面性圖標(biāo)。另外感謝王鐸老師經(jīng)典課程。
?下面我來拋磚引玉，自己將一點(diǎn)心得展示。
?首先，做好UI圖標(biāo)規(guī)范，有48.32.24三種等級圖標(biāo)，我以48乘以48像素為例。給每個(gè)圖標(biāo)背景做三種規(guī)范，48，44，40三個(gè)矩形框。試想一下，要讓圖標(biāo)大小統(tǒng)一，應(yīng)該是保證圖標(biāo)的實(shí)體面積基本上一致才能統(tǒng)一。
圖片發(fā)自簡書App
?圓形用48*48，方形44*44，長方形用40*48，這樣，從視覺效果上能達(dá)到基本統(tǒng)一。
?下面，新建文件，記得在首選項(xiàng)和路徑項(xiàng)都要選上像素對齊。描邊繪制要統(tǒng)一用外描邊，圓頭，拐角圓，保證風(fēng)格一致。我采用外輪廓用2像素，內(nèi)結(jié)構(gòu)用1像素。下圖設(shè)置：
圖片發(fā)自簡書App
圖片發(fā)自簡書App
? 繪制圖標(biāo)時(shí)候，靈活作用鋼筆，錨點(diǎn)移動，像素對齊?？隙艿眯膽?yīng)手。下面是我做得一些，個(gè)人感覺后面的還是會有些大小不合適，需要再改進(jìn)。
圖片發(fā)自簡書App
圖片發(fā)自簡書App
圖片發(fā)自簡書App
圖片發(fā)自簡書App
謝謝。有不好的多提意見，大家一起交流學(xué)習(xí)，一起進(jìn)步。
