新闻动态news
【涨姿势】2014年10佳优秀网页设计
发布时间:2015.03.13 新闻来源:浙江商贸网 浏览次数:

网页设计师们总会热衷于追随最新的设计趋势,所以你能在这些优秀的网页中看到这些趋势——扁平化设计、极简风、视差滚动、视屏背景,等等。这些设计优秀的网站的另一个共同的特性,就是对移动端的良好支持——响应式设计。真正优秀的网站,总会支持尽可能多的设备。


 

这20个网站都已经被Awwwards所收录其中,值得你每天浏览获取灵感。


 

PS:为了方便大家在移动端阅读,小派再精简为10个,排名不分先后。


 

NO.10 Jam3


 


 

这也是一个充满动画和视频的网站,Jam3 拥有一个简约的首页,网站其他的元素都可点击并且具有经验的视觉效果。


 

网址:www.jam3.com


 

NO.9 I Remember


 


 

网站是为一个项目而建立,旨在提高人们对于阿尔茨海默氏症的了解,网站视觉设计非常独特,用户可以同这个网站进行许多有趣的交互。网站深沉的色调正象征这种令人失去记忆的病症给患者的压力,其中的微光则象征着“希望的微光”。


 

网址:http://i-remember.fr/


 

NO.8 Sorte En Mer


 


 

使用视屏背景是2014年最重要的设计趋势之一,而 Sorte En Mer 则是其中的佼佼者。打开网站的时候你仿佛打开一部电影,并且你可以通过鼠标来操控背景视频的播放。网站的效果颇为惊艳,并且很少有同类网站能做到这个层次。


 

网址:www.sortieenmer.com/


 

NO.7 A Spacecraft for All


 


 

这个网站可以带你了解ISEE-3航天器。你可以通过网站查看ISEE-3的当前的实时图像,查看它经过的地方和执行过的任务。网站拥有简约而现代的外观设计,并且鼓励用户与网站进行互动。


 

网址:http://spacecraftforall.com/


 

NO.6 Super Looper


 


 

这是个有趣的游戏,你可以在此创建音乐并且可视化地展现出来,整个使用体验令人上瘾。鲜艳的色彩与黑色的背景令网站在视觉上更富有魅力。


 

网址:superlooper.universlabs.co.uk/


 

NO5.The Capitol


 


 

这个网站完全是基于近年比较火爆的《饥饿游戏》系列来制作的,网站风格冷峻,与网站残酷的调性非常一致。网站整体设计并不复杂,配色简单,但是风格简单而大胆,并且使用了视差滚动的设计。网站使用大量的信息、视频和其他内容让用户与之互动,让他们仿佛置身于电影当中。


 

网址:www.thecapitol.pn/


 

NO4. A Journey Through Middle-Earth


 


 

这是一个令人印象深刻的网站,一方面是因为网站是以近2年特别火爆的电影《霍比特人》为主题,另一方面是因为网站借助大量的静态图片和动态图像来创建出游戏般的交互体验。


 

网址:http://middle-earth.thehobbit.com/


 

NO.3 MashVP


 

这个网站设计得极为简约,但是一点都不简单。当你滚动页面的时候,图片之间的切换效果颇为有趣,当你点击顶端的按钮导航的时候,能让你看到更多有趣的展示。


 

网址:http://mashvp.com/


 

NO.2 Over the Hills


 


 

这个网站拥有如此之多的功能,以至于你可以整天整天地钻研,从动效设计到视频背景,从优质的音乐体验到复古的视觉体验,这个网站会让你欲罢不能。


 

网址:www.overthetinyhills.com/


 

NO.1 Jack Daniel’s Bar Stories


 



今年可能相对少见一点的设计趋势,就是通过网站来向你讲述故事。这种展现方式是创建品牌故事的好方法。这种类型的网站里,图片和排版的组合通常非常有趣,并且具有独特的设计风格。


 

原文链接:

uisdc.com/2014-best-website-design


 

温馨提示:

大部分网站可能需要翻墙欣赏。


 

PS:最近小伙伴WU用Coolsite360做了一个整幅切换效果的网站DEMO,小派我觉得也比较惊艳哦,猛戳左下方阅读原文,立即感受!


 

 

上一条 << 已到头条        下一条 << 【涨姿势】2015年网页设计七大趋势
打印本页 || 关闭窗口
回到顶部
QQ客服热线