提交需求
賽事與廣告咨詢合作,請(qǐng)?zhí)顚懶枨蟊韱?,我們?huì)在第一時(shí)間與您聯(lián)系!
前段時(shí)間組織了一次關(guān)于 UI 圖標(biāo)設(shè)計(jì)打卡活動(dòng),根據(jù)大家提交的圖標(biāo)作品中,發(fā)現(xiàn)了一些關(guān)于圖標(biāo)包裝的問(wèn)題。除了圖標(biāo)本身的質(zhì)量把控以外,圖標(biāo)的包裝效果也是至關(guān)重要的。為了提高大家對(duì)圖標(biāo)作品的包裝能力,特意為大家總結(jié)了一些圖標(biāo)包裝的技巧,希望可以帶給大家一些幫助!
目錄
1. 簡(jiǎn)單圖標(biāo)避免獨(dú)立展示
2. 讓圖標(biāo)數(shù)量剛剛好
3. 相互間距以圖標(biāo)大小計(jì)算
4. 適當(dāng)增加包裝留白
5. 給圖標(biāo)添加固定造型背景
6. 添加文案作為包裝裝飾
7. 避免過(guò)度復(fù)雜的背景
8. 圖標(biāo)配色與背景色形成對(duì)比
9. 隱藏設(shè)計(jì)參考線
10. 名稱文案易小不易大
11. 線性圖標(biāo)避免縮放
12. 控制圖標(biāo)顏色效果更佳
1. 簡(jiǎn)單圖標(biāo)避免獨(dú)立展示
針對(duì)特別簡(jiǎn)單的線性圖標(biāo)或者面性圖標(biāo),盡量多設(shè)計(jì)幾個(gè)形成組合,不適合單個(gè)圖標(biāo)作為作品展示。一些比較復(fù)雜的質(zhì)感圖標(biāo)可以單個(gè)展示,但是不建議放得太大,容易暴露圖標(biāo)設(shè)計(jì)中的缺點(diǎn),適當(dāng)增加留白可以讓作品顯得更精致。
2. 讓圖標(biāo)數(shù)量剛剛好
完成一組圖標(biāo)之后,展示的時(shí)候可以根據(jù)宮格的方式去計(jì)算,盡量滿足宮格的布局,讓圖標(biāo)展示數(shù)量剛剛好。
3. 相互間距以圖標(biāo)大小計(jì)算
展示系列圖標(biāo)時(shí)不要顯得擁擠,相互之間的間距要適當(dāng)加大。圖標(biāo)之間的最小間距大于等于圖標(biāo)大小值,這樣作品包裝效果會(huì)更舒適通透。
4. 適當(dāng)增加包裝留白
圖標(biāo)展示時(shí)不要完全擠滿整個(gè)畫布,四周預(yù)留更多的留白可以使得作品展示效果更加通透。
5. 給圖標(biāo)添加固定造型背景
圖標(biāo)展示可以直接在單色背景上面呈現(xiàn),如果圖標(biāo)比較簡(jiǎn)單且展示效果顯得空曠時(shí),可以考慮給圖標(biāo)添加固定造型背景,不僅可以豐富包裝效果,也能避免圖標(biāo)單調(diào)的情況。
6. 添加文案作為包裝裝飾
除了僅展示圖標(biāo)以外,想要增加作品包裝效果,可以通過(guò)添加文字作為包裝裝飾。
7. 避免過(guò)度復(fù)雜的背景
圖標(biāo)作品包裝更適合在單色背景展示,可以適當(dāng)豐富背景效果,但是需要避免過(guò)度復(fù)雜的背景效果,過(guò)度的背景會(huì)干擾圖標(biāo)本身。
8. 圖標(biāo)配色與背景色形成對(duì)比
圖標(biāo)展示背景如果選擇深色時(shí),需要注意背景色與圖標(biāo)配色形成對(duì)比,不要過(guò)度融合。
9. 隱藏設(shè)計(jì)參考線
圖標(biāo)規(guī)范或者參考線作為圖標(biāo)設(shè)計(jì)的參考,展示圖標(biāo)作品的時(shí)候不需要顯示,觀察系列圖標(biāo)視覺(jué)平衡度時(shí)也要隱藏規(guī)范或者參考線。
10. 名稱文案易小不易大
文字可以作為圖標(biāo)包裝的點(diǎn)綴,但是不要太大,文字小一點(diǎn)顯得更精致一些。
11. 線性圖標(biāo)避免縮放
設(shè)計(jì)圖標(biāo)時(shí)就定好大小規(guī)范,線性圖標(biāo)不要放大了畫再縮小,如果不確定包裝大小,就先用色塊作為占位符。定好圖標(biāo)大小規(guī)范之后再繪制,縮放會(huì)使得圖標(biāo)粗細(xì)存在誤差,也會(huì)導(dǎo)致結(jié)構(gòu)錯(cuò)位。
12. 控制圖標(biāo)顏色效果更佳
圖標(biāo)配色也是非常重要的,如果顏色控制不好就做減法,采用主色與輔助色搭配,就不會(huì)出現(xiàn)顏色過(guò)多而顯得花俏。
小結(jié)
作品包裝是為了提高作品質(zhì)量,帶給讀者更好的感官體驗(yàn),就算是圖標(biāo)的展示也需要加強(qiáng)包裝效果。希望本期的總結(jié)可以讓大家對(duì)于圖標(biāo)的包裝能夠更加注重,從每一個(gè)細(xì)節(jié)入手,帶給別人更好的印象。
作者:黑馬青年(vx: heimaui)
本文由 @黑馬青年 原創(chuàng)發(fā)布。未經(jīng)許可,禁止轉(zhuǎn)載。
Powered by Froala Editor
微信公眾號(hào):我是黑馬青年
密碼登錄
大牛,別默默的看了,快登錄幫我點(diǎn)評(píng)一下吧!:)
登錄 立即注冊(cè)