网页设计已死?来瞧瞧这些打破平淡魔咒的网页设计 - 优设-UISDC

网页设计已死?来瞧瞧这些打破平淡魔咒的网页设计

2015/07/30 17043

excellent-design-break-routine-1

@飞屋睿UIdesign :网页设计发展到今天,虽然短短不过二十年(戳这里看网页发展简史),就已有人喊出网页设计已死的呼叫。不管这种呼声是否有现实意义,笔者不得已也悄悄发现目前网站有着看似雷同的弊病。扁平化、网格式卡片、大图背景……也许你仍然觉得这是时髦设计的元素,但是作为设计师们却为此苦恼。因为设计师最讨厌的就是时髦!设计师也许是走在最前沿的那群人,但当他在前沿之时,正是还没有得到大众认可的时候。这有些像登高望远的那群人,总是很远就看到有人走过来,但是原地的人仍然觉得是空无一人。

扁平化有他的好处,针对响应式设计的需要,几乎解决了大部分网站的结构繁冗的问题。“少即是多”也让很多人沉迷在乔布斯为我们创造的现代神话里。但是我们大部分精力已经忙于应付如何简化网站,却忘记了网站的另一个功能,那就是“吸引”。没错,媚俗!你能说媚俗不好吗?大部分嗤之以鼻的招引态度,其实每个人内心深处也跃跃欲试。难道我们做网站就是为了孤芳自赏吗?

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

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

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

有时候,在展示出动感效果的时候,仅仅只是需要一些简单而大胆的用色,和一个大号字母,也许就能扭转乾坤。

【飞屋同学的私家精品教程人气榜】

TOP 1:教你快速搞定大受欢迎的多边形背景!
《AI新手教程!教你简单快速地将图片变成多边形背景》

TOP 2:手把手教你找到免费优质的高清大图!
《私家好货!设计师的高清图库收藏夹(附使用技巧)》

TOP 3:让配色变得特别方便简单的新手教程!
《配色弱有救了!教你利用图片创建独有的色彩方案!》

原文地址:ifeiwu
作者:@飞屋睿UIdesign

uisdc-tuweia-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量99万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/excellent-design-break-routine

sketch UI 界面设计 平面设计 转场动效 交互设计师 设计师 设计师专访 扁平化设计 排版布局 职场 设计流程 用户体验设计 视觉设计 素材下载 配色 web前端开发 海报设计 AI教程 设计规范 设计理论 字体下载 产品设计 设计趋势 神器下载 动效设计 psd下载 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 用户体验 优秀网页设计 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里