隨著移動(dòng)支付成為大家支付的主要方式之一，網(wǎng)絡(luò)似乎成為支付的主要陣地。游戲玩家的充值也大多選擇在網(wǎng)上。那在游戲充值界面ui設(shè)計(jì)有什么要求嗎？哪些是需要設(shè)計(jì)者考慮的問(wèn)題？今天就讓faceui為大家介紹。

　　游戲充值界面ui設(shè)計(jì)要求

　　1、考慮用戶(hù)支付的安全感

　　對(duì)比線(xiàn)上與線(xiàn)下支付過(guò)程，用戶(hù)在支付場(chǎng)景中的訴求基本一致。在進(jìn)行線(xiàn)上支付流程設(shè)計(jì)時(shí)，通過(guò)類(lèi)比線(xiàn)下消費(fèi)場(chǎng)景，設(shè)計(jì)師更容易帶入場(chǎng)景思考用戶(hù)的訴求，也能確保支付流程體驗(yàn)更符合用戶(hù)已有經(jīng)驗(yàn)。

　　2、預(yù)告與反饋

　　讓用戶(hù)及時(shí)了解產(chǎn)品所處狀態(tài)，減少因信息缺少而產(chǎn)生的恐慌。對(duì)支付類(lèi)產(chǎn)品而言，不僅要做到操作狀態(tài)及時(shí)反饋，還要能對(duì)將要發(fā)生的事情進(jìn)行預(yù)告，這樣也可提升用戶(hù)可控感，如下圖理財(cái)通取款以后預(yù)計(jì)到賬提示。此外，對(duì)于支付結(jié)果跟蹤，要及時(shí)傳達(dá)給用戶(hù)，即使是出現(xiàn)了異常也要能夠及時(shí)同步，以免用戶(hù)產(chǎn)生恐慌，如下圖話(huà)費(fèi)充值延遲到賬。

游戲充值界面ui設(shè)計(jì)（圖片來(lái)自網(wǎng)絡(luò)）

　　3、讓用戶(hù)輕松讀懂要表達(dá)的信息

　　讓用戶(hù)更懂產(chǎn)品，還有一方面就是在信息的表達(dá)上需要仔細(xì)推敲。頁(yè)面信息能否有效的傳達(dá)，也很大程度上影響安全感受。因?yàn)樾畔⒗斫獬杀镜纳仙?，?huì)導(dǎo)致用戶(hù)支付成本的上升。在進(jìn)行支付流程設(shè)計(jì)時(shí)，盡量不要出現(xiàn)用戶(hù)難以理解的步驟、陌生的概念。支付流程應(yīng)圍繞支付目標(biāo)，讓用戶(hù)覺(jué)得每一步操作都是圍繞支付目標(biāo)展開(kāi)的。如果設(shè)計(jì)流程中有的步驟用戶(hù)無(wú)法理解，或不明白與支付目標(biāo)有什么必然聯(lián)系時(shí)，用戶(hù)很容易因?yàn)槔Щ蟛桓依^續(xù)操作。

　　4、通過(guò)設(shè)計(jì)來(lái)表達(dá)專(zhuān)業(yè)性

　　通常我們會(huì)從操作流暢度、UI、內(nèi)容質(zhì)量、產(chǎn)品細(xì)節(jié)處理方式來(lái)判斷一個(gè)產(chǎn)品是否專(zhuān)業(yè)。操作的流暢體驗(yàn)更多依賴(lài)于技術(shù)優(yōu)化，內(nèi)容質(zhì)量依賴(lài)于數(shù)據(jù)源和編輯，從設(shè)計(jì)角度主要談?wù)刄I和動(dòng)畫(huà)細(xì)節(jié)傳達(dá)專(zhuān)業(yè)感。

　　ui界面設(shè)計(jì)的技巧

　　1、在開(kāi)發(fā)前期進(jìn)行APP的原型設(shè)計(jì)，針對(duì) Android和ios制定不同的輸出規(guī)范，而在頁(yè)面布局時(shí)則可盡量兼顧 Android系統(tǒng)和ios系統(tǒng)，在后期經(jīng)過(guò)微調(diào)后輸出適用安卓和ios不同的尺寸要求即可。同時(shí)，針對(duì)目標(biāo)人群要盡量使用用戶(hù)熟悉的界面風(fēng)格，方便用戶(hù)按照以往的使用習(xí)慣來(lái)操作軟件，這樣更容易讓用戶(hù)接受。如果設(shè)計(jì)得過(guò)于另類(lèi)，則可能會(huì)很難符合大眾口味，而不被大眾接受。

游戲充值界面ui設(shè)計(jì)（圖片來(lái)自網(wǎng)絡(luò)）

　　2、合理的色彩搭配和色彩選取將直接影響整個(gè)項(xiàng)目的成功與否，客戶(hù)的滿(mǎn)意度等等，所以在進(jìn)行設(shè)計(jì)前，要確定好APP的用色標(biāo)準(zhǔn)。

　　一般重要的顏色不要多于3種，而在這其中又要分為：用于特別強(qiáng)調(diào)或者需要重點(diǎn)突出的文字、按鈕等小面積使用的色彩；用于普通級(jí)信息、文字等信息的通用色彩；和用于標(biāo)題、列表等比較重要信息的顏色。其中用于背景色和需要弱化顯示的信息要用較弱的顏色。

　　3、針對(duì)字體也要分為重要字體、較重要字體和一般字體，根據(jù)文字信息的重要性來(lái)確定文字的字體和字號(hào)。其中重要的文字一般為大標(biāo)題、導(dǎo)航欄；較重要的文字為二級(jí)頁(yè)面小標(biāo)題、欄目標(biāo)題等；一般字體為普通正文文字和說(shuō)明性文字。在字體字號(hào)選擇時(shí)，還可以結(jié)合其相應(yīng)的背景色來(lái)選擇，運(yùn)用色彩的搭配太突出顯示或者弱化顯示相應(yīng)的文字。

　　4、功能icon是在APP中用來(lái)表達(dá)某一操作或者功能示意的圖形，如主頁(yè)、設(shè)置等功能能圖標(biāo)。功能圖標(biāo)的設(shè)計(jì)應(yīng)當(dāng)盡可能的形象、簡(jiǎn)潔，力求能準(zhǔn)確的表達(dá)其代表的功能。而針對(duì)應(yīng)用icon的設(shè)計(jì)要在界面設(shè)計(jì)的最后再進(jìn)行，便于讓icon與整體界面的風(fēng)格相匹配。同時(shí)，還需要輸出不同尺寸的應(yīng)用到界面上。

　　5、icon設(shè)計(jì)需要?jiǎng)?chuàng)建的是一套不同尺寸的PNG文件，且需要與應(yīng)用捆綁。設(shè)計(jì)中要善于利用圖標(biāo)語(yǔ)義引導(dǎo)用戶(hù)行為，設(shè)計(jì)師可以用象形圖形來(lái)制作圖標(biāo)，如日歷、短信、通訊簿等；也可以用字符來(lái)制作圖標(biāo)；此外還可以用一些抽象的符號(hào)來(lái)隱喻代表應(yīng)用。

　　以上就是faceui為大家介紹的關(guān)于游戲充值界面ui設(shè)計(jì)的相關(guān)內(nèi)容。游戲充值界面是游戲設(shè)計(jì)中的重要一環(huán)。游戲充值界面設(shè)計(jì)的好壞，關(guān)系到玩家對(duì)于游戲支付的信心。