网页设计如何冲破平淡的魔咒?
作者:管理员 来源:本站 发表时间:2016/8/18 编辑:广州网页设计
由于工作的缘故,几乎每天都需要阅览众多的网站;然而小编发现不管是同行业网站还是隔行网站之间似乎都有雷同的弊病;让小编不禁想要用“烂大街”来形容当前的网页设计;出现这种情况或许是大多数企业只是为了简单方便便宜,但是这样考虑过我们设计师的感受吗?
网站设计不是艺术品创作,但它也并不是独立于艺术而存在。找到其中的平衡点可不是件简单的活。能带给用户全新流畅的体验,我们可以为此谈上大半本书,但是这种调子太多,只会让我们行动上不知从何处开始。
除了把我们的创造力磨练得更为敏锐以外,我们可以从国外一些成功俘获了用户芳心的网站上吸取一点实战经验。你可以从这些设计师的作品里看到他们做出的改变现状的努力,一起来打破平平淡淡的魔咒!
1、phasesmag
略显静态,但绝对反规则。界面依然简洁,细节却已经让人耳目一新,比如侧转90度的文字。很多人觉得文字必须清晰易读,但如果当文字旁辅佐的图片成为主角时,你可以试试用不一样的呈现文字的方式,降低它的辨识度也许也不失为一种好办法。
2、letempsduntrajet
从网站的登陆页开始,网站就以动态的效果示人,惊喜连连。
3、builtbybuffalo
在考虑抛弃传统的网格卡片式图片,这个网站显然是想从形状上对图片加以改变。虽然每个图片占比不大,但是作为缩略图吸引用户点击,已经足够了。而且值得一提的是,这个网站在手机上显示时,就放弃了蜂巢式的图片展示效果,而以传统的两列卡片式样展示。这是为了PC网站的风格独特性而做出的小调整。
4、happyfuncorp
这个插画的首页咋一看去没什么特色,但是当你点击插画的其中一个部分,比如风车,这时就会出现一些让你意想不到的效果。这让网页充满玩乐的趣味。
5、dconstruct
这个网页的插画带着怀旧风格,还保留整体倾斜的一种律动感。
6、objetorocha
一个内容非常少的网站,只有几张图片和一个链接。设计师将网页处理得非常精细,抛弃了常规的图片展示方式,每张图片甚至能根据鼠标的移动而呈现出不同角度的阴影。这点让人印象深刻。
7、sa-studio
展示图片的方式比较特别,在空间上增加了层次,给图片更多想象空间。
8、neiouma
配色和图片搭配得很巧妙,而且笔者最喜欢的是设计师巧具匠心的把下一个图片的文字背景露出一小部分作为提示也可以点击,同时,还加强了色彩的对比,让画面更加丰富。
9、vo2-group
有时候,在展示出动感效果的时候,仅仅只是需要一些简单而大胆的用色,和一个大号字母,也许就能扭转乾坤。
扁平化、网格式卡片、大图背景……也许你仍然觉得这是时髦设计的元素,但是作为设计师们却为此苦恼。因为设计师最讨厌的就是时髦!设计师也许是走在最前沿的那群人,但当他在前沿之时,正是还没有得到大众认可的时候。这有些像登高望远的那群人,总是很远就看到有人走过来,但是原地的人仍然觉得是空无一人。
网站设计不是艺术品创作,但它也并不是独立于艺术而存在。找到其中的平衡点可不是件简单的活。能带给用户全新流畅的体验,我们可以为此谈上大半本书,但是这种调子太多,只会让我们行动上不知从何处开始。
除了把我们的创造力磨练得更为敏锐以外,我们可以从国外一些成功俘获了用户芳心的网站上吸取一点实战经验。你可以从这些设计师的作品里看到他们做出的改变现状的努力,一起来打破平平淡淡的魔咒!
1、phasesmag
略显静态,但绝对反规则。界面依然简洁,细节却已经让人耳目一新,比如侧转90度的文字。很多人觉得文字必须清晰易读,但如果当文字旁辅佐的图片成为主角时,你可以试试用不一样的呈现文字的方式,降低它的辨识度也许也不失为一种好办法。
2、letempsduntrajet
从网站的登陆页开始,网站就以动态的效果示人,惊喜连连。
3、builtbybuffalo
在考虑抛弃传统的网格卡片式图片,这个网站显然是想从形状上对图片加以改变。虽然每个图片占比不大,但是作为缩略图吸引用户点击,已经足够了。而且值得一提的是,这个网站在手机上显示时,就放弃了蜂巢式的图片展示效果,而以传统的两列卡片式样展示。这是为了PC网站的风格独特性而做出的小调整。
4、happyfuncorp
这个插画的首页咋一看去没什么特色,但是当你点击插画的其中一个部分,比如风车,这时就会出现一些让你意想不到的效果。这让网页充满玩乐的趣味。
5、dconstruct
这个网页的插画带着怀旧风格,还保留整体倾斜的一种律动感。
6、objetorocha
一个内容非常少的网站,只有几张图片和一个链接。设计师将网页处理得非常精细,抛弃了常规的图片展示方式,每张图片甚至能根据鼠标的移动而呈现出不同角度的阴影。这点让人印象深刻。
7、sa-studio
展示图片的方式比较特别,在空间上增加了层次,给图片更多想象空间。
8、neiouma
配色和图片搭配得很巧妙,而且笔者最喜欢的是设计师巧具匠心的把下一个图片的文字背景露出一小部分作为提示也可以点击,同时,还加强了色彩的对比,让画面更加丰富。
9、vo2-group
有时候,在展示出动感效果的时候,仅仅只是需要一些简单而大胆的用色,和一个大号字母,也许就能扭转乾坤。