威龙发艺发型设计价格联盟

【网页设计】精选国外打破平淡魔咒的网页设计分享

中山大学设计师培训基地2021-09-14 07:02:23

今天我们要分享的是国外一些比较成功的网页设计,希望你可以从这些设计师的作品里学习一些经验。


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

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



我在中大等你


界世的你当不

只教你的设计

一流的培训

SYSU

室内|平面|游戏|动漫|电商

梦想,从这一刻启航

友情链接