假期要開(kāi)始了，很多學(xué)子都在為自己的前途奔波，今天小編也整理了很多關(guān)于上海游戲圖標(biāo)設(shè)計(jì)信息，以及大家所關(guān)心的這些問(wèn)題Duang～～！游戲的Logo應(yīng)該長(zhǎng)哪樣？，游戲中的圖標(biāo)怎么設(shè)計(jì)出來(lái)的? 附教程，游戲里那些圖標(biāo)和界面，原來(lái)是這么設(shè)計(jì)出來(lái)的？，簡(jiǎn)約、創(chuàng)意、易記 | 游戲公司LOGO（標(biāo)志）設(shè)計(jì)思路分享??

1.Duang～～！游戲的Logo應(yīng)該長(zhǎng)哪樣？

文/TGideas強(qiáng)總本文作者強(qiáng)總就職于騰訊游戲官方設(shè)計(jì)團(tuán)隊(duì)，平時(shí)愛(ài)收集一些LOGO的設(shè)計(jì)，也曾多次為游戲設(shè)計(jì)LOGO，本文為其經(jīng)驗(yàn)分享。一、游戲LOGO設(shè)計(jì)重要性一個(gè)游戲的LOGO是一個(gè)游戲綜合信息傳遞的媒介，LOGO在游戲的形象傳遞過(guò)程中，是應(yīng)用最廣泛、曝光頻率*，同時(shí)也是最關(guān)鍵的傳播元素。LOGO常會(huì)用在包括網(wǎng)站，展會(huì)，周邊，戶(hù)外廣告，視頻演譯等等。你的游戲特性及游戲品質(zhì)，玩法，都有可能被涵概于LOGO中，通過(guò)不斷的刺激和反復(fù)曝光，能讓LOGO深深的留在玩家心中，形成一定的產(chǎn)品印象，視覺(jué)符號(hào)。而一個(gè)好的游戲LOGO能給玩家傳達(dá)準(zhǔn)確的產(chǎn)品信息，抓人眼球，吸引人心，提升產(chǎn)品品牌形象，提高市場(chǎng)轉(zhuǎn)化率。二、什么樣的游戲LOGO才是好LOGO？1.能體現(xiàn)游戲特性，能*時(shí)間向玩家傳遞出產(chǎn)品主要信息例如：槍?xiě)?zhàn)軍事類(lèi)的游戲LOGO是長(zhǎng)這樣的:且不論這幾個(gè)LOGO長(zhǎng)得是否完美，它身上的一些設(shè)計(jì)元素已經(jīng)能完整地向玩家傳達(dá)了它是槍?xiě)?zhàn)軍事游戲的屬性，它是槍?xiě)?zhàn)類(lèi)游戲而不是其它類(lèi)型的游戲。雖然設(shè)計(jì)元素不盡相同，但它們都具備FPS必要元素，金屬，硬朗圖形。游戲LOGO的種類(lèi)繁多，這里就不一一舉例，就里只是要說(shuō)明一個(gè)好的游戲LOGO設(shè)計(jì)應(yīng)該能給玩家傳達(dá)正確的品類(lèi)信息。下面是一個(gè)游戲LOGO應(yīng)該具備的視覺(jué)傳達(dá)信息方向。2.識(shí)別性強(qiáng)，圖文清晰先看看下面幾個(gè)LOGO：它們能通過(guò)如描邊，拉開(kāi)明暗對(duì)比，顏色對(duì)比等等的設(shè)計(jì)處理方法，讓LOGO的結(jié)構(gòu)顯得非常有層次感，主次分明，這樣的游戲LOGO它完全能準(zhǔn)確地將主要信息能清晰地傳達(dá)給玩家。3.可用性易用性強(qiáng)就是說(shuō)它在各種環(huán)境，各種背景下能被清晰地識(shí)別及應(yīng)用，一個(gè)好的游戲LOGO它不能只是好看，它得能用。游戲LOGO往往為復(fù)合圖形，多為文字與圖形結(jié)合，結(jié)構(gòu)比較復(fù)雜，結(jié)合方式及表現(xiàn)的手法都將影響到整個(gè)LOGO的可用性和適用性。而設(shè)計(jì)師或者需求方卻往往又喜歡給LOGO會(huì)加了很多自己認(rèn)為很酷很炫的特效或者裝飾元素。一個(gè)成熟的游戲LOGO設(shè)計(jì)應(yīng)該兼顧到這些應(yīng)用性的問(wèn)題，這是基本要求。一個(gè)成熟的游戲LOGO它必須既能應(yīng)用于亮色背景，也能應(yīng)用于深色背景，既能用于單色背景，也能應(yīng)用于復(fù)雜背景顏色的背景下，也能有單色LOGO應(yīng)用，還能在最小尺寸的應(yīng)用 環(huán)境中保持能被清晰識(shí)別。如上圖LOGO的設(shè)計(jì)，在設(shè)計(jì)之初就應(yīng)該考慮LOGO的各種特殊應(yīng)用環(huán)境，不同背景下的應(yīng)用問(wèn)題。4.高品質(zhì)感游戲LOGO有沒(méi)有品質(zhì)感覺(jué)主要體現(xiàn)在三個(gè)方面，造型，顏色，質(zhì)感，總結(jié)起來(lái)就兩字：美感。一個(gè)品質(zhì)不高的游戲LOGO設(shè)計(jì)，能直接影響或能直接拉低玩家對(duì)你游戲的品質(zhì)認(rèn)識(shí)，一個(gè)山寨的游戲LOGO設(shè)計(jì)能直接把一個(gè)游戲推進(jìn)山寨的坑里。下面給大家例舉幾個(gè)品質(zhì)感較高的LOGO設(shè)計(jì)相信對(duì)比之下，好與不好,不言而喻；有沒(méi)有走心一眼明了。走心的LOGO設(shè)計(jì)細(xì)膩，具有構(gòu)成上的美感，品質(zhì)上的高B格，能為游戲產(chǎn)品形象加分。當(dāng)一個(gè)游戲LOGO只有能同時(shí)具備了以上四個(gè)條件時(shí)，才能稱(chēng)得上是好LOGO，缺一不可。三、應(yīng)該怎樣是設(shè)計(jì)一個(gè)好的游戲LOGO？*步：量身這一步的主要包括下面的工作:1.了解需求在接到需求時(shí)，需求方都會(huì)寫(xiě)上一堆需求要求，類(lèi)似高端大氣上檔次，狂拽酷炫吊炸天的訴求不少出現(xiàn)！有時(shí)還會(huì)出現(xiàn)一些自相矛盾的需求信息，著實(shí)讓設(shè)計(jì)師抓狂，所以這要求設(shè)計(jì)師有能力去分析一下其中的真命題與偽命題，因?yàn)楹芏鄷r(shí)候需求方自己也說(shuō)不清楚自己想要什么，或者他想把他能想到所有的元素都想附加到這個(gè)LOGO身上，還有一些純天馬行空的想法。2.了解產(chǎn)品這是設(shè)計(jì)LOGO前必須做的功課，設(shè)計(jì)師必須充分了解游戲產(chǎn)品，了解游戲品類(lèi)，游戲風(fēng)格，游戲特色，游戲玩法等等。搜尋可視化符號(hào)和標(biāo)志性的影像信息，抽取重要的設(shè)計(jì)元素及重復(fù)出現(xiàn)的視覺(jué)信息。讓自己的眼睛去引導(dǎo)自己，而不是拿尺子去量，聽(tīng)別人講，得用眼睛去找出設(shè)計(jì)方向。3.溝通說(shuō)出你對(duì)這個(gè)游戲LOGO設(shè)計(jì)方向的初步想法，使用需求方聽(tīng)得懂的視覺(jué)語(yǔ)言來(lái)進(jìn)行溝通,例舉同類(lèi)型產(chǎn)品參考案例，分析優(yōu)劣，與需求方交換設(shè)計(jì)意見(jiàn)，也可以進(jìn)一步了解這款游戲未來(lái)的市場(chǎng)定位，以保證在大的設(shè)計(jì)方向上能達(dá)成一致的共識(shí)的，同時(shí)在這樣的過(guò)程中也能取得需求方的信賴(lài)，讓他成為你的小伙伴。4.確定設(shè)計(jì)方向設(shè)計(jì)元素一個(gè)游戲LOGO它也僅僅是一個(gè)LOGO而已，而需求方往往希望它能給玩家?guī)?lái)大量的視覺(jué)信息。提出許多要體現(xiàn)的元素設(shè)計(jì)訴求，但作為一個(gè)LOGO，傳遞出的信息越少，就越容易給玩家留下深刻映像。所以必須對(duì)LOGO的設(shè)計(jì)元素進(jìn)行提練精簡(jiǎn)，以保證LOGO在視覺(jué)上*時(shí)間能向玩家傳達(dá)出產(chǎn)品的核心信息。第二步：定做1.發(fā)散構(gòu)想LOGO設(shè)計(jì)師應(yīng)該是具備創(chuàng)造力、想象力、創(chuàng)新能力的設(shè)計(jì)師，對(duì)圖形圖象信息比較敏感，每一個(gè)LOGO設(shè)計(jì)前設(shè)計(jì)師都可能進(jìn)行了多種構(gòu)想，包挺圖文結(jié)成的方式，LOGO形狀，LOGO的顏色，考慮使用何種色彩、形態(tài)、肌理，表現(xiàn)某個(gè)特定時(shí)期的特定風(fēng)格。這一步有些設(shè)計(jì)師喜歡打草稿，而我喜歡在腦中繪圖，在我坐著班車(chē)回家時(shí)想，也可能是在我洗澡的時(shí)候想，每個(gè)設(shè)計(jì)師都可能有自己一套構(gòu)思創(chuàng)意的方法。這里只是要求大家應(yīng)該多想想再動(dòng)手。2.形狀設(shè)計(jì)其實(shí)這一步主要是字體設(shè)計(jì)，當(dāng)然也有一些圖文結(jié)合的LOGO，但多以字體設(shè)計(jì)為主，之所以對(duì)文字進(jìn)行設(shè)計(jì)，是因?yàn)橄Ｍ哂形淖中畔鞑サ墓δ艿耐瑫r(shí)具有圖形信息的傳達(dá)功能，因?yàn)樽煮w經(jīng)過(guò)設(shè)計(jì)是能具有自己的性格，它可以是秀麗柔美，穩(wěn)重挺拔，活潑有趣，蒼勁古樸等，優(yōu)雅古典，所以可以根據(jù)產(chǎn)品的特性設(shè)計(jì)合適的字體，字體設(shè)計(jì)的涉及的學(xué)問(wèn)比較多，這里不做介紹。但這里對(duì)游戲LOGO的字體設(shè)計(jì)有幾點(diǎn)基本要求：（1）字體的沒(méi)有可識(shí)性的問(wèn)題（2）字體設(shè)計(jì)具有視覺(jué)美感（3） 字體設(shè)計(jì)的圖形個(gè)性符合游戲的特性3.顏色的選用色彩是具有情感的，是一種直接的視覺(jué)的反映。因此，選擇一種合適的顏色，能為您的LOGO帶來(lái)顛覆性的變化。每種顏色根據(jù)色相的不同，都會(huì)具有不同的性格情緒，每個(gè)logo身上的顏色上有著它自己的象征意義，具有傳達(dá)情感信息的作用。而且一個(gè)游戲LOGO上的顏色，一般會(huì)被用于產(chǎn)品整體的視覺(jué)包裝中,作為產(chǎn)品的品牌顏色。正如COD現(xiàn)代戰(zhàn)爭(zhēng)3一樣選用綠色作為產(chǎn)品的主品牌顏色，其產(chǎn)品的視覺(jué)包裝都統(tǒng)一使用綠色，黑色作為主基調(diào)，這樣的LOGO除了具有產(chǎn)品特性傳達(dá)功能外，更主要的是它能在玩家心里留下深刻的品牌印象。即使給玩家展示一只有綠光波和戰(zhàn)士的圖片，玩家也是能一眼看出這是COD MW3。4.打磨質(zhì)感游戲LOGO為什么大部分有質(zhì)感，為什么都不平面化處理呢？因?yàn)槟愕漠a(chǎn)品不是像COD這樣具有歷史的游戲。COD*代產(chǎn)品的LOGO是肯定有質(zhì)感的，只不過(guò)是經(jīng)過(guò)多代產(chǎn)品沉淀迭代，產(chǎn)品LOGO才逐漸走向輕質(zhì)化無(wú)質(zhì)化，因?yàn)镃OD字形標(biāo)識(shí)已經(jīng)在玩家形成一個(gè)品牌視覺(jué)符號(hào)。它的LOGO無(wú)需再向玩家傳達(dá)它的游戲特性。質(zhì)感是*最直接體現(xiàn)游戲特性的設(shè)計(jì)元素，選擇一個(gè)合適的的質(zhì)感，能直接影響整個(gè)LOGO的品質(zhì)。質(zhì)感的表現(xiàn)手法是多種多樣的，有卡通風(fēng)格的，有重金屬風(fēng)格的，有史詩(shī)滄桑感，有殘舊碎裂感的，......等等。而游戲LOGO的質(zhì)感塑造*能與游戲自身UI或者游戲背景，游戲世界觀，游戲風(fēng)格有關(guān)聯(lián)。以增強(qiáng)游戲的帶入感，也能通LOGO*時(shí)間向玩家傳達(dá)產(chǎn)品的有效信息，引起玩家對(duì)游戲的一定興趣。完成了以上的步驟，一個(gè)游戲LOGO才算是標(biāo)準(zhǔn)化地完成。四、總結(jié)當(dāng)我評(píng)判一個(gè)游戲LOGO是否是好的游戲LOGO設(shè)計(jì)時(shí)我有以下幾個(gè)標(biāo)準(zhǔn)：1 長(zhǎng)像，它是否長(zhǎng)得像游戲LOGO，它是否適合這個(gè)游戲，也就是說(shuō)它能否給玩家傳達(dá)出這游戲的品類(lèi)及游戲特色信息2 識(shí)別，它是否存在識(shí)別上的問(wèn)題，主要信息能否清晰傳達(dá)。3 可用性，它是否能用，好用，在各種特殊環(huán)境的使用中，是否能保證顯示清晰。4 品質(zhì)，它長(zhǎng)得美不美觀，有沒(méi)有品質(zhì)感，有沒(méi)有細(xì)節(jié)。作為游戲LOGO設(shè)計(jì)師我覺(jué)得應(yīng)該注意以下幾點(diǎn)：1 理解，設(shè)計(jì)前務(wù)必先了解產(chǎn)品，理解產(chǎn)品。2 溝通，只有通過(guò)溝通，充分了解需求方的訴求，才能明確設(shè)計(jì)方向，少走彎路。3 思考，先思考，構(gòu)想，發(fā)散，有了靠譜的創(chuàng)意之后再動(dòng)手開(kāi)始做。4 走心，用心關(guān)注每一個(gè)細(xì)節(jié)，不求完美，但求盡力而為。注意點(diǎn)：忌元素堆砌，生拼硬湊，提煉元素是LOGO設(shè)計(jì)的精髓，簡(jiǎn)即多，亦簡(jiǎn)亦佳；注意元素的主次關(guān)系，主要信息是否能清晰傳達(dá)；注意細(xì)節(jié)才有品質(zhì)。

