正文

騰訊游戲新logo設(shè)計(jì)理念（騰訊游戲新logo設(shè)計(jì)理念怎么寫(xiě)）_1

發(fā)布時(shí)間：2023-03-02 23:00:50 稿源：創(chuàng)意嶺閱讀： 68 問(wèn)大家

大家好！今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于騰訊游戲新logo設(shè)計(jì)理念的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶(hù)遍布全球各地，相關(guān)業(yè)務(wù)請(qǐng)撥打電話(huà)：175-8598-2043，或添加微信：1454722008

本文目錄:

1、設(shè)計(jì)師必看圖標(biāo)（icon）指南
2、騰訊游戲充值的標(biāo)志是什么
3、微信公眾號(hào)LOGO該如何設(shè)計(jì)
4、QQ游戲魅力標(biāo)志關(guān)閉

騰訊游戲新logo設(shè)計(jì)理念（騰訊游戲新logo設(shè)計(jì)理念怎么寫(xiě)）_1

一、設(shè)計(jì)師必看圖標(biāo)（icon）指南

圖標(biāo)，是一種圖形化的標(biāo)識(shí)，它有廣義和狹義兩種概念，廣義指的是所有現(xiàn)實(shí)中有明確指向含義的圖形符號(hào)，狹義主要指在計(jì)算機(jī)設(shè)備界面中的圖形符號(hào)。對(duì)于UI而言，主要針對(duì)的就是狹義的概念，它是UI界面視覺(jué)組成的關(guān)鍵元素之一。我們通過(guò)圖標(biāo)看到的不僅僅是圖標(biāo)本身，而是它所代表的內(nèi)在含義。

色彩 color 、文字 Font 、圖標(biāo) icon 、圖形 shape 、圖片 image 、空間 space ，是我們做平面設(shè)計(jì)中非常重要的 6 個(gè)元素，而對(duì)于 UI 設(shè)計(jì)而言，圖標(biāo)可以說(shuō)是整個(gè)產(chǎn)品的點(diǎn)睛之筆，它甚至可以直接影響著一款產(chǎn)品的形象和氣質(zhì)。

顯然，圖標(biāo)不是由界面設(shè)計(jì)師發(fā)明的。作為一種交流的對(duì)象，它們有著悠久而多樣的歷史，根植于古代。它們出現(xiàn)在地圖、標(biāo)志、方案、手冊(cè)和許多其他信息來(lái)源中。然而，隨著新技術(shù)和圖形化用戶(hù)界面的出現(xiàn)，圖標(biāo)經(jīng)歷了新的轉(zhuǎn)折進(jìn)步。

從歷史上看，施樂(lè)公司在20世紀(jì)70年代初的時(shí)候，在功勞中提到了第一個(gè)圖形化用戶(hù)界面的圖標(biāo)：圖標(biāo)是在一臺(tái)名為Xerox Alto的機(jī)器上實(shí)現(xiàn)的，這臺(tái)機(jī)器非常昂貴，并沒(méi)有真正普及到廣大的用戶(hù)。然而，這只是一個(gè)漫長(zhǎng)的故事的開(kāi)始：1981年，Xerox Star（施樂(lè)之星）發(fā)布了，它被稱(chēng)為第一臺(tái)將圖標(biāo)作為界面的一部分的消費(fèi)類(lèi)計(jì)算機(jī)。特別是，它應(yīng)用了至今為止的文件夾和垃圾箱的圖標(biāo)。下面是圖標(biāo)從80年代

表意圖標(biāo)（又稱(chēng)解釋性圖標(biāo)）

表意符號(hào)是指原本不存在實(shí)物的符號(hào)，是在發(fā)展過(guò)程中創(chuàng)造的一種符號(hào)，用于表達(dá)某些特定的含義或操作行為。而且在發(fā)展過(guò)程中，這些符號(hào)逐漸繼承了一些象形符號(hào)的特性，將符號(hào)本身作為「實(shí)物」并且不斷演化。例如「箭頭」從最初的「弓箭」已經(jīng)逐步衍生為一種特定的表意符號(hào)。

交互圖標(biāo)

