datagrid.columns有没有图片图片属性_游戏GUI界面属性栏的展现方式[笔记]

最近苦恼这个

干脆把搜集到的展现方式都列一下,当线上笔记保存保存

所有图片来自网络

横向直接展示类

243a2b6d11b615b3e50f8c59eb138e71.png
小图标+装饰(这图问题还是挺。。的 仅参考样式)

0d354a7d495257a893d6bff9af36a96c.png
与上图类似

27f470296c376012ab9eb2e92b845955.png
无图标类型 居中对齐 左侧大字展示总战力的方式也很值得借鉴

c2b214e6254a2e2ce69b53a09b56b83c.png
上下分栏陈列型

13e35354bd335e3cc57e5de20fd67d17.png
特殊进度条

小结:横向陈列式属性展示方式可以有以下几个维度去思考:

  • 属性之间需要多大的区分度?(用颜色区分>用图标区分>用名字区分)
  • 用不用小图标?有没有属性名?
  • 进度条or数字or两者结合?需不需要显示增幅量(即属性加成)?进度条的款式?
  • 对齐方式 ?(包括名字的对齐方式和数值的对齐方式)

特殊可视化类

43cdcd159a4eef60c58b0c06932b4c19.png
多边形雷达图

7475fc16f072dc09272e3fe378ff0db3.png
雷达图

449ba8b668e96261211301c0420d0b8f.png
轮盘展示 (适用于经验值等有进度条的类型 机械感很强)

8d25baafeb662f5cb2c10d34ee39fad9.png
指针仪表盘式 (适用于比较机械,科幻类型的游戏)

特殊类型收集下来发现数量很少...

上面这几种已经涵盖了市面上大部分(99%)会出现的类型。

有必要设计特殊类型的创新属性展示方式的时候,设计师如果想要摆脱巢臼,可以参考一下图形表格的信息可视化的方式

(仅供参考,这种类型的形式很少出现在游戏里,改造为游戏UI按需进行改变和优化):

5cbee3ec599f3e6fac37fd8708e36e32.png

3b2c9d37736a6a92f0300c3f96f3f0ea.png

13861910bb3cbaa8c5ea041b4106c508.png

8521e7e49f1164e92b7cfde64ec728e9.png

6c39b3ad5e133dcaef4bde1bb553b3f0.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值