Icon風(fēng)格

我們?cè)谠O(shè)計(jì)界面的時(shí)候體現(xiàn)品牌調(diào)性和特性的圖標(biāo)。

比如微信的產(chǎn)品圖標(biāo)是兩個(gè)對(duì)話氣泡潦闲,暗示了這是一款社交APP攒菠;再比如ofo的產(chǎn)品圖標(biāo)是字母ofo的組合,同時(shí)也是一輛自行車歉闰,這暗示了這款產(chǎn)品是共享單車的APP辖众;再比如KEEP的字母“K”的圖標(biāo),像極了一個(gè)在抬腿做運(yùn)動(dòng)的人和敬,暗示了這是一個(gè)運(yùn)動(dòng)APP凹炸。

風(fēng)格

文字風(fēng)格

單讀:?jiǎn)巫x是一個(gè)偏文藝的閱讀產(chǎn)品,所以產(chǎn)品圖標(biāo)使用了黑白配色和兩個(gè)非常有文藝氣息的宋體繁體字概龄,這樣的設(shè)計(jì)符合產(chǎn)品調(diào)性还惠,傳遞給用戶一種產(chǎn)品的文藝氣息饲握。

今日頭條:今日頭條是一款優(yōu)秀的新聞APP私杜。它的圖標(biāo)非常直白:一張報(bào)紙上有紅色的頭條標(biāo)題,頭條使用了非常粗的黑體字救欧,非常顯眼衰粹。

淘寶:淘寶采用了一個(gè)俏皮的“淘”字作為icon的主要元素,并且背景顏色是令人興奮和刺激的橘黃色笆怠,凸顯了電商屬性铝耻。并且這個(gè)字使用了很久,用戶對(duì)此有一定的品牌認(rèn)知。

愛奇藝:愛奇藝的icon采用了英文字母iQIYI和上下邊框相組合的形式瓢捉。整體看來像是一個(gè)電視機(jī)频丘,強(qiáng)調(diào)了品牌屬性和功能,并且使用了在視頻領(lǐng)域非常有識(shí)別性的綠色泡态,讓人一看便知這是愛奇藝了搂漠。

正負(fù)形與隱喻風(fēng)格

抖音:抖音的產(chǎn)品圖標(biāo)是一個(gè)音符,但是不知道大家是否發(fā)現(xiàn)某弦,下面圓形的負(fù)空間也是一個(gè)音符桐汤,所以顯得非常巧妙。為了增加動(dòng)感還加了紅和藍(lán)綠色的類似3D的動(dòng)感效果靶壮。

Keep:Keep產(chǎn)品圖標(biāo)是一個(gè)K怔毛,但是同時(shí)也是一個(gè)人抬著腿正在鍛煉。

Skillshare:Skillshare是一個(gè)技能交換平臺(tái)腾降,第一眼看是兩個(gè)手像太極一樣交換著技能拣度,同時(shí)也是該產(chǎn)品的首字母:S。

折紙風(fēng)格

折紙的效果會(huì)讓人感覺很立體蜂莉,所以很多產(chǎn)品也選擇了折紙效果(比較扁平的手法)來設(shè)計(jì)產(chǎn)品圖標(biāo)蜡娶。

Calendar:這個(gè)產(chǎn)品的產(chǎn)品圖標(biāo)是一個(gè)正在翻頁的日歷,非常簡(jiǎn)潔明了映穗。

Snapseed:除了扁平的設(shè)計(jì)之外窖张,使用了長(zhǎng)投影的設(shè)計(jì)風(fēng)格。這個(gè)長(zhǎng)投影也是扁平化的設(shè)計(jì)蚁滋。

Netflix:Netflix的產(chǎn)品圖標(biāo)是該產(chǎn)品的首字母N宿接,這個(gè)N用了一些陰影來表示立體感。

線性風(fēng)格

Airbnb:Airbnb的背景是一個(gè)微漸變辕录,線性風(fēng)格是一個(gè)曲線組成的A睦霎,同時(shí)也是一個(gè)小蜜蜂。

LOFTCam:為了凸顯文藝產(chǎn)品調(diào)性走诞,使用了偏細(xì)的線條副女,同時(shí)使用了兩種主題色。

NextDay:同樣非常文藝的產(chǎn)品蚣旱,使用了比較抽象的手法碑幅。這個(gè)ICON是一個(gè)牛奶,突出了這個(gè)產(chǎn)品必須今天看塞绿,否則就如牛奶一樣會(huì)過期沟涨。

VUE:這是一個(gè)攝影產(chǎn)品,同樣應(yīng)用了黑色的微漸變异吻,前面是非常前衛(wèi)的45度長(zhǎng)短不同的線裹赴。

LOWPOLY風(fēng)格

潮自拍:潮自拍使用了暖色鄰近色漸變的LOWPOLY作為背景,前景使用了一個(gè)很潮的S。

潘通色:潘通色本身的最大特征就是色卡棋返,所以使用了LOWPOLY的形式延都。

美妝相機(jī):通常LOWPOLY的形式是方塊,而美妝相機(jī)使用了三角作為基礎(chǔ)元素睛竣,很特別窄潭。

人人:人人的產(chǎn)品圖標(biāo)使用了不同的矩形斜度45°,增加了設(shè)計(jì)的速度感酵颁。

微漸變風(fēng)格