2.游戲中的圖標(biāo)怎么設(shè)計(jì)出來(lái)的? 附教程

在游戲公司研發(fā)項(xiàng)目，我們需要給項(xiàng)目組制作相應(yīng)的游戲UI界面、圖標(biāo)，而圖標(biāo)的設(shè)計(jì)制作需要和界面的風(fēng)格和配色相互呼應(yīng)。尤其是圖片的大小尺寸，往往根據(jù)使用不同，繪制尺寸需要300-1500大小，比如正常圖標(biāo)通常是300-500像素就夠了，而LOGO、徽章、特賣(mài)商品需要繪制1000左右甚至更大尺寸。外包上線項(xiàng)目《蒼之紀(jì)元》-已授權(quán)可展示我們通常在繪制草圖階段就會(huì)把大圖和小圖同時(shí)放PS軟件中一起檢查識(shí)別度、項(xiàng)目匹配，在繪制時(shí)候就會(huì)注意細(xì)節(jié)的設(shè)計(jì)等問(wèn)題。外包上線項(xiàng)目《蒼之紀(jì)元》-已授權(quán)可展示所以如果是新人，在入行初期養(yǎng)成良好的工作習(xí)慣往往會(huì)提高工作效率也會(huì)更加容易畫(huà)出好的品質(zhì)作品。案例分享：相信很多設(shè)計(jì)朋友在工作中都會(huì)收到各類(lèi)奇葩的工作需求，比如沒(méi)有參考圖，沒(méi)有尺寸，沒(méi)有設(shè)計(jì)說(shuō)明等三無(wú)產(chǎn)品，但是——我們必須給出一個(gè)碉堡的設(shè)計(jì)出來(lái)。另外除此之外可能整個(gè)工作過(guò)程也是沒(méi)有人幫助、沒(méi)有領(lǐng)導(dǎo)拍板、沒(méi)有同事交流等囧境……下面情節(jié)如有雷同，不是巧合，是緣分！某個(gè)周五快要下班的晚上，我手機(jī)工作群收到了項(xiàng)目同事的工作需求，關(guān)鍵是當(dāng)晚必須要??！于是我放下背包重新打開(kāi)電腦，開(kāi)始拼命收集素材加速干活。（這也是很多設(shè)計(jì)師沒(méi)有女/男朋友的主要原因，加班太多）生活中很多不明白的事情我喜歡多動(dòng)手網(wǎng)上找，一會(huì)時(shí)間我就明白為啥叫綠舌頭了。幾分鐘后我已經(jīng)找了很多參考圖，心里也有了大致的設(shè)計(jì)思路。繪制圖標(biāo)我喜歡畫(huà)的大一些，避免游戲項(xiàng)目做HD（高清）版本，如果畫(huà)太小要重畫(huà)。01 打開(kāi)photoshop新建一個(gè)1000x1000像素大小的畫(huà)布，分辨率72就可以。02 簡(jiǎn)單的繪制一下我們需要繪制的圖標(biāo)草圖，個(gè)人一般喜歡用ps自帶的硬邊筆刷。03 按照素材做了一個(gè)綠舌頭版本，總是看著很奇怪，這是為啥呢？？04 既然項(xiàng)目都說(shuō)了只要項(xiàng)目合適，顏色可以自定義。于是換了下顏色，試試粉紅色版本這邊草圖大家可以把大體的明暗關(guān)系簡(jiǎn)單刻畫(huà)下，這樣心里有數(shù)后期畫(huà)成啥樣。05 截圖是我個(gè)人筆刷，前面4-5個(gè)筆刷使用頻率*的，硬邊筆刷、噴筆、升級(jí)版19號(hào)筆刷、特效筆刷等。（建議小伙伴花一些時(shí)間整理自己常用的筆刷，這樣會(huì)大大提高我們?nèi)蘸蠊ぷ餍剩?6 使用漸變工具或者平涂加噴筆都可以得到下面效果，這邊建議大家可以先鋼筆勾勒一下繪制區(qū)域，這樣畫(huà)出來(lái)的圖標(biāo)更加精美喲~07 因?yàn)楸羰峭ㄍ父斜容^強(qiáng)的材質(zhì)，我們可以畫(huà)出一些木棒，這樣顯得更棒。這邊繪制使用了選區(qū)加畫(huà)筆工具08 增加質(zhì)感，添加了一些冰棒的反光，完善材質(zhì)效果。同樣是選區(qū)加噴筆繪制09 這部增加了冰棒底部反光10 增加了環(huán)境色，讓圖標(biāo)看上去顏色不單調(diào)，反光處用了一點(diǎn)藍(lán)色冷光做顏色互補(bǔ)。注意圖層畫(huà)筆用噴筆，疊加效果11 增加高光，鋼筆勾勒整個(gè)高光，然后做一個(gè)蒙版，畫(huà)筆上下和中間部分擦一下即可得到這樣效果。12 進(jìn)一步完善細(xì)節(jié)，增加反光和次要高光13 增加折射和水滴細(xì)節(jié)，這樣冰棒更有真實(shí)性14 水滴的細(xì)節(jié)大圖，需要使用畫(huà)筆手繪刻畫(huà)15 請(qǐng)注意分層，避免工作中的返工16 細(xì)節(jié)光影和高光不能少17 接下來(lái)我們畫(huà)木棒，注意這邊投影我后面給一點(diǎn)模糊，細(xì)節(jié)會(huì)更美妙18 刻畫(huà)出木棒的厚度，注意反光和邊緣轉(zhuǎn)折厚度19 給了2像素的高光，這樣木棒看著更自然，不會(huì)像個(gè)“紙片”20 給了點(diǎn)小細(xì)節(jié)—透光，21 整體調(diào)整，給了一點(diǎn)輝光，這樣圖標(biāo)看上去更棒背景是用漸變工具拉的，簡(jiǎn)單出效果22 整體飽和度和細(xì)節(jié)小小調(diào)整了下我們圖標(biāo)就畫(huà)好了？24 畫(huà)好了圖標(biāo)需要和整體界面和其它圖標(biāo)品質(zhì)、細(xì)節(jié)搭配檢查，這樣才能判斷是否是一個(gè)合格的圖標(biāo)設(shè)計(jì)作品。把畫(huà)好的圖標(biāo)放到我們實(shí)際項(xiàng)目中的界面中去，檢查配色、風(fēng)格和識(shí)別度。作者：ET25 當(dāng)前圖標(biāo)為選中態(tài)，選中時(shí)候會(huì)比正常圖標(biāo)放大一些。這個(gè)時(shí)候如果細(xì)節(jié)畫(huà)的過(guò)多或者太碎需要取舍修改，如果比例、配色、識(shí)別度、風(fēng)格都沒(méi)問(wèn)題，那么很容易就通過(guò)了。教程導(dǎo)師介紹鄧杰/Jack01前網(wǎng)易游戲設(shè)計(jì)專(zhuān)家● 游戲圈從業(yè)13年+，培訓(xùn)/外包經(jīng)驗(yàn)7年+● 主導(dǎo)和參與過(guò)大量國(guó)內(nèi)、外游戲項(xiàng)目● 曾就職于網(wǎng)易、人人網(wǎng)、掌趣科技02受邀分享設(shè)計(jì)經(jīng)驗(yàn)2021年受邀中央美院、河北美院等高校、企業(yè)分享設(shè)計(jì)經(jīng)驗(yàn)2021年入職網(wǎng)易游戲擔(dān)任視覺(jué)設(shè)計(jì)專(zhuān)家2021年受邀騰訊游戲“光子工作室”分享交流03出版暢銷(xiāo)書(shū)籍一切勞動(dòng)，一方面是人類(lèi)勞動(dòng)力在生理學(xué)意義上的耗費(fèi)；就相同的或抽象的人類(lèi)勞動(dòng)這個(gè)屬性來(lái)說(shuō)，它形成商品價(jià)值。04獲得諸多榮譽(yù)騰訊GAD游戲-UI導(dǎo)師證書(shū)UI*頒發(fā)-優(yōu)秀培訓(xùn)機(jī)構(gòu)獎(jiǎng)杯漢王杯*CG作品大賽-*創(chuàng)意獎(jiǎng)?wù)n后練習(xí)：請(qǐng)根據(jù)上面說(shuō)的檢查圖標(biāo)設(shè)計(jì)定律，請(qǐng)選出下面每組你認(rèn)為最棒的編號(hào)。請(qǐng)大聲告訴我答案是？歡迎入群跟老師交流“數(shù)藝設(shè)”游戲UI交流1群：

