【原创】cocosui---学习--ui的经验

 

重新学一遍之前几个项目的UI

侧边栏

聊天栏特殊设计等等

 

 

针对刘海屏的UI设计

直接上门那一部分，不显示UI，UI顶在刘海下面

 

 

（1） 现在的UI设计，不少时候得从UE的思路去考虑

比如所有板子的title栏，不是越亮色越好，不突出，反而经常很多用灰色的title底板故意不强调

只用颜色突出板子上最大的按钮

甚至按钮上的文字也用灰色等，而不用白色等额外突出。

这样还一个好处就是多个btn是，不会亮点注意点太多。

 

一般人的视觉优先级，颜色，图形形状，然后才是文字

当然也有少数的人确实对文字比图形敏感

 

 

 

（2） UI的纯黑遮罩

全板子的遮罩，如果有，是考虑适配额外加的，一个mash比标准尺寸大一些

80%大小板子的遮罩，一般遮罩要深一些，让玩家集中关注当前板子内容

小板子的遮罩，一般遮罩偏浅一些，比如40%的α值，否则太黑很奇怪

故意让后面的有点透过来，而且透过来的可能是地图，也可能是上一级父板子。

 

（3）UI的内容遮罩

这个一般是控件自动生成的

比如scroll view 里的mask

还有之前聊天栏做过的一个mask

 

 

（4）

 

cocos 注意父子节点
父节点的透明度会影响子节点的

2,3个文字label 错开Y一点等，可错开x或不，
注意有时候只能放前后，不能放父子层级

 

(5)

richtext

cocos修改，现在outline width不能小于1
 

 

(6) 三层label 叠效果

还有同色透明度叠效果，只能在一层，透明的在后面

 

slider 滑动条有一个问题
如果scroll view下层包含一个slider，会导致slider无法滑动

所以需要程序单独写一个类slider的功能

mask1
纯美术表现遮罩

mask2
裁剪遮罩

icon 选这个，资源会跟随缩放
simple 
custom
trim

scroll view 
选grid和横竖排放
选vectical竖排
选honz横排

 

 

（1）以后策划拼UI，如果需要临时用到sj的老资源，不允许用他们图集里的，只允许临时用散图，而且必须放在resources/Zresources/temp下面，不允许从工程其他位置拖到UI
并且，通知美术，需要制作这个资源对应的正式资源！
（2）存量的UI，用到了sj的资源但没放到temp怎么办
首先，现在新UI也不多，工作量不大，速度改。周一下班前自己一个个替换为正式的美术资源
美术来不及出的仍然放temp里，有问题找美术沟通
（3）以后新做UI，原则上美术都会给正式的资源，且是图集形式
策划取后放在resources/Zresources/ui下
（4）美术资源都得放到 resources/Zresources下面
之前放在resources/UI下的一些资源需要挪过来，周一晚上前挪好吧
（5）以后拼UI的正式，都不允许用散图，美术会给图集
图集位置在resources/Zresources/ui下，不会连图集的问下我
（6）催美术把temp的图变成正式的图和图集
（7）做UI挂预制的时候，尽量重新做，如果是copy的预制，需要特别注意功能差别和挂的脚
（8）大图不打在图集里，单独放在resources/Zresources/ui/bg 下，要找也去这找