具有雙向信息傳遞能力，不僅可以向用戶(hù)傳遞某種信息，引導(dǎo)幫助用戶(hù)執(zhí)行特定操作，同時(shí)也允許用戶(hù)向程序傳遞控制信息，從功能重要程度來(lái)講，它的重要性是最高的。比如：登陸注冊(cè)按鈕，開(kāi)關(guān)按鈕，數(shù)量按鈕，點(diǎn)贊，轉(zhuǎn)發(fā)分享等都屬于交互性圖標(biāo)。

裝飾和娛樂(lè)用圖標(biāo)

通常是用來(lái)提升整個(gè)界面的美感，加深個(gè)性化設(shè)計(jì)風(fēng)格，并不具備明顯的功能性。這類(lèi)圖標(biāo)迎合了目標(biāo)受眾的偏好與期望，具備有特定的風(fēng)格的外觀，提升用戶(hù)線(xiàn)上體驗(yàn)感，迎合受眾群的偏好，提升設(shè)計(jì)親和度。裝飾性圖標(biāo)通常呈現(xiàn)出季節(jié)性和周期性的特征。例如線(xiàn)上活動(dòng)、用戶(hù)等級(jí)、空頁(yè)面等

應(yīng)用圖標(biāo)

不同數(shù)字產(chǎn)品在各個(gè)操作系統(tǒng)平臺(tái)上的入口和品牌展示用的標(biāo)識(shí)，它是這個(gè)數(shù)字產(chǎn)品的身份象征。在絕大多數(shù)的情況下，它會(huì)將這個(gè)品牌的LOGO和品牌用色融入到圖標(biāo)設(shè)計(jì)當(dāng)中來(lái)。也有的圖標(biāo)會(huì)采用吉祥物和企業(yè)視覺(jué)識(shí)別色的組合。真正優(yōu)秀的應(yīng)用圖標(biāo)設(shè)計(jì)，其實(shí)是結(jié)合市場(chǎng)調(diào)研和品牌設(shè)計(jì)的組合，它的目標(biāo)在于創(chuàng)造一個(gè)不會(huì)讓用戶(hù)能夠在屏幕上快速找到的醒目設(shè)計(jì)。

象形圖標(biāo)

ios相當(dāng)長(zhǎng)一段時(shí)間流行 “Skeumorphic設(shè)計(jì)理念”，屬于超寫(xiě)實(shí)設(shè)計(jì)。并且認(rèn)為只要有可能，在應(yīng)用上增加現(xiàn)實(shí)的、物理的緯度，與現(xiàn)實(shí)越相像，操作越相同，就越容易使用戶(hù)理解運(yùn)作模式，接受度就越高。例如日本鼎鼎有名的富士山圖標(biāo)，由此說(shuō)明好的設(shè)計(jì)不僅美觀度高，功能性同樣十分重要，特別是與旅游相關(guān)的設(shè)計(jì)，需要讓人跨越語(yǔ)言的障礙。

隱喻圖標(biāo)

icon 中的隱喻元素很重要，它可以讓我們一看到這個(gè) icon 就知道是什么意思。比如，一個(gè)房子代表首頁(yè)，一個(gè)叉叉代表出錯(cuò)或關(guān)閉。當(dāng)我縮小一個(gè) icon 時(shí)，我都會(huì)保留隱喻元素，來(lái)保證 icon 仍然可以準(zhǔn)確傳達(dá)信息。

工具圖標(biāo)

主要以行業(yè)類(lèi)別為分類(lèi)，使用范圍廣泛，大眾或行內(nèi)人士識(shí)別度高，且被長(zhǎng)期使用。比如：建筑行業(yè)，醫(yī)療行業(yè)，化工行業(yè)等等。

混合圖標(biāo)

也就是前三種的結(jié)合，目的在于達(dá)到不同的視覺(jué)效果和應(yīng)用結(jié)構(gòu)。前段時(shí)間追波很流行的MBE粗描邊風(fēng)格icon就是綜合圖標(biāo)的產(chǎn)物，多表達(dá)設(shè)計(jì)師個(gè)人設(shè)計(jì)風(fēng)格或適用某類(lèi)設(shè)計(jì)感較強(qiáng)的軟件。

字符圖標(biāo)