3.游戲里那些圖標(biāo)和界面，原來(lái)是這么設(shè)計(jì)出來(lái)的？

UI設(shè)計(jì)最硬核的思維 就是功能微信現(xiàn)在在做一種全面連接的功能，而游戲需要實(shí)現(xiàn)的是人機(jī)互動(dòng)的功能。實(shí)現(xiàn)并完善功能，是互聯(lián)網(wǎng)、游戲、網(wǎng)站、渴望UI人才的根本原因。如果說(shuō)有電腦的世界是一片很大的面，那么可視化的操作，都是UI設(shè)計(jì)師需要負(fù)責(zé)的點(diǎn)。UI設(shè)計(jì)并不只是單純的把一張圖，一段話打印到一張紙上，而應(yīng)該是經(jīng)過(guò)UI設(shè)計(jì)師本身深思熟慮后的呈現(xiàn)。UI設(shè)計(jì)更多的是需要去思考，思考每一個(gè)元素，對(duì)功能的影響，讓這些點(diǎn)在腦海中不斷的組合，然后運(yùn)作起來(lái)，在運(yùn)作中體驗(yàn)整個(gè)過(guò)程的流暢性。如果有哪個(gè)環(huán)節(jié)不行，還得把它們打散，再重組，直至達(dá)成一個(gè)心中完美的環(huán)。然后，才進(jìn)行到把它們呈現(xiàn)出來(lái)的步驟。從整體出發(fā) 圍繞功能點(diǎn)的UI設(shè)計(jì)這是給劍網(wǎng)三做過(guò)的一個(gè)每周日常的界面。這個(gè)界面，擁有很多的功能入口，初次拿到策劃的UE需求，經(jīng)歷了一段時(shí)間的討論和修改，把功能集中的界面拆分成幾塊，分步調(diào)整。需要注意的點(diǎn):1.保證通用性節(jié)省資源量，緩解游戲整體安裝包的大小，節(jié)約用地面積是我們每個(gè)UI設(shè)計(jì)師惜墨如金的品質(zhì)。2.宣傳指引每天推薦玩家的日常活動(dòng)，我們采取放大版面和字體來(lái)引導(dǎo)和方便玩家快速理解。3.可視化UI把很多文案內(nèi)容轉(zhuǎn)化成圖像，這樣一眼打開(kāi)界面，玩家不需要很長(zhǎng)時(shí)間的拖拽、下拉操作，就可以找到自己需要的功能。4.一鍵操作我們除了配圖，更要對(duì)按鈕有統(tǒng)一的部署和位置的編排，每個(gè)按鈕對(duì)接的界面功能不同，表現(xiàn)形式和大小位置都要根據(jù)這個(gè)界面入口的功能去設(shè)計(jì)。5.美觀這才是最難的點(diǎn)，大量的信息、按鈕、內(nèi)容，如何用交互的邏輯去把它們展示出來(lái)，并且方便使用，除了反復(fù)討論、測(cè)試、反饋、修改...更需要堅(jiān)持不斷的學(xué)習(xí)。這個(gè)界面制作的主要功能，就是日常任務(wù)內(nèi)容的集中展示面板，玩家需要一眼就明了自己。需要完成的日常有哪些，為的是得到最終的獎(jiǎng)勵(lì)和經(jīng)驗(yàn)。實(shí)際運(yùn)用中，玩家需要來(lái)到這樣的一個(gè)地方做日常：如果我們只是像一張海報(bào)一樣，做給玩家看，那就是下面這種效果：然而， *呈現(xiàn)的效果是這樣：為什么要這樣設(shè)計(jì)？有以下幾點(diǎn)原因：1.根據(jù)這個(gè)入口想表達(dá)的功能，類(lèi)似一張名片的設(shè)計(jì)，醒目。2.有劍網(wǎng)3清透，玉一樣純樸高級(jí)的質(zhì)感。3.用不同心理暗示的顏色去做區(qū)分，引導(dǎo)玩家。4.并且對(duì)每個(gè)任務(wù)加上了注釋的小標(biāo)簽。5.點(diǎn)到為止。（要預(yù)留擴(kuò)展性的空間）分步驟梳理、突出主要功能，并且視覺(jué)優(yōu)化這個(gè)功能。在這樣一種邏輯思維下，最終界面以圖文結(jié)合的方式，以卡片的選擇方式布局，滿足最終功能。如果說(shuō)，界面是所有功能的集*，是功能集合的面。那么圖標(biāo)，就是單獨(dú)功能的集中視覺(jué)傳達(dá)，ui設(shè)計(jì)里的點(diǎn)。任何一個(gè)游戲里的技能、物品、武器圖標(biāo)，都是帶有自身功能的，設(shè)計(jì)做成可以傳達(dá)給玩家的視覺(jué)圖標(biāo)，從圖標(biāo)自身出發(fā)，去引導(dǎo)使用操作。這些點(diǎn)，匯聚起來(lái)是一條完整的邏輯思路，可以幫助引導(dǎo)，玩家按照一定的規(guī)則達(dá)成目標(biāo)。比如，一套可以升級(jí)的掛件，圖標(biāo)雖然是同一個(gè)物品，但是質(zhì)感、造型、色彩上，會(huì)有越來(lái)越華麗，給玩家?guī)胍环N升級(jí)的概念，這種概念串聯(lián)起來(lái)，就是裝備的升級(jí)功能。由點(diǎn)到線，每套裝備圖標(biāo)都會(huì)依照這樣的標(biāo)準(zhǔn)進(jìn)行制作，來(lái)滿足功能。帶有擴(kuò)展升級(jí)功能的圖標(biāo)（色彩升級(jí) 造型升級(jí)）自己做過(guò)的一套技能圖標(biāo)示意：武當(dāng)、土黃色劍、八卦道家門(mén)派、施法根據(jù)不同門(mén)派特色去思考功能設(shè)計(jì)，每個(gè)不一樣的圖標(biāo)是戰(zhàn)斗系統(tǒng)的功能入口展示，這個(gè)圖標(biāo)，可以運(yùn)用到多個(gè)系統(tǒng)中，比如，主界面戰(zhàn)斗、技能學(xué)習(xí)、 技能升級(jí)。這些模塊都會(huì)放置這樣一個(gè)技能圖素。那么它們每個(gè)圖標(biāo)的辨識(shí)度 整套圖標(biāo)的統(tǒng)一性以及與特效動(dòng)作的配合，都需要在設(shè)計(jì)初期被考慮到。天王、橘紅色、戰(zhàn)士、刀、馬術(shù)攻擊由點(diǎn)到面，一個(gè)技能圖標(biāo)就是一個(gè)戰(zhàn)斗系統(tǒng)的功能入口。 在對(duì)文案有細(xì)致的分析后，結(jié)合游戲風(fēng)格和門(mén)派特色繪制出來(lái)適合的技能圖標(biāo)。并且，適配方形框（一般展示用界面）和圓型框（戰(zhàn)斗界面多為圓形按鈕）兩種狀態(tài)。峨眉、女性門(mén)派、柔美、水系法術(shù)攻擊用按鈕和文字框以及背景氣氛?qǐng)D來(lái)制作紅包領(lǐng)取的界面，這幾個(gè)功能點(diǎn)串聯(lián)起來(lái)就是引導(dǎo)玩家，領(lǐng)取禮品的功能點(diǎn)。充滿禮包的圖片，并不是隨意制作，結(jié)合領(lǐng)取框用紅色喜慶的調(diào)子來(lái)，突出獎(jiǎng)品的豐富性，心理和視覺(jué)暗示喜慶豐富的氣氛，引導(dǎo)玩家的操作。而時(shí)常會(huì)出現(xiàn)在游戲中，一些華麗的外表和不同的造型并且珍貴稀有的圖標(biāo)則是為了收集功能服務(wù)。舉例，劍俠世界手游中的秘籍圖標(biāo)，裝備后會(huì)提升各種狀態(tài)，也并不容易獲取，那么它的視覺(jué)引導(dǎo)要求區(qū)別于普通圖標(biāo)，展示區(qū)域也會(huì)跟著放大，擁有更豐富的細(xì)節(jié)，去吸引玩家注意力，在復(fù)雜華麗的外表下，是有收集功能做支撐的。UI設(shè)計(jì)服務(wù)于功能，即使圖標(biāo)這樣小小的一個(gè)點(diǎn)，也需要承載整個(gè)游戲所賦予的各種功能需求，牽一發(fā)而動(dòng)全身，對(duì)于設(shè)計(jì)師而言，做好每個(gè)點(diǎn)都不是一件輕松而簡(jiǎn)單的事情。不良好的BUFF，給戰(zhàn)斗帶來(lái)緊張氣氛 提醒玩家狀態(tài)（為戰(zhàn)斗功能服務(wù)）：更多的例子，其實(shí)都可以按照這個(gè)思路去分析一下，每個(gè)設(shè)計(jì)表現(xiàn)所蘊(yùn)含的意義。有點(diǎn)到面，從一個(gè)圖標(biāo)，一個(gè)界面去細(xì)細(xì)分析。游戲設(shè)計(jì)包羅萬(wàn)象你怎么去傳達(dá)給玩家你的心意？你只能逐步去引導(dǎo)用戶(hù)操作這大概就是UI設(shè)計(jì)師的隱忍吧明明想把字調(diào)整到大海報(bào)一樣100號(hào)大小卻要在小小的角落里48個(gè)像素格子去說(shuō)自己想說(shuō)的話互聯(lián)網(wǎng)的世界，在你看不到的地方有這樣的一群設(shè)計(jì)師為你點(diǎn)亮一盞燈那盞燈是一個(gè)按鈕是一個(gè)界面是一段文字是一個(gè)UI設(shè)計(jì)師最簡(jiǎn)單和最質(zhì)樸的心愿希望，服務(wù)到大家照亮你人生一段需要陪伴的路原文發(fā)布于西山居美術(shù)中心公眾號(hào)，可點(diǎn)擊查看原文：UI設(shè)計(jì)

4.簡(jiǎn)約、創(chuàng)意、易記 | 游戲公司LOGO（標(biāo)志）設(shè)計(jì)思路分享

游戲公司名稱(chēng)：逗貓創(chuàng)意思路：暫時(shí)先分享到這里啦~更多精彩品牌設(shè)計(jì)案例（LOGO、包裝、VI、吉祥物等）及合作，歡迎大家到特創(chuàng)易官網(wǎng)圍觀哦~也歡迎有想法的設(shè)計(jì)師到特創(chuàng)易兼職接單哦~企業(yè)品牌設(shè)計(jì)_LOGO設(shè)計(jì)公司_企業(yè)VI設(shè)計(jì)平臺(tái) - 特創(chuàng)易

以上都是我為大家細(xì)心準(zhǔn)備參考的，希望對(duì)你們有所幫助。