起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > 设计培训 > 如何更上镜(网页版面设计过程)

如何更上镜(网页版面设计过程)

时间:2016-05-19 09:40:00来源:UI设计网 作者:起航学习网 已有: 名学员访问该课程

  快捷搜索:教程设计理论网页设计


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

前言: 这是作者推荐的游戏页面设计的一些个人思路与见解,希望能让你的网页也同样做得更上镜。 所使用的素材 最终稿

这是作者推荐的游戏页面设计的一些个人思路与见解,希望能让你的网页也同样做得更上镜。

如何更上镜(网页版面设计过程)_qh.itpxw.cn

如何更上镜(网页版面设计过程)_qh.itpxw.cn

所使用的素材

如何更上镜(网页版面设计过程)_qh.itpxw.cn

最终稿效果

如何更上镜(网页版面设计过程)_qh.itpxw.cn
步骤一:标题配合素材引发的思考

这次版本标题是“幻灭寂静”,配合需求方提供的素材找出关键词:虚幻+阴暗+冷色调+boss一定要叼(叼了才会有扁它的冲动)

ok,找出关键词了,排版就很容易了,表情叼的boss站中间,其他的站边上。

如何更上镜(网页版面设计过程)_qh.itpxw.cn
步骤二:前景和后景的明暗关系处理

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

如何更上镜(网页版面设计过程)_qh.itpxw.cn

步骤三:人物间的明暗强化

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

如何更上镜(网页版面设计过程)_qh.itpxw.cn

步骤四:增加画面的层次感

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

如何更上镜(网页版面设计过程)_qh.itpxw.cn

步骤五:画面的光源处理

从素材寻找光源的切入点,置入顶部光源,关键词:虚幻+冷色调。

如何更上镜(网页版面设计过程)_qh.itpxw.cn

步骤六:画面一些虚幻细节的处理

加一些前景后景的烟雾,以及人物背部的点光来烘托最终气氛。

如何更上镜(网页版面设计过程)_qh.itpxw.cn

加上文字排版–完稿


原文作者:kulama

原文地址:http://略.cn/article/ZNTUzNTI=.html

相关文章推荐:

如何更上镜(网页版面设计过程)_qh.itpxw.cn如何更上镜(网页版面设计过程)_qh.itpxw.cn如何更上镜(网页版面设计过程)_qh.itpxw.cn如何更上镜(网页版面设计过程)_qh.itpxw.cn如何更上镜(网页版面设计过程)_qh.itpxw.cn如何更上镜(网页版面设计过程)_qh.itpxw.cn如何更上镜(网页版面设计过程)_qh.itpxw.cn如何更上镜(网页版面设计过程)_qh.itpxw.cn

转载请注明:起航学习网 » 如何更上镜(网页版面设计过程)

文章出自:http://qh.itpxw.cn/peixun/ui/201613613.html

文章标题:如何更上镜(网页版面设计过程)



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

(责任编辑:深圳学历教育网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------