游戏页面设计的一些个人思路与见解
-

怎样在网页中应用手绘风格,以改善网站的用户体验
手绘风格非常有利于展示人性色彩,形成独特的识别度,为用户带来真实感。当你收到好友寄来的明信片时,你总是希望看到卡片是手写的,带着好友独特的笔迹,而不是用电脑打印出来的。一
-

解析网站404网页设计那些不得不说的事
前阵子做我们一淘优惠商家统一的报错页面, 整理了一些有意思的404页面(后简称404),加之最近网友热议的QQ空间公益404页面,在这里一起拿出来跟大家分享一下。
-

z-index属性的使用方法和层级树CSS教程
CSS 中的 z-index 属性用于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面, 这是我们对 z-index 属性普遍的认识. 与此同时, 我们总是对堆叠顺
整个版式的想法就不在这里叙述了,主要是标题可能会根据内容的不同进行一些字体设计,感兴趣的朋友一起来学习吧。


所使用的素材

最终稿效果

步骤一:标题配合素材引发的思考
这次版本标题是“幻灭寂静”,配合需求方提供的素材找出关键词:虚幻+阴暗+冷色调+boss一定要叼(叼了才会有扁它的冲动)
ok,找出关键词了,排版就很容易了,表情叼的boss站中间,其他的站边上。

步骤二:前景和后景的明暗关系处理
其实就是一个前后虚化处理的过程,大致的明暗关系交代清楚。

步骤三:人物间的明暗强化
处理完前后的明暗后,处理人物间的明暗,这2步主要是渲染画面的阴暗感。

步骤四:增加画面的层次感
这里我找了一些废墟的素材进行拼搭,以丰富画面的层次。但是不能对画面的主视觉造成干扰,主要是些一眼带过的效果。

步骤五:画面的光源处理
从素材寻找光源的切入点,置入顶部光源,关键词:虚幻+冷色调。

步骤六:画面一些虚幻细节的处理
加一些前景后景的烟雾,以及人物背部的点光来烘托最终气氛。

加上文字排版--完稿


