字符圖標(biāo)“Glyph”一詞是源自于排版領(lǐng)域，現(xiàn)在已經(jīng)隨著數(shù)字設(shè)計(jì)而逐步在數(shù)字設(shè)計(jì)領(lǐng)域扎根了，它源自于希臘語(yǔ)，含義為“雕刻”。在排版領(lǐng)域當(dāng)中，符號(hào)圖標(biāo)通常是包含特定的含義、特定功能、可表意也可書(shū)寫(xiě)的類(lèi)文字系統(tǒng)，它可以是字母，也可以是圖形，有的時(shí)候甚至是兩者的組合。

在這類(lèi)圖標(biāo)設(shè)計(jì)中，比較典型的當(dāng)屬天氣類(lèi)圖標(biāo)了。從單個(gè)圖標(biāo)到組合圖標(biāo)，都能充分體現(xiàn)出來(lái)。

扁平圖標(biāo)

扁平圖標(biāo)包含線(xiàn)性、面型、線(xiàn)+面，面+面，變現(xiàn)方式多樣，拓展性強(qiáng)，更個(gè)性化，年輕化一些，相同，同樣設(shè)計(jì)風(fēng)格的icon，在更換顏色后就能體現(xiàn)和傳達(dá)不一樣的信息。

擬物化圖標(biāo)

擬物化圖標(biāo)是扁平化圖標(biāo)的對(duì)立面，正如同當(dāng)初擬物化圖標(biāo)設(shè)計(jì)師常說(shuō)的，它就是“抄現(xiàn)實(shí)”，盡量將現(xiàn)實(shí)世界中的形狀、紋理、光影都融入到整個(gè)圖標(biāo)的設(shè)計(jì)，擬真是它的特點(diǎn)。擬物化圖標(biāo)這一設(shè)計(jì)趨勢(shì)幾乎是跟隨著Macintosh的誕生和進(jìn)化一步一步走過(guò)來(lái)，走到極致，然后從UI設(shè)計(jì)領(lǐng)域開(kāi)始，被扁平化設(shè)計(jì)所替代。不過(guò)，擬物化圖標(biāo)現(xiàn)在依然廣泛地運(yùn)用在不同領(lǐng)域，尤其是游戲設(shè)計(jì)和游戲類(lèi)產(chǎn)品的圖標(biāo)設(shè)計(jì)當(dāng)中。2.5D圖標(biāo)和桌面應(yīng)用圖標(biāo)。

Windows,iOS, etc., 中文版和英文版甚至各種語(yǔ)言版本，在不打開(kāi)菜單之前，基本上都長(zhǎng)一樣。很多圖標(biāo)已經(jīng)能夠被大多數(shù)用戶(hù)快速識(shí)別，甚至成為國(guó)際通用的圖標(biāo)。例如Windows UI

一個(gè)圖標(biāo)能夠表述清楚含義的時(shí)候，只需占用一個(gè)字符的位置就可以傳遞給用戶(hù)操作信息。例如掃一掃、郵件發(fā)送成功，用文案表示需要3-4個(gè)字，英文或其它語(yǔ)言可能更長(zhǎng)，而用圖標(biāo)代替只需要一個(gè)字符位置

支付寶右上角 + 表示更多功能，此時(shí)一個(gè)字符位置解釋清楚其含義；微信下一個(gè)類(lèi)似聲波圖標(biāo)表示語(yǔ)音，直觀易理解

進(jìn)入碎片化時(shí)代和進(jìn)入讀圖時(shí)代，幾乎是相同的節(jié)奏。圖片內(nèi)容能在短時(shí)間內(nèi)產(chǎn)生更大的影響力，研究表明，大腦處理圖片內(nèi)容的速度比文字內(nèi)容快60000倍，人類(lèi)大腦對(duì)圖形圖像的記憶也遠(yuǎn)勝于對(duì)文字的記憶。所以，在推廣品牌時(shí)，圖片內(nèi)容可以說(shuō)是一圖勝千言。使用圖標(biāo)通過(guò)視覺(jué)引導(dǎo)幫助用戶(hù)快速識(shí)別信息。

Tik Tok和ins沒(méi)有任何文字說(shuō)明情況下，我們就知道第5個(gè)標(biāo)簽就是個(gè)人中心

