游戏网页设计小技巧汇总 03
时间：2023-10-01 05:18:02 | 来源：网站运营
时间：2023-10-01 05:18:02 来源：网站运营
游戏网页设计小技巧汇总 03：
啪啪啪，先打一发脸！！！嗯，上次已经说这个系列不再更新的我又回来了。那又如何呢？那谁不是说过，设计师脸皮一定要厚么！废话少说，开撸！！！
01 适当的渐变是让文字变得有层次的更快方法
这种渐变未必是线性的从上到下或由左及右，也可以是在靠近光源的一侧直接用柔性画笔去涂抹。
（这种的优点在于变化没有那么规律呆板，可调控性较强）02 Camera Raw滤镜 — 图片降噪去毛边首选合作伙伴
因为没有找到合适的素材，所以上图我是锐化了3次后的效果，其实主要想表达的是我们在找素材的过程中有时会遇到的一种情况（gif图尤其多），对于这种质量较低、噪点较多且有毛边的素材，利用PS自带滤镜Camera Raw中的
减少杂色可以使素材质量得到适当的改善。
上图中的数值并非最终数值，大家可以去尝试改动并观察图片变化。
建议将图片转为智能对象，这样可以结合蒙版对于图片中使用滤镜后处理过曝的局部进行擦除。
03 字母和数字尽量使用独立的英文字体
左图为微软雅黑字体，右图中文为微软雅黑，字母和英文为Product Sans Bold
（字母和数字在使用英文字体后，要注意调整字符中的基线偏移，以保证和中文水平方向居中）04 Camera Raw滤镜 — 打造电影海报级的颗粒效果
颗粒效果我们经常可以在电影海报中见到，搭配合适的画面会增加整体的质感。利用PS自带滤镜Camera Raw中的
颗粒就可以使画面达到这一效果。
上图中的数值并非最终数值，大家可以去尝试改动并观察图片变化，这个功能比ps中的添加杂色感觉要更直观和容易把控一些。
05 绘制与游戏风格统一的图标让你的页面独一无二
图为《阴阳师》官网截图，左图“新手”前面的图标为常见图标，虽能基本表达含义，但是无论从创新度和与游戏风格的匹配程度而言，都要次于右图的表达。图标虽做为整个页面占用面积极小的一个点，但却是以小见大的一个体现。
06 字可为字，亦可为形
上图是我个人非常喜欢的一组作品，区别于传统的游戏网页，削弱了游戏角色在画面中的占比，将书法文字作为独立的图形元素，以较大篇幅去展示。下图也为类似的技法展示：
这种形式在海报中经常可以看到，但是在游戏页面中不多，所以大家遇到合适的机会可以尝试一下。
07 在一些修饰性的边框上可以多花些心思
上图为《天谕》世界观和资料片中的部分截图，看完后可能会有种感觉，原来就用咱们最常见不过的基本图形，可以构建出这么多丰富而统一的图案。不得不承认，这一点上，《天谕》的设计团队可以算的上业内标杆了。
08 时刻保持对同一素材不同应用的敏锐性
这是一个很常见的爆炸素材，是不是只有战争类的画面才有机会用到呢？当然不是，适当模糊去掉火星之后，就可以模拟一个很不错的暖光效果。这里我找了一个偏武侠风的例子，如下图：
模糊，缩放，调整合适的角度，最后将图层模式改为“滤色”，就可以得到下图的效果，本来整个画面偏冷，加上暖光之后，画面感觉鲜活了许多。
09 特定的环境下在主标题中叠入一张图也是一个不错的选择
当然，不管你插入的是什么图片，叠入后的效果要能保证文字在背景下的识别度，这个是首要的。选择的图片最好跟画面中的配色进行一下匹配。
10 电影海报 — 做游戏的童鞋不可错过的灵感库
先放一张图镇楼。这里我想提到的，不止是电影海报带给我们的精湛的画面处理上的直观感受，我更多想提到的是它给我们带来的一些设计方向上的启发。
（下面的例子都是为了阐述观点临时找的图，如果侵犯了您的利益，请联系我删除，谢谢）
在线咨询
