教程 | 游戏web类设计小技巧汇总02
时间：2023-10-01 02:00:01 | 来源：网站运营
时间：2023-10-01 02:00:01 来源：网站运营
教程 | 游戏web类设计小技巧汇总02：
小编说：“设计本无对错之分，“绿色笑脸”仅代表“可能会更好”。 新一期的“大家来找茬儿”，你准备好了么？（偷笑） 本人设计水平有限，说得不对的或者有需要补充的欢迎大家评论，共同进步！”01适当的锐化可以在一定程度上提高素材的精度位图在进行拉伸或者缩放的情况下，都会有不同程度的质量的损失， 适当的锐化可以在一定程度上让缩放后的素材看起来更加精致。 （
建议复制一层锐化，这样可以通过调节不透明度来控制锐化程度）
02相对的，过度的锐化是应该避免的左图是锐化了两次以后得到的，人物边缘及身上的线条出现了不同程度的疵边现象， 这是锐化过度造成的。大家一定要把控好锐化的度，不要盲目依赖。
03素材的选取要注意与整体画面的风格统一左图的金币属于现代的Q版的素材，与偏古风的画面明显不搭，右图的金色铜板就很贴切。 大家在选取素材时也要注意素材与画风是不是“同一类的”。
04从更真实的角度考虑画面元素的合理性试想一下，如果立块板子在沙滩上，板子一定会陷入沙堆中，有沙子遮住板子下方是很合理的。 多从实际的角度去考虑画面塑造的合理性，当然前提也是不要过分影响到功能的落实哦。
05使用水墨元素时切忌墨迹周围过于杂碎杂碎的墨迹边缘会给人躁动和杂乱无章的感觉，不管是小范围交互元素，毛笔飞白， 还是大面积的墨迹铺底，过于杂碎都会使人产生不舒服的感觉。
06强烈的冷暖对比更能烘托出画面的激烈和对抗性如果想要表达对抗或冲撞的感觉，那么，在你的能力和素材允许的情况下， 强烈的冷暖对比都将是表现的最直观的不二之选！
07搞清楚画面的主体究竟是什么，该弱化的元素请不要吝惜左图中远处的城楼我拼凑了好久，但是出于合理性，以及突出人物眺望远处的大感觉， 还是直接用烟雾进行了遮挡。拼了半天遮住了不可惜么？答：不可惜，因为合理！
08对字体进行简单的二次处理，有时会有意想不到的效果左侧是直接的字体（Agency FB）加了外发光的样式， 右侧结合蒙版对每一个字母的中间进行了2像素的切割，是不是看起来科技感更足了？
09SLOGAN受光最强的地方可以考虑增加溢光的效果这是一个生活中的自然现象，在受到强光的照射下，物体受光最强的部位有时会有溢光的现象。 同样，物体受用，文字效果也受用。
10有动势的素材可以在素材的周围顺势加点动感模糊左侧的人物虽然有动势，但是感觉像静止的。右侧通过给人物边缘加了动感模糊效果， 让原本静止的人物真正的“动”了起来。
11给物体添加投影时，不要让物体看起来像纸片一样贴在墙很多新手都会出现的一个问题，投影的距离和大小一定要根据实际情况去实时调整。 要注意的是，物体是有体积的，那么加投影的时候要适当加大一点点距离和大小。
12NEVER!!! 永远不要使用低质量的素材这一点不止针对于游戏网页设计，相信整个设计领域都会很抵制低质量的素材。 一句话，渣图使人挨饿。。。
13保证识别度的前提下，尝试让主体“凌驾”于Slogan的上方这张图可能需要你更仔细地去观察，右图的文字是置于人物身体后面的。 有时，主体轻微的遮住一部分slogan（不影响识别度的情况下），可以让画面的层次感更强。
14结合游戏环境对Slogan变形可以让你的画面更出彩考虑到《TOS》偏中世纪的复古奢华的画风，对slogan做了类似哥特的处理形式。 是不是比左侧直接上粗宋体的效果要好很多？
15充分发挥你的想象力，让页面的形式丰富起来左侧的专题采用最常规的形式，slogan+5个入口平铺，而右侧换了一种形式， 将画面中的所有内容元素做在一个类似心形玫瑰花风铃的上面，形式较左侧而言丰富了许多。
16切记！书法字体慎用描边效果这一点是一定要切记的！因为混合选项中的描边在往外扩散的过程中会逐渐趋于圆润， 会使整体变得萌萌哒…大家可以在描边的基础上手动去添加毛笔笔触，以保证毛笔字的整体威严！
17书法字体的选择也要分情境，并不是越霸气越好书法字体不是只有苍劲有力的，也可以是清秀婉约的，需要根据不同的情境去挑选。 对于上图清秀典雅的服饰风格，显然右图的书法字体看起来跟整体会更搭配一些。
18记得给画面中的发光元素加上环境光这是一个很容易被忽视掉的细节，但又是生活中很合理的一个现象。 光效啊，火焰啊等等这些素材，周围应该都会有淡淡的环境光晕，大家可以手动加上。
19用有趣的形式吸引用户的交互操作左图只是一个普通的手绘签到按钮，右图增加了一个小人（其实是个gif，在不停的拍打按钮）， 增加了画面趣味性的同时，也在一定程度上吸引了用户的点击操作。
20多沟通，是少走弯路的有效途径这次教程又结束了，下期再会！！！！！！！！！！！！！！！！！！
在线咨询
