您好,欢迎光临一网学 请登录 免费注册

网页设计培训、UI设计培训和淘宝美工培训机构-一网学!

7 * 24小时全国免费咨询电话

400-655-3664

您现在的位置:首页 > 免费专区 > 设计教程

设计教程

浅谈简单设计风格在网页的应用技巧【网页设计培训】

作者: 一网学   最后更新时间:2014-10-17 16:27:24

这个时代中充满了太多奇妙的特效,在这些复杂特效中,我们还需要一些与之相反的简单设计。彩色滤镜,既把视觉效果简单化,又与如今的时代节奏相吻合,也许正是我们或缺的那一种类型。

在国外的网页设计中,彩色的滤镜效果已经被很普遍的使用了,但在国内的网页设计领域,滤镜风似乎还没有大面积吹入我们的视线。不如先跟着我们网页设计培训老师一起领略国外的滤镜效果网页设计吧,希望能勾起设计师们更多的创作灵感。

1.这个案例使用了纯色的滤镜效果,让整个画面看起来干净简单,文字与白底色块之间的搭配让用户能一心专注于文字中。这种使用方式证明了滤镜效果能很有效的增强浮于页面背景之上的重点内容的可读性。

浅谈简单设计风格在网页的应用技巧,PS教程,思缘教程网


2.这个案例所表现的虽然同样也是纯色的滤镜效果,但与上一个案例还是有一些细微的差别。背景图中的内容相对比较琐碎,因此选择纯色滤镜能规避视觉上的繁复,无线框设计让页面看起来更自由无束缚。

浅谈简单设计风格在网页的应用技巧,PS教程,思缘教程网


3.INTEPCORE的网站以蓝黑色为主,主文字选择了鲜亮的桃红色,之间的色差很大程度上强化了浏览时的视觉表现。色彩上的对比也在画面自身上进行了互补,使整个页面始终处于一个平衡的状态中。

浅谈简单设计风格在网页的应用技巧,PS教程,思缘教程网


4.Knuckles网站使用的滤镜效果其实并不明显,但作用却不容小觑,正是这淡淡的效果令原本枯燥平常的背景图更增添了一些戏剧性的效果。背景、字体、色彩三者的融合显著提升了用户感官的协调程度。

浅谈简单设计风格在网页的应用技巧,PS教程,思缘教程网


5.这个案例很巧妙的选择了一种比较柔和的滤镜效果,文字与线条组合而成的几何元素之间互相“纠缠”,不仅没有显得很繁琐,反而让对方变得更有活力,柔和的色调相映衬,带出了一丝惬意。

浅谈简单设计风格在网页的应用技巧,PS教程,思缘教程网


6.该案例使用了带有渐变效果的滤镜,效果不仅在色调上产生了改变,画面也变得模糊了。渐变和模糊同时存在能很自然的稀释背景内容上的设计,所以热闹的背景图案更适合这样的设计手法。

浅谈简单设计风格在网页的应用技巧,PS教程,思缘教程网


7.这个案例在透明度上没有做太大的改变,只是稍作了一些模糊处理。绿色的主色调总能创造出一种冷静并且便捷的感受,所以花哨的的文字设计也不会显得过于突兀。

浅谈简单设计风格在网页的应用技巧,PS教程,思缘教程网


8.COMBADI的网站中滤镜效果的运用主要作用是突出了背景上层的内容元素,这一点其实比较常规并不特别。网站的巧妙之处在于设计师利用比较温和的滤镜表现出了雪地独有的强光反射效果,让浏览者有一种身临其境的感觉。

浅谈简单设计风格在网页的应用技巧,PS教程,思缘教程网


9.Papertelevision的色彩滤镜呈现出半透明效果,兼具了功能性和一种独特的精致魅力。右上角的汉堡图标设计也非常符合网站的整体风格。

浅谈简单设计风格在网页的应用技巧,PS教程,思缘教程网


10.在真实大图背景中使用模糊滤镜的效果能瞬间让页面变得高大上!正如Sparked的网站,模糊中混合着一些小光晕,画面场景看起来更有意境。

浅谈简单设计风格在网页的应用技巧,PS教程,思缘教程网

不知道从什么时候开始,彩色滤镜效果在图片的美化上突然变的炙手可热起来,原本普通的图片一旦经过滤镜渲染,瞬间变身成另一种风格,正因为如此,滤镜效果在网页设计中获得了又一次的新生。

                                                                           来源:站酷    作者:尛沫尛沫

阅读了本文的人还阅读了:

网页设计培训带你认识网页设计中的GRUNGE

网页设计培训之页面前端的水有多深?再议页面开发

网页设计培训之10组时尚单页风格的网页设计欣赏

点击:1226关键字: 网页简单设计风格   网页应用技巧   网页设计培训  
 

还要名师指导?
还想学更多?
想成为一名优秀的设计师?

赶快报名我们的就业培训吧

加入一网学(免费获取设计视频)

加入我们QQ群

  • 94479624(满)
  • 300641383 (满)
  • 325055490(满)
  • 208130525

扫一下,加我微信

    姓名:
    我要报名,免费试听,素材索取都可以
    给我们留言。同时也可以咨询在线客服。
    郑重承诺:我们不会泄露您的任何资料。
    电话:
    Q Q:
    答案:
    邮箱:
    留言:

    客户服务中心(7×24小时):

    4006-553-664

    • 电话:0755-25849300
    • 传真:0755-25849300
    • 邮箱:editor@ywxue.com

    深圳市一网学教育咨询有限公司 版权所有 2008-2016|一网学手机站

    一网学专注网页设计培训UI设计培训平面设计培训淘宝美工培训7年 | E-mail:editor@ywxue.com
    Copyright © 2008 - 2016 ywxue.com. All Rights Reserved 粤ICP备12037495号-2