設計師必備的圖標設計設計技法要點

在這APP盛行的時代,圖標是必不可少的。昨天我們分享了《剪影的正負形雲上傳圖標設計

》,今天logofree君再分享圖標設計設計技法要點,讓你在圖標設計上更上一層樓。

1、關鍵節點繪製法

擬物化設計就是儘可能的繪製繁瑣細節,追求豐富和相似度。而剪影圖標則是相反,以簡練為繪製手段。但是細節就沒有嗎,不是的,而是更加謹慎認真的注重每一筆,且越來越優雅。這裡舉例剪影圖標繪製方法技巧,3步驟可以搞定,看似又簡單又難,簡單的是隻是繪製參照物輪廓,保留基礎識別性,步驟很少;難的是這調整的過程與產品環境的融合性,易用性,還有你自己的創意想法。說簡單點就是去繁擇簡併經過思考改造過的設計過程。而最基本的最需要犀利眼神抓準的是造型的關鍵節點,雛形出來後再根據想法調整。

l 提煉精華勾勒輪廓

通常在繪製已有參照物的基礎上去設計一個圖標,可以根據你喜歡的造型參照物去進行分析,先抓取到參照物的關鍵節點,幾何繪製出來一個相似的基本圖形。

l 調整線鋒優雅得體

基礎雛形出來後就開始加入自己的想法調整線鋒,線條走向決定造型。這個時候就得要調多幾個版本了。設計師的處女座精細和糾結情結就在這裡灑汗了,不斷調整對比,挑選出一個最優再進行下一步。

l 增特有細節出風格

最後一步的塑形,就是畫龍點睛!造型的特點就在這一步去完成。


設計師必備的圖標設計設計技法要點


對於新老設計師來說,這樣的方法都是比較可取好用的,交互設計師也可以這樣快速入門哦親!尤其是第一步驟,能否非常快速的出雛形。下面是其他案例的設計方法欣賞,跟我上面總結的一樣道理。


設計師必備的圖標設計設計技法要點


設計師必備的圖標設計設計技法要點


2、精緻的基礎要素

精緻即精細極致。看似簡單的圖標其實並不是隨便了事,但知道了這些基本要素你就可以完成一個合格的圖標了。好的圖標是謹慎認真的注重每一筆每一像素每一矢量錨點的,儘可能的往精美優雅的方向努力吧騷年~

l 犀利清晰

需要鍛鍊厲害的眼睛,使出你的火眼金星捕捉每個像素之差,像素滿格才能清晰的呈現,細分出來通常會遇到以下3種情況,這也是最影響圖標基本質量的問題點。

1)輪廓發虛

圖標一定要用矢量繪製,但是新手很容易犯的第一個錯誤就是圖標模糊的問題,也不清楚為何會這樣。其實就是矢量邊緣模糊產生的問題,也是個人繪製的不良習慣造成。避免這個問題,必須在100%畫布上繪製圖形,而且不能直接推動圖標放大縮小,即使這樣改變大小了也要放大畫布調整路徑的錨點,反覆查看及校正是否對齊1px網格,而不是0.1~0.9px,正是不滿1px格才會生產虛線。而圓形的繪製保證十字架4個邊緣點對準就可以了。


設計師必備的圖標設計設計技法要點


2)斜形發虛

斜線也是會有模糊與精緻之分的,不仔細對比其實是比較難看到問題,可能很多人都會碰到圖形進行傾斜效果時是有鋸齒的,那就是角度的處理問題了,自己進行多角度對比下試試,會發現哪一個角度最清晰。也可以將圖層進行雙層疊加,會非常犀利哦~


設計師必備的圖標設計設計技法要點


3)像素不夠或多餘

看下來都是像素髮虛與清晰的原因都是一樣的,下面這個例子是箭頭在小尺寸情況下可點陣矢量像素繪製,如果是大尺寸(如上面最大的箭頭示例)可以直接鋼筆繪製。


設計師必備的圖標設計設計技法要點


總結一下上面的處理方法,堅持最少發虛原則:


設計師必備的圖標設計設計技法要點


l 比例協調

圖形內部結構要注意元素構成之間的比例,有黃金比例分割也有感性的平衡方法。嚴謹的圖標比例可參照蘋果IOS圖標規範案例,打好內部統一結構線進行圖形繪製和比例分配。


設計師必備的圖標設計設計技法要點


如果頭眼昏花嫌麻煩,也可靠經驗感覺快速完成一個具有平衡感的圖標。


設計師必備的圖標設計設計技法要點


l 視差平衡

同一個尺寸規格,但根據不同形狀的圖標,會導致面積佔比引起的視差大小不同,但要在參考尺寸範圍內繪製進行調整。以下圖標示例都是撐滿方框邊緣繪製,按道理這好像是準確的,但由於人的肉眼會有視差問題,所以做的設計就要暫時拋開科學,以人的真實情況去判斷再調整。


設計師必備的圖標設計設計技法要點


圖標設計設計技法要點分享就到這裡,等你都掌握了這些圖標設計技法要點,你在為客戶定製LOGO圖標時,就不是什麼難事了,祝你好運。

轉載:http://www.logofree.cn/news/shejizhishixuexi/tbsjyd.html


分享到:


相關文章: