快捷搜索:  as  MTU2MDkyMDI1Nw`  as and x=y  xxx  as and 11

打破平淡魔咒的网页设计

版权申明:请转载和引用本文时载明原文出处和作者,尊重原创,感谢!

网页设计成长到本日,虽然短短不过几年,就已有人喊出网页设计已逝世的呼叫。不管这种呼声是否有现实意义,笔者不得已也悄然默默发明今朝网站有着看似雷同的弊病。扁平化、网款式卡片、大年夜图背景……大概你仍旧感觉这是时髦设计的元素,然则作为设计师们却为此忧?。由于设计师最憎恶的便是时髦!设计师大概是走在最前沿的那群人,但当他在前沿之时,恰是还没有获得大年夜众认可的时刻。这有些像登高望远的那群人,老是很远就看到有人走过来,然则原地的人仍旧感觉是空无一人。

扁平化有他的好处,针对相应式设计的必要,险些办理了大年夜部分网站的布局繁冗的问题。“少等于多”也让很多人陷溺在乔布斯为我们创造的今世神话里。然则我们大年夜部分精力已经忙于敷衍若何简化网站,却忘怀了网站的另一个功能,那便是“吸引”。没错,媚俗!你能说媚俗不好吗?大年夜部分嗤之以鼻的招引立场,着实每小我心坎深处也伎痒。难道我们做网站便是为了孤芳自赏吗?

网站设计不是艺术品创作,但它也并不是自力于艺术而存在。找到此中的平衡点可不是件简单的活。能带给用户全新流通的体验,我们可以为此谈上大年夜半本书,然则这种调子太多,只会让我们行动上不知从何处开始。

除了把我们的创造力检验得更为敏锐以外,我们可以从国外一些成功俘获了用户芳心的网站上罗致一点实战履历。你可以从这些设计师的作品里看到他们做出的改变现状的努力,一路来突破平平淡淡的魔咒!

1、phasesmag

略显静态,但绝对反规则。界面依然简洁,细节却已经让人线人一新,比如侧转90度的翰墨。很多人感觉翰墨必须清晰易读,但假如当翰墨旁辅佐的图片成为主角时,你可以试试用不一样的出现翰墨的要领,低落它的辨识度大概也不掉为一种好法子。

2、curiousspace

除了页面中对图片重重叠叠的范式外,我还分外看中网页的标识设计,几个随机摆放的字母,等你往下拖动鼠标时,翰墨就各就各位变得归正。背景纹理的运用让网站整体风格趋于富丽,但不会杂乱。

3、letempsduntrajet

从网站的登岸页开始,网站就以动态的效果示人,惊喜连连。

4、builtbybuffalo

在斟酌扬弃传统的网格卡片式图片,这个网站显然是想从外形上对图片加以改变。虽然每个图片占比不大年夜,然则作为缩略图吸引用户点击,已经足够了。而且值得一提的是,这个网站在手机上显示时,就放弃了蜂巢式的图片展示效果,而以传统的两列卡片样子容貌外形展示。这是为了PC网站的风格独特点而做出的小调剂。

5、anakin

用超大年夜号字母来隐显下方的图片,让人目下一亮。分外是网站下方展示图片的设计,对缩略图稍加修饰,不再拘泥于四四方方的形态,让它们各具特色,然而在整体上又不掉折衷,这真是个亮点!

6、fixate

让网站环球无双的要领,还可以运用插画。下面几个网站都是运用插画来设计网页的例子。插画让网站更具个性,当然也投入更多的光阴和人力。

7、forbetter coffee

8、happyfuncorp

这个插画的首页咋一看去没什么特色,然则当你点击插画的此中一个部分,比如风车,这时就会呈现一些让你意想不到的效果。这让网页充溢玩乐的意见意义。

9、dconstruct

这个网页的插画带着怀旧风格,还保留整体倾斜的一种律动感。

10、objetorocha

一个内容异常少的网站,只有几张图片和一个链接。设计师将网页处置惩罚得异常精细,扬弃了老例的图片展示要领,每张图片以致能根据鼠标的移动而出现出不合角度的阴影。这点让人印象深刻。

11、sa-studio

展示图片的要领对照分外,在空间上增添了层次,给图片更多想象空间。

12、neiouma

配色和图片搭配得很奇妙,而且笔者最爱好的是设计师巧具匠心的把下一个图片的翰墨背景露出一小部分作为提示也可以点击,同时,还加强了色彩的比较,让画面加倍富厚。

13、vo2-group

无意偶尔候,在展示出动感效果的时刻,仅仅只是必要一些简单而大年夜胆的用色,和一个大年夜号字母,大概就能旋转乾坤。

原文为我的博文突破平淡魔咒的网页设计

您可能还会对下面的文章感兴趣: