今晚,趁着喝了两口二锅头,有了点情绪,来写一个3.X开倒车集锦。列举一些3.X不如2.X的地方。
都是我个人主观观点,不喜可喷。键盘侠想杠的话看最下方杠精QA专区。
下文开始以代表2.4.10, 以 代表 3.7.3
1. Label. string 的编辑框:
可以调整大小
不能调整大小
2. 自定义数据的动画控制:
可以使用自定义数据
不可以使用自定义数据,会导致动画编辑器无法添加属性轨道
3. 属性面板
1. 组件标题使用粗体,与属性名有区分
2.可编辑属性由黄色统一代表
组件标题与属性名字体基本一致,无法区分。
可编辑属性有 白 有灰 有蓝。
练一练
试试看,分别在2.X和3.X上的属性面板中寻找cc.BlockInputEvents 组件。
4. 使用鼠标选择节点
鼠标移动在节点列表中时,编辑区有提示框,可以知道列表中的节点在编辑区的位置
鼠标在编辑区点击选择节点
无上述功能
也可以点击选择节点,但体验比2差,能稍微看出来选择的逻辑设计,不合理。
5. 矩形变换工具(这两个版本的都有问题,难兄难弟,问题各不相同)
不多说了,左上右下对角不能正确等比缩放,说了太多次了。
ALT+SHIFT 等比缩放,开始时会有一小段ALT失效。(节点往左下稍微偏移了,然后迅速恢复居中等比缩放)
6. 资源管理器中的一些无用的缓动
拖动文件时,无缓动
拖动文件时,高亮边框有缓动。加入了缓动后只会让人感觉到迟缓,没有任何视觉享受。而且高亮边框没有标题,没有清晰。
定位资源,有黄色提示
定位资源,很傻的动了一下,非常的不显眼
7. CCC3总体的问题与一些杂项:
挺多COCOSER都会对有一个这样的印象:太黑了,而且看多了眼睛累。那么为什么会造成这样的一个结果呢?
- 配色对比度高,容易造成眼睛疲劳。请注意,COCOSER一年中起码有半年是要看着这个界面的。
- 没有有效的使用颜色来分别代表不同的功能和逻辑,进一步加强了疲劳感。(做到了一点点,可编辑属性使用了黄色)
建议:
-
降低对比度,不是越黑越好,前景色与背景色跨度拉小,保持在一个不大不小的值之间。
-
适量运用图标,点缀色。由统一的颜色代表某种区分出功能或逻辑。这样一方面能方便眼睛在UI堆里面找东西,一方面可以提高 单位面积UI 的承载的数据量。(这点可以参考下U3D,BLENDER等优秀的软件设计。U3D的UI非常拥挤,但是条理逻辑清晰。有很大一部分原因就是图标和颜色的使用。)
-
对输入框留白,外边框、内边框等地方进行精修,不要浪费太多空间。
-
好软件都是迭代出来的,没有哪个天才能一下子做出来大家都爱用的工具。我相信上面的问题在时间面前都不是问题。能做出来好用软件的就两种情况,一种是真的很专业,一种是真的有。
杠精自动QA区
Q1: COCOS收你钱了吗?免费给你用,你还要喷?
A: 我这相当于野生QA,我还想问官方收费呢,这是喷吗?这是爱的责罚。
Q2: COCOS做UI的是一个专业的团队,听说他们可是写了一个50页还是500页的设计文档呢,你一个码农比专业团队厉害吗?
A: 我不是质疑专业的人士,但的确有不可忽视的问题摆在眼前。我猜设计师设计配色方案时,也许没有考虑到这是一个长期使用的软件。这样的配色方案应该适合一个DEMO网站,一个15秒广告,或者是一个海报,或者甚至是一个120分钟电影,它鲜艳,跳跃,兴奋,吸睛。
PS: 我想,专业团队应该去搞一下网站,你看看这首屏,像话吗? 哪天有个煤老板手握一个小目标来到网站,寻找你们的联系方式,要送钱给你们,谁知道他看到这个首屏,他眼都花了,一气之下投给友商,白鹭时代突然起死回生……