科學(xué)證明，在大腦中相對(duì)于其他感覺(jué)來(lái)說(shuō)與視覺(jué)信息處理相關(guān)的腦區(qū)占統(tǒng)治地位，人腦對(duì)于圖像的記憶遠(yuǎn)遠(yuǎn)高于文字。圖標(biāo)多采用幾何圖形，并以對(duì)稱(chēng)、一致的設(shè)計(jì)目標(biāo)來(lái)進(jìn)行設(shè)計(jì)，由于其高度濃縮的特性，圖標(biāo)具有更加簡(jiǎn)潔的特性，更加便于記憶。

圖標(biāo)最底層邏輯：線(xiàn)性圖標(biāo)、面型圖標(biāo)、線(xiàn)+面型圖標(biāo)、面+面型圖標(biāo)、2.5D圖標(biāo)、擬物圖標(biāo)。網(wǎng)上五花八門(mén)的圖標(biāo)是在這些基礎(chǔ)上進(jìn)行視覺(jué)區(qū)分，而當(dāng)我們?cè)O(shè)計(jì)圖標(biāo)時(shí)候需要思考

1、產(chǎn)品視覺(jué)風(fēng)格定位（行業(yè)領(lǐng)域）

2、圖標(biāo)具體應(yīng)用的界面

3、產(chǎn)品面相的用戶(hù)人群是怎樣的？

先看一組不用風(fēng)格的圖標(biāo)，由上面不同APP圖標(biāo)可以看出不同行業(yè)、不同場(chǎng)景、不同用戶(hù)，圖標(biāo)的設(shè)計(jì)和表達(dá)方式是不一樣的，所以設(shè)計(jì)前需要思考，你需要表達(dá)的設(shè)計(jì)思路和產(chǎn)品的定位。

1、拆解關(guān)鍵詞及關(guān)鍵詞聯(lián)想

將需求信息中的關(guān)鍵詞進(jìn)行拆解及發(fā)散，轉(zhuǎn)化為生活中常見(jiàn)的事物，釋放它所代表的內(nèi)在含義。關(guān)鍵詞的同義詞、近義詞、形狀相關(guān)或相關(guān)聯(lián)想的物體

例如說(shuō)到榮譽(yù)，馬上就能想到獎(jiǎng)杯、獎(jiǎng)狀、金牌、皇冠等。然后通過(guò)這些詞聯(lián)想，去找一些氣質(zhì)相符的圖片制作情緒版，通過(guò)情緒版可以感受到產(chǎn)品的調(diào)性，然后從中提取一些形狀和色彩做為產(chǎn)品圖標(biāo)的主要造型

2、根據(jù)關(guān)鍵詞聯(lián)想輸出圖形

根據(jù)上一步拆解的詞語(yǔ)或物體，通過(guò)簡(jiǎn)單基本形狀轉(zhuǎn)為生活中常見(jiàn)圖形。常用的2中方法是用AI鋼筆工具（sketch貝塞爾工具）或者布爾運(yùn)算進(jìn)行繪制

3、根據(jù)場(chǎng)景輸出

這里的場(chǎng)景可能是實(shí)際應(yīng)用的場(chǎng)景，比如大眾點(diǎn)評(píng)tab標(biāo)簽欄、功能區(qū)（品類(lèi)區(qū)）、運(yùn)營(yíng)類(lèi)圖標(biāo)等這些圖標(biāo)需要引導(dǎo)用戶(hù)去點(diǎn)擊，所以在視覺(jué)上更加豐富一些；而個(gè)人中心、分類(lèi)區(qū)、詳情頁(yè)更多側(cè)重功能上的引導(dǎo)，相對(duì)來(lái)說(shuō)較簡(jiǎn)潔，屬于二級(jí)使用場(chǎng)景，線(xiàn)型圖標(biāo)居多。

我們常見(jiàn)各個(gè)圖標(biāo)文章分析應(yīng)該注意十幾點(diǎn)，而這些沒(méi)有規(guī)律和邏輯難以記憶，一時(shí)記住了也容易忘記。這些總結(jié)其實(shí)是從Material Design或者iOS規(guī)范中得來(lái)的。認(rèn)真研究這些細(xì)節(jié)，圖標(biāo)制作就不難了

圖標(biāo)端點(diǎn)分為直角和圓角，我們?cè)谠O(shè)計(jì)過(guò)程中要統(tǒng)一圖標(biāo)端點(diǎn)，保持一致的設(shè)計(jì)語(yǔ)言

拐角

