1、關(guān)鍵節(jié)點繪制法
擬物化設(shè)計就是盡可能的繪制繁瑣細(xì)節(jié),追求豐富和相似度。而剪影圖標(biāo)則是相反,以簡練為繪制手段。但是細(xì)節(jié)就沒有嗎,不是的,而是更加謹(jǐn)慎認(rèn)真的注重每一筆,且越來越優(yōu)雅。這里舉例剪影圖標(biāo)繪制方法技巧,3步驟可以搞定,看似又簡單又難,簡單的是只是繪制參照物輪廓,保留基礎(chǔ)識別性,步驟很少;難的是這調(diào)整的過程與產(chǎn)品環(huán)境的融合性,易用性,還有你自己的創(chuàng)意想法。說簡單點就是去繁擇簡并經(jīng)過思考改造過的設(shè)計過程。而最基本的最需要犀利眼神抓準(zhǔn)的是造型的關(guān)鍵節(jié)點,雛形出來后再根據(jù)想法調(diào)整。
通常在繪制已有參照物的基礎(chǔ)上去設(shè)計一個圖標(biāo),可以根據(jù)你喜歡的造型參照物去進(jìn)行分析,先抓取到參照物的關(guān)鍵節(jié)點,幾何繪制出來一個相似的基本圖形。
基礎(chǔ)雛形出來后就開始加入自己的想法調(diào)整線鋒,線條走向決定造型。這個時候就得要調(diào)多幾個版本了。設(shè)計師的處女座精細(xì)和糾結(jié)情結(jié)就在這里灑汗了,不斷調(diào)整對比,挑選出一個最優(yōu)再進(jìn)行下一步。
最后一步的塑形,就是畫龍點睛!造型的特點就在這一步去完成。
對于新老設(shè)計師來說,這樣的方法都是比較可取好用的,交互設(shè)計師也可以這樣快速入門哦親!尤其是第一步驟,能否非常快速的出雛形。下面是其他案例的設(shè)計方法欣賞,跟我上面總結(jié)的一樣道理。
2、精致的基礎(chǔ)要素
精致即精細(xì)極致。看似簡單的圖標(biāo)其實并不是隨便了事,但知道了這些基本要素你就可以完成一個合格的圖標(biāo)了。好的圖標(biāo)是謹(jǐn)慎認(rèn)真的注重每一筆每一像素每一矢量錨點的,盡可能的往精美優(yōu)雅的方向努力吧騷年~
需要鍛煉厲害的眼睛,使出你的火眼金星捕捉每個像素之差,像素滿格才能清晰的呈現(xiàn),細(xì)分出來通常會遇到以下3種情況,這也是最影響圖標(biāo)基本質(zhì)量的問題點。
1)輪廓發(fā)虛
圖標(biāo)一定要用矢量繪制,但是新手很容易犯的第一個錯誤就是圖標(biāo)模糊的問題,也不清楚為何會這樣。其實就是矢量邊緣模糊產(chǎn)生的問題,也是個人繪制的不良習(xí)慣造成。避免這個問題,必須在100%畫布上繪制圖形,而且不能直接推動圖標(biāo)放大縮小,即使這樣改變大小了也要放大畫布調(diào)整路徑的錨點,反復(fù)查看及校正是否對齊1px網(wǎng)格,而不是0.1~0.9px,正是不滿1px格才會生產(chǎn)虛線。而圓形的繪制保證十字架4個邊緣點對準(zhǔn)就可以了。
2)斜形發(fā)虛
斜線也是會有模糊與精致之分的,不仔細(xì)對比其實是比較難看到問題,可能很多人都會碰到圖形進(jìn)行傾斜效果時是有鋸齒的,那就是角度的處理問題了,自己進(jìn)行多角度對比下試試,會發(fā)現(xiàn)哪一個角度最清晰。也可以將圖層進(jìn)行雙層疊加,會非常犀利哦~
3)像素不夠或多余
看下來都是像素發(fā)虛與清晰的原因都是一樣的,下面這個例子是箭頭在小尺寸情況下可點陣矢量像素繪制,如果是大尺寸(如上面最大的箭頭示例)可以直接鋼筆繪制。
總結(jié)一下上面的處理方法,堅持最少發(fā)虛原則:
圖形內(nèi)部結(jié)構(gòu)要注意元素構(gòu)成之間的比例,有黃金比例分割也有感性的平衡方法。嚴(yán)謹(jǐn)?shù)膱D標(biāo)比例可參照蘋果IOS圖標(biāo)規(guī)范案例,打好內(nèi)部統(tǒng)一結(jié)構(gòu)線進(jìn)行圖形繪制和比例分配。
如果頭眼昏花嫌麻煩,也可靠經(jīng)驗感覺快速完成一個具有平衡感的圖標(biāo)。
同一個尺寸規(guī)格,但根據(jù)不同形狀的圖標(biāo),會導(dǎo)致面積占比引起的視差大小不同,但要在參考尺寸范圍內(nèi)繪制進(jìn)行調(diào)整。以下圖標(biāo)示例都是撐滿方框邊緣繪制,按道理這好像是準(zhǔn)確的,但由于人的肉眼會有視差問題,所以做的設(shè)計就要暫時拋開科學(xué),以人的真實情況去判斷再調(diào)整。
上一篇:區(qū)塊鏈企業(yè)品牌LOGO設(shè)計