昆山網絡公司—5個圖標設計實戰方法
2017-01-17 09:26:47
欄目:網站建設
圖標設計是界面設計最緊張的組成部分之一,作為UI視覺設計師,這項技能已經是我們必須要掌握的基本技能,那圖標設計要遵循什么樣的原則呢?
“識別性”、“吻合舉動風俗”、“原創性”、“易用性”···
上面這些原則都是大的標準,在圖標設計的時候起到了引導性的意義,但是這些規則其實都被大家說爛了,假如你對上面這幾點還不太了解,可以自行百度一下,這里我就不多說了,我要分享的是能夠幫助你提拔專業度的一些實戰經驗,假如你所做的圖標能做到以下這幾點,那么恭喜你,你及格了!
照舊先來看下大綱:
像素對齊
多用布爾運算
獨特的風格
視覺大小的同一
2017年圖標的流行趨勢展望
1. 像素對齊
我記得在小公司的時候,我負責整個app的交互設計與視覺設計,設計團隊只有兩小我,有什么題目都沒人可以請教樓頂大字制作,當時疑心我最大的一個題目就是:為什么我做的圖標總是發虛的呢?直到來了大公司和前輩們學習之后,才知道原來是由于像素沒有對齊。
2. 多用布爾運算
在做圖標的時候,能用基本圖形進行布爾運算的時候,盡量不要使用鋼筆,如許做的益處有如下幾點:
讓你的圖標更加規范
對圖形結構理解更加深刻
后期更改外形更加方便
3. 獨特的風格
作為專業視覺設計師的你,在時間足夠的情況下,萬萬不要去網上下幾個圖標直接拿來用,你會上癮的昆山人事考試網首頁,并且也會被一些行內人進行批判,由于他們很容易就能看出來你做的圖標是直接在網上下載的。
其實方法還有許多,大家可以多多嘗試與創新。
在這里值得一提就是,我們在做線性圖標時,肯定要保證描邊粗細雷同、圓角雷同,假如這些基礎的規則都沒有遵循,那也就談不優勢格的同一、創新了。
4. 視覺大小同一
同樣都是44x44px尺寸的外形,方形就會比圓形看著大一些,雖然我們同一了物理尺寸,但是在視覺大小上沒有進行同一。
在進行圖標設計的時候,我們會使用柵格輔助線來幫助我們更加嚴酷鄭重,但肯定不要被輔助線困住,學會天真運用,保持視覺上的大小同一。
這個方法詳細可參見優設之前的文章:《高階技巧!聊聊LOGO 設計中的視覺矯正法》
設計圖標的時候也是一樣,不僅僅是圖標的大小,包括元素與元素的距離、正形與負形的比例都是我們必要考慮的內容,假如有哪些內容本身還不太清楚,那就必要行使業余的時間去好好增補一下體系知識了。
5. 2017年圖標的流行趨勢展望
觀察了許多App的改版,發現功能性圖標的轉變趨勢在某種程度上有肯定的共性可尋,在這里我來分享兩個本身的展望:
1. 行使局部顏色差異來突顯圖標風格
這種風格一向出如今dribbble網站上的概念圖標,如今也慢慢的在移動app上面使用起來,假如如今你正在探求圖標風格,這個方向不妨一試。
2. 閱讀類App圖標的無色化
底部導航圖標的無色化風格,在閱讀類App開始慢慢流行起來,這種情況也可以理解,是為了讓用戶更好的聚焦閱讀內容,優化閱讀體驗。
但不知道以后其它類型的App圖標會不會也走這個風格路線呢?
掃二維碼與項目經理溝通
我們在微信上24小時期待你的聲音
解答本文疑問/技術咨詢/運營咨詢/技術建議/互聯網交流
轉載請注明出處:昆山網站制作公司網站標題優化的幾點注意事項 - 益眾網絡