相對(duì)于其他圖形，人類(lèi)的眼睛更容易識(shí)別圓角矩形而不是直角矩形，因?yàn)槿嗽谘劬Φ纳順?gòu)造上中央凹(fovea centralis），是視網(wǎng)膜中視覺(jué)最敏銳的區(qū)域)在處理圓形時(shí)最快，而處理矩形邊緣則需要涉及大腦中更多的“神經(jīng)影像工具”。所以，人眼處理圓角更容易，因?yàn)樗鼈兛雌饋?lái)比普通矩形更接近于圓。

圓角自身的圓形屬性會(huì)給人圓潤(rùn)、可愛(ài) ，更加安全、親密的感覺(jué)。因此社交、娛樂(lè)、直播、美食等圖標(biāo)多會(huì)使用圓角圖標(biāo)

直角則會(huì)給人一種尖銳、具有攻擊性的感覺(jué)，圖標(biāo)整體細(xì)節(jié)更多，通常出現(xiàn)在金融等商務(wù)屬性比較強(qiáng)的產(chǎn)品。比如：36氪、金融類(lèi)產(chǎn)品等。

傾斜角度統(tǒng)一

內(nèi)部空間比例的不一致易導(dǎo)致圖標(biāo)視覺(jué)重點(diǎn)不統(tǒng)一。如下圖左第二個(gè)圖標(biāo)重偏下，第四個(gè)圖標(biāo)重心偏上，右邊是早期PP助手的標(biāo)簽欄圖標(biāo)，圖標(biāo)內(nèi)部挖空面積占比率相同，整體視覺(jué)和諧統(tǒng)一。

在繪制描邊圖標(biāo)時(shí)，要時(shí)刻注意圖標(biāo)的描邊粗細(xì)是否統(tǒng)一。在 @1x 一倍圖設(shè)計(jì)模式下，以 24px 為網(wǎng)格基準(zhǔn)的話(huà)，常使用的圖標(biāo)粗細(xì)有： 1px 、 1.5px、2px、3px ，1.5的粗細(xì)對(duì)顯示屏要求比較高（半個(gè)單位的路徑會(huì)導(dǎo)致圖標(biāo)在最終顯示時(shí)邊緣模糊，不清晰）

細(xì)描邊給人視覺(jué)感更加精致，粗描邊相對(duì)更加粗獷，由于目前流行趨勢(shì)的發(fā)展，常常也有粗描邊和細(xì)描邊結(jié)合的設(shè)計(jì)風(fēng)格

除了保持相同的視覺(jué)權(quán)重，圖標(biāo)的描線(xiàn)寬度也應(yīng)該保持一致，達(dá)到像素級(jí)統(tǒng)一。元素之間的最小間距，應(yīng)該大于或等于描邊的寬度。

蘋(píng)果、谷歌、IBM，國(guó)內(nèi)的阿里Ant Design都出過(guò)相關(guān)的圖標(biāo)網(wǎng)格規(guī)范，這里以谷歌的Material System 圖標(biāo)網(wǎng)格來(lái)進(jìn)行說(shuō)明。在24*24px圖標(biāo)尺寸，上下左右安全邊距是2px，關(guān)鍵形狀的四個(gè)基本形狀為圓形20*20px、正方形18*18px、縱向矩形和橫向矩形20*16px。通過(guò)關(guān)鍵形狀的規(guī)則統(tǒng)一圖標(biāo)大小及位置，達(dá)到視覺(jué)的平衡

對(duì)齊像素點(diǎn)

清晰度（像素完美對(duì)齊）為了避免使圖標(biāo)失真，可以通過(guò)將X軸和Y軸坐標(biāo)設(shè)置為整數(shù)來(lái)將圖標(biāo)定位在像素上。在使用軟件AI或者sketch的時(shí)候繪制基礎(chǔ)圖形不要出現(xiàn)小數(shù)點(diǎn)和奇數(shù)，多用偶數(shù)

我們了解了 icon 的基本知識(shí)，怎樣評(píng)判我們的 icon 是否合適，是否貼合整個(gè)產(chǎn)品呢？我們需要了解什么才是一個(gè)好的 icon 。檢驗(yàn)標(biāo)準(zhǔn)也是基于我們繪制的標(biāo)準(zhǔn)，分別是：識(shí)別性，規(guī)范性、整體風(fēng)格與品牌感。