每日優(yōu)鮮:每日優(yōu)鮮在背景上用了很多炫彩的圓球嫉你,由于促銷時(shí)段在原有圖標(biāo)上增加了一個(gè)雙十一的小標(biāo)識(shí),在手機(jī)中非常搶眼躏惋。

陌陌:陌陌圖標(biāo)如果設(shè)計(jì)成扁平你還會(huì)注意到它嗎幽污?使用線性圖標(biāo)會(huì)使得圖標(biāo)厚度感不夠,而微漸變可以非常好地解決這個(gè)問題簿姨。

全民K歌:使用了紫紅色的漸變來塑造一只鸚鵡距误,如果遇到其他使用場(chǎng)景可以使用扁平版本,這樣會(huì)讓產(chǎn)品圖標(biāo)的使用更加靈活扁位。

Mindnode:這款腦圖軟件的產(chǎn)品圖標(biāo)使用了三組鄰近色的漸變准潭,同時(shí)使用了非常微妙的陰影。

卡通風(fēng)格

開心消消樂:開心消消樂是一個(gè)休閑游戲域仇,游戲類APP的產(chǎn)品圖標(biāo)通常是使用擬物風(fēng)格刑然,這樣可以最大地吸引玩家的注意力和興趣。

映客:映客是直播APP暇务,通常用戶年齡不是很大泼掠,所以使用了一個(gè)很可愛的貓頭鷹作為產(chǎn)品圖標(biāo)。

Waze:Waze的產(chǎn)品圖標(biāo)不僅可愛而且突出了Waze的地圖查找功能垦细。

BOO!:BOO!是一個(gè)兒童社交產(chǎn)品择镇,用戶比較低齡,所以更適合使用可愛的卡通作為圖標(biāo)括改。



應(yīng)用

標(biāo)簽欄圖標(biāo)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末腻豌,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子嘱能,更是在濱河造成了極大的恐慌吝梅,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,122評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件焰檩,死亡現(xiàn)場(chǎng)離奇詭異憔涉,居然都是意外死亡订框,警方通過查閱死者的電腦和手機(jī)析苫,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,070評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人衩侥,你說我怎么就攤上這事国旷。” “怎么了茫死?”我有些...
    開封第一講書人閱讀 164,491評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵跪但,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我峦萎,道長(zhǎng)屡久,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,636評(píng)論 1 293
  • 正文 為了忘掉前任爱榔,我火速辦了婚禮被环,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘详幽。我一直安慰自己筛欢,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,676評(píng)論 6 392
  • 文/花漫 我一把揭開白布唇聘。 她就那樣靜靜地躺著版姑,像睡著了一般。 火紅的嫁衣襯著肌膚如雪迟郎。 梳的紋絲不亂的頭發(fā)上剥险,一...
    開封第一講書人閱讀 51,541評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音宪肖,去河邊找鬼炒嘲。 笑死,一個(gè)胖子當(dāng)著我的面吹牛匈庭,可吹牛的內(nèi)容都是我干的夫凸。 我是一名探鬼主播,決...
    沈念sama閱讀 40,292評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼阱持,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼夭拌!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起衷咽,我...
    開封第一講書人閱讀 39,211評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤鸽扁,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后镶骗,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體桶现,經(jīng)...
    沈念sama閱讀 45,655評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,846評(píng)論 3 336
  • 正文 我和宋清朗相戀三年鼎姊,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了骡和。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片相赁。...
    茶點(diǎn)故事閱讀 39,965評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖慰于,靈堂內(nèi)的尸體忽然破棺而出钮科,到底是詐尸還是另有隱情,我是刑警寧澤婆赠,帶...
    沈念sama閱讀 35,684評(píng)論 5 347
  • 正文 年R本政府宣布绵脯,位于F島的核電站,受9級(jí)特大地震影響休里,放射性物質(zhì)發(fā)生泄漏蛆挫。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,295評(píng)論 3 329
  • 文/蒙蒙 一妙黍、第九天 我趴在偏房一處隱蔽的房頂上張望璃吧。 院中可真熱鬧,春花似錦废境、人聲如沸畜挨。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,894評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽巴元。三九已至,卻和暖如春驮宴,著一層夾襖步出監(jiān)牢的瞬間逮刨,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,012評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工堵泽, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留修己,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,126評(píng)論 3 370
  • 正文 我出身青樓迎罗,卻偏偏與公主長(zhǎng)得像睬愤,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子纹安,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,914評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 關(guān)于Mongodb的全面總結(jié) MongoDB的內(nèi)部構(gòu)造《MongoDB The Definitive Guide》...
    中v中閱讀 31,934評(píng)論 2 89
  • 文章結(jié)構(gòu)預(yù)覽: 什么是金剛區(qū)尤辱? 金剛區(qū)的意義和功能是什么? 金剛區(qū)圖標(biāo)的常見設(shè)計(jì)類型和表現(xiàn)手法厢岂? 金剛區(qū)圖標(biāo)該從哪...
    黑桃A_SpadesA閱讀 6,337評(píng)論 2 26
  • 機(jī)緣巧合光督,又聯(lián)系上了 算是久別重逢了吧 居然還期待像電影里演的那樣,你會(huì)問一句 “好久沒聯(lián)系了塔粒,最近怎么樣结借?” 看...
    一只林夕閱讀 269評(píng)論 0 0
  • 懷珍(其三) 將夜戚戚不知所,寒露層層摧心腸卒茬。 我笑世人都清醒船老,趑趄囁嚅可敢行咖熟。 魑魅魍魎何...
    P小通Antonella閱讀 81評(píng)論 0 0