千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)

手機(jī)站
千鋒教育

千鋒學(xué)習(xí)站 | 隨時隨地免費(fèi)學(xué)

千鋒教育

掃一掃進(jìn)入千鋒手機(jī)站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學(xué)習(xí)站小程序
隨時隨地免費(fèi)學(xué)習(xí)課程

當(dāng)前位置:首頁  >  技術(shù)干貨  > UI培訓(xùn)教程分享:APP圖標(biāo)設(shè)計的6種風(fēng)格都有哪些?

UI培訓(xùn)教程分享:APP圖標(biāo)設(shè)計的6種風(fēng)格都有哪些?

來源:千鋒教育
發(fā)布人:qyf
時間: 2021-11-25 17:52:00 1637833920

  在從事UI設(shè)計師這個崗位的時候,相信大家會經(jīng)常遇到關(guān)于產(chǎn)品設(shè)計的工作,尤其是APP圖標(biāo)這塊,在日常工作中,常見的圖標(biāo)風(fēng)格主要有漸變風(fēng)格、剪影風(fēng)格、長投影風(fēng)格、卡通風(fēng)格、輕質(zhì)感風(fēng)格和擬物風(fēng)格6種。今天小編就為大家詳細(xì)的介紹一下UI培訓(xùn)教程分享:APP圖標(biāo)設(shè)計的6種風(fēng)格都有哪些?

app

  UI培訓(xùn)教程分享:APP圖標(biāo)設(shè)計的6種風(fēng)格都有哪些?

  一、擬物風(fēng)格

  iOS7以前,擬物風(fēng)格都是U設(shè)計的主流,這類圖標(biāo)的特點(diǎn)是通過細(xì)節(jié)和光影還原現(xiàn)實物品的造型和質(zhì)感,能給用戶極強(qiáng)的代入感,用戶可通過對現(xiàn)實事物的聯(lián)想,快速領(lǐng)會圖標(biāo)表達(dá)的意圖。

  二、剪影風(fēng)格

  特點(diǎn)是簡約、概括,視覺識別度良好,設(shè)計感強(qiáng),常被用于功能型的APP圖標(biāo)中。剪影圖標(biāo)可分為線性和面性兩種,線性為未選中狀態(tài),面性為選中狀態(tài)。

  三、長投影風(fēng)格

  通常會以純色作為圖標(biāo)主體背景,該風(fēng)格色彩對比度大,視覺沖擊力強(qiáng),通過長投影突出主體,從而創(chuàng)造鮮明的層次感和空間感,常用于APP頁面中的分類圖標(biāo)。

  四、卡通風(fēng)格

  特點(diǎn)是可愛,富有親和力,設(shè)計簡潔而精致,視覺效果突出,但風(fēng)格小眾,使用范圍比較局限,常用于女性或二次元APP中。

  五、輕質(zhì)感風(fēng)格

  層次簡單,用色素雅干凈,采用輕投影、輕漸變的方法設(shè)計。這類圖標(biāo)具有一定的立體感,能給人輕盈、簡潔、精致的感覺。

  六、漸變風(fēng)格

  多為單色漸變,顏色過渡清新自然,是目前的主流設(shè)計風(fēng)格之一。除用于圖標(biāo)外,漸變風(fēng)格可使用的場景非常多,如APP中的背景圖、按鈕等。

  APP圖標(biāo)設(shè)計的6種風(fēng)格都有哪些?上面已經(jīng)為大家做了詳細(xì)的介紹,圖標(biāo)的外觀取決于其功能、用戶和外在環(huán)境等多種因素,我們不可能要求每個圖標(biāo)的寬高比例都相同,并且即便比例尺寸相同,不同形狀的視覺大小也會有所區(qū)別,如寬高相同的正方形和圓形,正方形的視覺比例就會大于圓形。因此,為了保證每個圖標(biāo)的視覺大小統(tǒng)一,無論是iOS系統(tǒng)還是 Android系統(tǒng)中的圖標(biāo),都可以使用網(wǎng)格規(guī)范進(jìn)行制作在網(wǎng)格規(guī)范中,網(wǎng)格外邊線是圖標(biāo)的實際尺寸。

  想要了解更多UI培訓(xùn)的教程資料,就加入千鋒教育的UI設(shè)計交流群吧-809348958,群內(nèi)會有專職的老師為你答疑解惑。另外群內(nèi)不定期還會有免費(fèi)直播課,由現(xiàn)役的講師來授課。

tags:
聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強(qiáng)師集結(jié),手把手帶你蛻變精英
請您保持通訊暢通,專屬學(xué)習(xí)老師24小時內(nèi)將與您1V1溝通
免費(fèi)領(lǐng)取
今日已有369人領(lǐng)取成功
劉同學(xué) 138****2860 剛剛成功領(lǐng)取
王同學(xué) 131****2015 剛剛成功領(lǐng)取
張同學(xué) 133****4652 剛剛成功領(lǐng)取
李同學(xué) 135****8607 剛剛成功領(lǐng)取
楊同學(xué) 132****5667 剛剛成功領(lǐng)取
岳同學(xué) 134****6652 剛剛成功領(lǐng)取
梁同學(xué) 157****2950 剛剛成功領(lǐng)取
劉同學(xué) 189****1015 剛剛成功領(lǐng)取
張同學(xué) 155****4678 剛剛成功領(lǐng)取
鄒同學(xué) 139****2907 剛剛成功領(lǐng)取
董同學(xué) 138****2867 剛剛成功領(lǐng)取
周同學(xué) 136****3602 剛剛成功領(lǐng)取
相關(guān)推薦HOT