判斷事物的價(jià)值在于它的用途是什么，圖標(biāo)的用途是幫助用戶(hù)理解信息，所以表意準(zhǔn)確（清晰準(zhǔn)確的傳達(dá)信息）就是圖標(biāo)最重要、最底層的價(jià)值，如果你設(shè)計(jì)的圖標(biāo)用戶(hù)看不懂，即使視覺(jué)再美觀也沒(méi)有任何價(jià)值可言。

含義識(shí)別：是視覺(jué)語(yǔ)言是否替換文字語(yǔ)言，簡(jiǎn)言之就是讓你的圖標(biāo)可以被用戶(hù)理解，不會(huì)讓用戶(hù)產(chǎn)生歧義。常見(jiàn)的就標(biāo)簽欄指南針表示發(fā)現(xiàn)，房子表示首頁(yè)等

視覺(jué)識(shí)別：是圖標(biāo)的大小，顏色，線(xiàn)條的粗細(xì)，這些影響影響視覺(jué)識(shí)別的因素，在具體樣式中提高視覺(jué)識(shí)別性。

我們要保證圖標(biāo)在視覺(jué)大小的一致性，圖標(biāo)飽滿(mǎn)度（正負(fù)形）、遵循同一種規(guī)律，細(xì)節(jié)統(tǒng)一性。這里的4點(diǎn)在前面繪制過(guò)程中已經(jīng)寫(xiě)的非常詳細(xì)了。

整體風(fēng)格是要注意圖標(biāo)傳達(dá)的性格與 app 的基調(diào)是否一致，每個(gè)產(chǎn)品因?yàn)槎ㄎ?，針?duì)人群不同，整個(gè) app 的基調(diào)也不一樣，例如騰訊動(dòng)漫，它的性格就是偏卡通可愛(ài)的類(lèi)型，那么的圖標(biāo)設(shè)計(jì)上也要體現(xiàn)這個(gè)性格特點(diǎn)，盡量使用卡通圓潤(rùn)的方法去設(shè)計(jì)。一個(gè)廣告語(yǔ)：復(fù)雜世界里，一個(gè)就夠了，整個(gè)APP從啟動(dòng)圖標(biāo)到整體調(diào)性都是簡(jiǎn)潔干凈，克制的色彩運(yùn)用傳達(dá)產(chǎn)品調(diào)性。

品牌感就是我們上面談到的要與品牌理念相符，傳達(dá)給用戶(hù)的感受一致，通過(guò)吸取品牌色，提取品牌元素，采用品牌吉祥物和品牌圖形的方法來(lái)提取品牌基因。我們要試著從品牌設(shè)計(jì)的角度去理解，尋找自己產(chǎn)品獨(dú)特的品牌氣質(zhì)，挑選合適的技法。然后把這些元素具象化，融入在界面設(shè)計(jì)中。下面幾款產(chǎn)品從產(chǎn)品名到啟動(dòng)圖標(biāo)設(shè)計(jì)高度融合。

圖標(biāo)可用性測(cè)試是基本規(guī)則是根據(jù)圖標(biāo)驗(yàn)證推導(dǎo)的

識(shí)別度：

1、用戶(hù)是否能夠理解圖標(biāo)的含義？

2、是否是用戶(hù)熟悉的圖標(biāo)？

3、是否與其他圖標(biāo)含義沖突？

4、是否能通過(guò)5秒原則？

5、圖標(biāo)的可擴(kuò)展性怎么樣？

6、是否需要增加文字標(biāo)簽？

設(shè)計(jì)是否統(tǒng)一

1、視覺(jué)語(yǔ)言是否統(tǒng)一？

2、圖標(biāo)的設(shè)計(jì)復(fù)雜程度是否統(tǒng)一？

3、整體設(shè)計(jì)是否協(xié)調(diào)、統(tǒng)一、視覺(jué)體系高度集中？

4、圖標(biāo)整體配色是否統(tǒng)一？

品牌信息：

圖標(biāo)是否獨(dú)特性、能否傳遞品牌信息？

一般情況下有 JPG、PNG、GIF、SVG 四種交付格式。其中JPG、PNG、GIF為位圖，受圖片本身的分辨率大小限制，無(wú)法靈活的修改尺寸。而SVG為矢量格式，支撐無(wú)損縮放。

