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

nxzxyhz

nxzxyhz

2016-02-16 21:38

今天图老师小编要跟大家分享浅谈简单设计风格在网页的应用技巧,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

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

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

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

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

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

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

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

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

展开更多 50%)
分享

猜你喜欢

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

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
浅谈简单设计风格在网页的应用技巧

水彩风格在网页设计中的应用

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
水彩风格在网页设计中的应用

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

浅谈网页设计中Grunge风格的应用

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
浅谈网页设计中Grunge风格的应用

浅谈网页用户体验中的表单设计技巧

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
浅谈网页用户体验中的表单设计技巧

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

详细解析简洁风格在网页设计中的应用

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析简洁风格在网页设计中的应用

浅谈影藏在网页背后的交互设计技巧

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
浅谈影藏在网页背后的交互设计技巧

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

设计师为您分享13条实用的设计经验

设计师为您分享13条实用的设计经验

浅谈如何利用基础形状玩出新花样?

浅谈如何利用基础形状玩出新花样?
下拉加载更多内容 ↓