游戏UI设计-公共内容整理

游戏开发一般最大的成本都花在了美术上面,减少迭代次数是降低开发成本的有效有段。因此,对于游戏UI,在游戏立项之后,很多公共的内容可先定下来。

有了这些公共的内容,除了节约开发成本,同时可以提高美术资源的复用程度。在没有特殊要求的情况下,就直接用公共资源即可,不需要额外地为不同界面再提供背景图,按钮等美术至于。从而也为方便了后面的迭代。

也可以为美术的修改和迭代提供方便。游戏从立项到最后上线,或者上线之后,可能都避免不了要对美术进行一些细节修改,或是整体的迭代,因为有了这些公共资源,到时只需替换掉相应的资源即可。

下面提前整理了一些游戏开发中一些通用的资源。

一 公共内容

1 文字

字体/字号:大标题,标题,正文等

颜色:标签和对应值,比如:血量:1000,剩余数量:2,一般是可以分为两种不同颜色

行距: 不同字号的文字行距不一样,要先设定下来

2 按钮

普通按钮:正常/点击/禁用,一般需要不同大小和不同颜色的几组

+/-按钮:一般跟编辑框组合使用,用于操作数量

切换按钮:选中/未选中

单选/复选框:选中/未选中/禁用

3 进度条

颜色

背景槽

4 输入框

背景

字体

5 列表

列表背景

列表项背景

二 主界面

不能关闭的界面,比如游戏主界面,战斗界面;

1 主界面

折叠/切换方式:一般主界面需要展示较多内容,需要折叠和切换

玩法/功能入口按钮样式:主要是大小,其他的可能还有统一背景图,特效等级等

技能/摇杆

常住信息(血量/蓝量/货币/buff)信息显示方式

聊天信息展示

任务信息展示

操作提示:比如红点或者状态按钮,点击打开可操作列表

2 战斗界面

战斗界面一般是在副本中,需要显示副本的相关信息

信息栏背景图

信息标题样式

返回/离开按钮

三 弹窗

可以关闭的界面,一般不需要长时间显示的内容;

1 一级弹窗

一级弹窗主要显示养成信息和玩法状态,比如强化、背包、角色属性、任务详情等,一般会有返回和关闭按钮。

背景图

弹窗标题样式

返回/关闭按钮:也可以点击空白处关闭

区域背景

区域分割线

区域标题样式

2 二级弹窗

二级弹窗主要用于显示一些提示信息或道具信息,比如天赋/技能描述,二次确认框,装备信息等

背景图

标题样式

返回/关闭按钮:一般没有,只有点击空白处关闭

四 道具

道具品质底图

道具品质颜色图

道具信息图标内容(背景框,图标,品质底图,等级,数量,职业,强化等级等)

五 其他

1 名字

最大长度

显示样式

2 等级

显示格式,比如:Lv10,Lv.10,10级,1转10级等

显示样式,字体,颜色等

3 vip

文字显示:格式,字体,颜色

图标

4 时间

倒计时显示格式

时间点显示格式

5 属性

属性名:颜色,字体

属性值:格式,颜色,字体

加属性显示方式

比如:

物理攻击 100 ~ 230

物理防御 20

物理攻击 +10 ~ +30

物理防御 +2

物理攻击 100(+10) ~ 200(+30)

物理防御 20(+2)

原文:http://www.hwqjedu.com/zhishiku/2476

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,189评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,577评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,857评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,703评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,705评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,620评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,995评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,656评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,898评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,639评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,720评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,395评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,982评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,953评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,195评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,907评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,472评论 2 342

推荐阅读更多精彩内容

  • 1 UI设计基础 1.1 为iOS而设计 1.1.1 iOS包含以下3条设计原则: 遵从,UI应该有助于人们理解内...
    Willry阅读 3,554评论 1 48
  • 使用sketch最重要的一点是设计好控件的规范。 为做好设计规范需要对色彩进行编号,比如:color_a”_1,c...
    youyeath阅读 26,111评论 2 237
  • 今天闲来无事看了一点点芥川龙之介的《罗生门》,本来呀是表姐想看的书,跟我的《人间失格》一块买了,我就先自己偷偷看了...
    芥蓝惹阅读 596评论 0 0
  • 职场上有一种“聪明人”,一直以为自己很聪明,从不等别人的问题说清楚,就抢着回答,抢着辩解,抢着邀功,以为全世界只有...
    沈鱼2009阅读 472评论 2 0
  • 周末两天感觉还没过呢,就又该返校了。下午返校的时候,旭旭妈妈说到,旭旭近来几次,返校时有情绪。其实这是很正...
    维乐_7d6c阅读 461评论 0 0