APP界面設(shè)計(jì)中,有很多icon需要繪制,比如:微信朋友圈的照相機(jī)icon等,這些icon都可以使用Sketch軟件來(lái)繪制。

1、打開(kāi)Mac電腦中的sketch軟件,界面如下:

2、在Sketch里面,按下快捷鍵R,即可選中矩形工具,開(kāi)始在畫(huà)布上拖動(dòng)繪制3個(gè)矩形,調(diào)整尺寸和位置,效果如下:

3、按下快捷鍵O,即可選中圓形工具,開(kāi)始繪制2個(gè)圓形。效果圖如下:

4、將Sketch里面的矩形和圓形,進(jìn)行布爾運(yùn)算,并且填充上白色和灰色。效果如下:

5、現(xiàn)在發(fā)現(xiàn)頂部的矩形,要是能改成梯形,這照相機(jī)就更完美了。所以,可以雙擊矩形的一個(gè)點(diǎn),開(kāi)始按下鍵盤(pán)上的水平方向鍵【←】,即可調(diào)整成直角梯形。效果如下 :

6、再把右邊的點(diǎn),也雙擊選中,調(diào)整位置。使得梯形變成,上邊短,下邊長(zhǎng)的等腰梯形。效果如下:

7、整個(gè)過(guò)程,我擺成一排。這樣看起來(lái),步驟更清晰,效果如下:從線框圖→到灰色填充圖→到微調(diào)仿真效果

8、這樣就完成了微信的照相機(jī)icon制作。效果如下: 左邊是我畫(huà)的線框圖,右邊是微信截圖。兩邊的照相機(jī)icon,簡(jiǎn)直一模一樣了。

注意事項(xiàng):
1、Sketch軟件,目前僅支持Mac電腦。
2、軟件只是工具,建議在畫(huà)icon之前,先用鉛筆在紙上勾畫(huà)出icon的大致效果,然后再用軟件去畫(huà)。
3、APP界面設(shè)計(jì),還涉及到切圖和尺寸標(biāo)注。因?yàn)殚_(kāi)發(fā)需要切圖和尺寸標(biāo)注來(lái)實(shí)現(xiàn)界面的效果。
相關(guān)推薦:
新聞熱點(diǎn)
疑難解答
圖片精選