在從事UI設(shè)計(jì)師這個(gè)崗位的時(shí)候,相信大家會(huì)經(jīng)常遇到關(guān)于產(chǎn)品設(shè)計(jì)的工作,尤其是APP圖標(biāo)這塊,在日常工作中,常見(jiàn)的圖標(biāo)風(fēng)格主要有漸變風(fēng)格、剪影風(fēng)格、長(zhǎng)投影風(fēng)格、卡通風(fēng)格、輕質(zhì)感風(fēng)格和擬物風(fēng)格6種。今天小編就為大家詳細(xì)的介紹一下UI培訓(xùn)教程分享:APP圖標(biāo)設(shè)計(jì)的6種風(fēng)格都有哪些?
UI培訓(xùn)教程分享:APP圖標(biāo)設(shè)計(jì)的6種風(fēng)格都有哪些?
一、擬物風(fēng)格
iOS7以前,擬物風(fēng)格都是U設(shè)計(jì)的主流,這類(lèi)圖標(biāo)的特點(diǎn)是通過(guò)細(xì)節(jié)和光影還原現(xiàn)實(shí)物品的造型和質(zhì)感,能給用戶(hù)極強(qiáng)的代入感,用戶(hù)可通過(guò)對(duì)現(xiàn)實(shí)事物的聯(lián)想,快速領(lǐng)會(huì)圖標(biāo)表達(dá)的意圖。
二、剪影風(fēng)格
特點(diǎn)是簡(jiǎn)約、概括,視覺(jué)識(shí)別度良好,設(shè)計(jì)感強(qiáng),常被用于功能型的APP圖標(biāo)中。剪影圖標(biāo)可分為線(xiàn)性和面性?xún)煞N,線(xiàn)性為未選中狀態(tài),面性為選中狀態(tài)。
三、長(zhǎng)投影風(fēng)格
通常會(huì)以純色作為圖標(biāo)主體背景,該風(fēng)格色彩對(duì)比度大,視覺(jué)沖擊力強(qiáng),通過(guò)長(zhǎng)投影突出主體,從而創(chuàng)造鮮明的層次感和空間感,常用于A(yíng)PP頁(yè)面中的分類(lèi)圖標(biāo)。
四、卡通風(fēng)格
特點(diǎn)是可愛(ài),富有親和力,設(shè)計(jì)簡(jiǎn)潔而精致,視覺(jué)效果突出,但風(fēng)格小眾,使用范圍比較局限,常用于女性或二次元APP中。
五、輕質(zhì)感風(fēng)格
層次簡(jiǎn)單,用色素雅干凈,采用輕投影、輕漸變的方法設(shè)計(jì)。這類(lèi)圖標(biāo)具有一定的立體感,能給人輕盈、簡(jiǎn)潔、精致的感覺(jué)。
六、漸變風(fēng)格
多為單色漸變,顏色過(guò)渡清新自然,是目前的主流設(shè)計(jì)風(fēng)格之一。除用于圖標(biāo)外,漸變風(fēng)格可使用的場(chǎng)景非常多,如APP中的背景圖、按鈕等。
APP圖標(biāo)設(shè)計(jì)的6種風(fēng)格都有哪些?上面已經(jīng)為大家做了詳細(xì)的介紹,圖標(biāo)的外觀(guān)取決于其功能、用戶(hù)和外在環(huán)境等多種因素,我們不可能要求每個(gè)圖標(biāo)的寬高比例都相同,并且即便比例尺寸相同,不同形狀的視覺(jué)大小也會(huì)有所區(qū)別,如寬高相同的正方形和圓形,正方形的視覺(jué)比例就會(huì)大于圓形。因此,為了保證每個(gè)圖標(biāo)的視覺(jué)大小統(tǒng)一,無(wú)論是iOS系統(tǒng)還是 Android系統(tǒng)中的圖標(biāo),都可以使用網(wǎng)格規(guī)范進(jìn)行制作在網(wǎng)格規(guī)范中,網(wǎng)格外邊線(xiàn)是圖標(biāo)的實(shí)際尺寸。
想要了解更多UI培訓(xùn)的教程資料,就加入千鋒教育的UI設(shè)計(jì)交流群吧-809348958,群內(nèi)會(huì)有專(zhuān)職的老師為你答疑解惑。另外群內(nèi)不定期還會(huì)有免費(fèi)直播課,由現(xiàn)役的講師來(lái)授課。