在沒(méi)有SVG前因?yàn)橐紤]到適配高清設(shè)備，需要切各種倍數(shù)的圖標(biāo)進(jìn)行適配。不過(guò)現(xiàn)在的開(kāi)發(fā)軟件及插件都自帶切多倍圖的功能，比如藍(lán)湖。

JPG：兼容性強(qiáng)，自帶背景，不支持縮放。

PNG：支撐透明格式，不支持縮放，需要注意圖標(biāo)四周透明區(qū)域大小。

GIF：簡(jiǎn)單的動(dòng)態(tài)圖標(biāo)使用，透明背景時(shí)邊緣會(huì)有鋸齒，沒(méi)有辦法支持豐富的顏色。

SVG：無(wú)損縮放矢量圖形、體積小，單色模式下支持開(kāi)發(fā)自行修改顏色，可修改樣式參數(shù)。

另外一種交付方式是將SVG格式的圖標(biāo)上傳至類(lèi)似iconfont的網(wǎng)站后，完成圖標(biāo)的交付。需要注意的是：

1、SVG不支持漸變顏色填充

2、SVG不支持描邊，需要將描邊轉(zhuǎn)化為閉合圖像

3、圖標(biāo)的大小相同時(shí)，需要在圖標(biāo)下方增加一個(gè)相同尺寸的透明方形，同圖標(biāo)一起導(dǎo)出上傳

而iconfont對(duì)于圖標(biāo)制作要求嚴(yán)格，上傳時(shí)需要注意查看自己的圖標(biāo)是否符合要求。鏈接

資料來(lái)源

UI設(shè)計(jì)師想做好圖標(biāo)設(shè)計(jì)？請(qǐng)問(wèn)圖標(biāo)歷史了解過(guò)嗎？

圖像學(xué)的簡(jiǎn)要?dú)v史

《Icon Design Guide》

《Icon Utopia》

《the Ultimate Guide to an Interface Icon Set》

《svg圖標(biāo)庫(kù)以及與icon font對(duì)比》

二、騰訊游戲充值的標(biāo)志是什么

騰訊游戲充值的標(biāo)志是扣款成功。根據(jù)查詢(xún)相關(guān)公開(kāi)信息顯示：騰訊游戲（TencentGames）成立于2003年，是全球領(lǐng)先的游戲開(kāi)發(fā)和運(yùn)營(yíng)機(jī)構(gòu)，也是國(guó)內(nèi)最大的網(wǎng)絡(luò)游戲社區(qū)，騰訊游戲充值的標(biāo)志是扣款成功。

三、微信公眾號(hào)LOGO該如何設(shè)計(jì)

雖然體量有大小，但是公眾號(hào)的Logo和集團(tuán)公司的Logo設(shè)計(jì)都有一個(gè)統(tǒng)一的共性，即是根據(jù)具體的品牌、行業(yè)、內(nèi)容或者名稱(chēng)特性進(jìn)行延展。在這里給出一份我設(shè)計(jì)的微信公眾號(hào)Logo，希望能對(duì)你有所啟發(fā)。

小木貍，由騰訊游戲的嚴(yán)小姐創(chuàng)辦的一個(gè)主要針對(duì)騰訊內(nèi)推進(jìn)行接洽與宣傳的公眾號(hào)（好像是因?yàn)閮?nèi)推成功騰訊是有獎(jiǎng)金的）。名字的來(lái)源是創(chuàng)辦者自己的綽號(hào)，在設(shè)計(jì)上希望能夠有趣溫馨一些。

公眾號(hào)的設(shè)計(jì)與常規(guī)Logo有一些區(qū)別：首先就是基于大多數(shù)公眾號(hào)糟糕的傳播力度，建議使用文字Logo來(lái)加深受眾印象；第二就是公眾號(hào)必須審慎的考慮方形和圓形的頭像應(yīng)用，在這種場(chǎng)景下文字Logo的效果又是單薄的，所以需要設(shè)計(jì)獨(dú)立的頭像；第三就是公眾號(hào)的主要傳播媒介都是電子產(chǎn)品，所以所有設(shè)計(jì)元素都需要針對(duì)屏幕顯示來(lái)進(jìn)行優(yōu)化。

騰訊游戲新logo設(shè)計(jì)理念（騰訊游戲新logo設(shè)計(jì)理念怎么寫(xiě)）_1