·您的位置:本站首页 > 新闻中心 > 详细内容

怎样让你的网页具有光影效果

来源:本站 作者:admin 日期:2011-07-04 16:59:37 浏览次数:1922
大家好! 我是九艾网络一名年轻的设计师。一年前我离开的原单位来到了这个团队,当真正的融入到九艾的团队的时候,我发现自己的技术得到了长足的进步。无论是工作状态还是设计水平较之以前有了很大改善。这都是同事们的相互帮助和鼓励,共同进退的结果。3个月前时间公司组织去参加一个培训活动,以此来提高大家的设计水平。培训的主题是:怎样让你的网页具有光影效果。 效果出乎意料的好,网站变的更有层次感。写这篇文章就是想和大家一起分享我的设计思路及光影的创作思路。 光和影无处不在的存在于大自然中。我们目光所视都是光影的效果。设想一下:如果将光影的效果放入网页中,网页会怎样?--富有动感而且自然,让你的设计更加精致更加出众。
一.如何正确使用光影光源的位置决定了很多因素。编辑可以利用photoshop图层样式中的“全局光照”来确保光源的一致性。光源的确定决定了网站的整个氛围。以下是我从素材库中寻找出的,设计师利用光影,把整个画面变的有空间感、立体感。

下面的作品看起来更加生动给人一种潜入水下的感觉,设计方法是运用直光照射整个网站的头部。不同的方法不同的颜色给人的感觉是完全不同的。这就是她的独特之处。

当然,也可以不止使用一出光影。如下图,台灯的运用。

二.渐变的应用创造深度和真实性比较好的方法就是渐变的应用。渐变有一点要注意,不能太过。
这中手段一直被广泛的运用到导航中。

三.高光的应用高光一般不用于整体,而是细节上。例如网页的LOGO或者重要的按钮,这样可以使网站看起来更加的精致饱满。同样,高光只适应部分,广泛的运用肯定会适得其反。

四. 投影这个是比较常用的一个手段,不仅可以增加视觉的深度而且可以增加网页的质感。

Google都已经用了投影,你们还在等什么?虽然光影随处可见,但是把光影用于网页中不是一件容易的事,这需要大量的经验积累。呵呵,做了光影快3个月了,也没有做到当日那个老师演示给我们的水平。继续努力吧,总有一天会成为光影设计师的。

上一条新闻:现代快报都市圈圈--案例   下一条新闻:一封来自客户的感谢信

南京网站建设:南京同网 电话:025-8960-2456 地址:南京中南路230号3178

备案号: 苏ICP备14037450号-6