回顾总结!2015年最佳网页设计作品欣赏

zhuzhengce · 发表于 2016-12-28 16:09:46

本帖子中包含更多资源

您需要登录才可以下载或查看，没有账号？立即注册

x

【PConline 欣赏】总结过去是为更好的未来。2015年的结束给予了我们很好的契机，去好好回想过去一年发生了什么事情。而在这一年中，设计领域就曾涌现出很多精彩的网页设计，这些优秀的网页设计同时带来了各种各样的设计趋势。这些设计趋势，有些很轻易就能预见到，有些却是意料之外，有的充满原创性和奇特感，有的如昙花一现，震撼极致。
如响应式设计、移动端优化、动画效果等已经逐渐成为主流，扁平化设计和页面滚动效果越发成熟，汉堡图标和单页设计保持原样，还有那些像动态模式设计骤然而来，却随风而去的。
2015年移动端网络仍在变革着我们的生活，这为有想法的网页设计者提供了更宽松的环境，让他们有更多发挥的空间。如果想将2015年网页设计每一个变化细节都看清楚，确实不容易；如果大致看个究竟，本期国外精品翻译教程可以帮到你。
下面是由Designmodo团队评选出来的2015年最佳网页设计：
BBQ Cultures
BBQ Cultures的出现说明餐饮类的网站设计有了很大的进步。网站符合现在的设计潮流，有着取悦浏览者的大设计和交互功能。美丽的图片、吸引人的视频、漂亮的图形和一系列微妙的动态设计，每一个精美细节足以让它脱颖而出。
图01
In Pieces
In Pieces是一个顶尖动态网页。网站很巧妙地运用CSS和JavaScript将复杂的多边形设计得非常带感，以一种吸引和有趣的方式组合30块多边形，产生出30种不同的形状。
图02
Trippeo
Trippeo演示如何用现今的解决方案展示即将推出的产品。虽然网站采用经典的横向布局，但是页面的元素都配合得很好，页面滚动效果和动作都做得很流畅，会给人留下深刻的影响。
图03
Be More by Reebok
Be More by Reebok采用长长的单页面结构，将信息有效地一次性罗列出来。简单的触击、强大的城市渲染、动态效果这些构成了令人震撼的场景，足以给浏览者带来良好的用户体验。
图04
The DNA Project
The DNA Project是一种创新的音乐试验，以一种不同寻常而又非常好玩的形式让用户体验常规唱片制作的过程。每首歌的制作都分为一个个的点，每个点有声音、背后的故事和参与人员。这样的试验可以让音乐爱好者更加深入地了解他们所喜爱的艺术家和唱片。
图05
ACME Experience
ACME Experience以响亮和充满魄力的口号，更加直接地支持公司宣扬的信条。网站采用不对称布局，应用多层次技术、微动态、生动的背景和小技巧等，让用户体验着这些设计元素的有效而复杂的相互作用。
图06
Weltrade
Weltrade第一眼感觉：精致、卓越、神秘。网站由乌克兰人设计。这个华丽的网站由交互功能所推动，将用户体验推向另外一个高度。点击选择外汇市场上的交易者类型，然后就能找出适用的技能、特征和原则，非常直观。
图07
Georg Jensen以一个真人短片展示给在线浏览者，将浏览者置身于品牌的庄严气氛中。你会看到每一个欢迎场景中的细节，甚至希望有个清单可以一一将它们记下。这就是网站创新性地展示商品的方法。
图08
Tenslife
Tenslife在这次收集的网站中是一个另类的电子商务网站，它有着不一样的设计外观，良好地应用交互元素和美学设计。网站设计风格统一，双列布局包含了所有必要的信息，显示商品种类，并且用右表的美图加强商品的整体美感。虽然页面的东西很多，但是并不凌乱和模糊。
图09
Quechua
Quechua以它自然地融合静态细节、排版和动态元素等设计的杂志而闻名。壮观的自然景观态度，杂志品牌的精神态度，相互陪衬形成宏大的背景。一些有趣的扭曲设计同样抓住了用户的注意力。
图10
Ice and Sky
当从视觉角度讲述故事的方法不在新颖的时候，网站设计者让这些变得不再那么简单。Ice and Sky是一个典型代表，我们为这种视觉叙事的增强感到惊奇。网站展示出视频的巧妙应用，平滑过渡和震撼插图。值得借鉴的是，网站在向主流设备适应的过程中，并没有将它的特点丢掉。
图11
DogStudio
DogStudio是一个多次获奖的华丽工作室网站。在遵循着久经考验的经典内容布局的时候，一些新东西加入到网站美学设计中。以掩膜技术开始展示组合件，再以小动画静静地跟着转移结束；设计团队清楚知道如何充分利用现有解决方案。
图12
Namale
Namale有种可爱女性的吸引力。它巧妙地围绕着产品进行设计，惊艳的封面是一个很好的突破口，深深地吸引浏览者的注意力，并且改变着用户的心情。这是一个充满灵魂和激情的巧妙制作网上画廊。
图13
Kingsman Movie
这个网站的目的在于支持和改进即将上映的电影，类似于电影预告，不过它更加高级、复杂和有趣。场景取自于电影中设计的环境。互动细节会让用户融入到故事，成为故事的一部分。声音以及背景音乐会加强这种感觉。
图14
Braastad
Braastad有赖于整个网站结构的合理布置，让用户不会感到困惑。光滑漂亮的UI组件，正式的字体设计，优雅的细节和强烈规整氛围，都可以在网站里面看到。平滑过渡和花俏的全屏动画等动态效果都在加强用户体验。
图15
Keep Portland Weird
Keep Portland Weird出色地应用了精致的插画，营造出漂亮的动态环境，给予了网站丰富的动态效果。在网站显示信息的时候，会有各种各样的有趣提示，让你觉得充满好奇心去探索网站。
图16
YouTube作为领先全球的视频网站，庆祝10周年当然是一个非常特别页面。网站邀请用户参与到一个有趣、吸引人以及充满互动的流行知识测试问答。网页有小动画、动态设计和精彩的插图，当然有优秀的视频。
图17
这个网站值得关注，因为里面包含了很多互动元素，比如很多开创性元素和壮观图片环境。导航菜单也是新颖和炫酷的。特色内容采用一种独特的动态方式呈现。
图18
Silenza
这个网站专注于多品牌的在线商店，一开始就是另类。它脱离于主流，通过充满有趣元素的视频，生动地叙述着关于公司故事，与此同时，为常规客户提供了正常的结构。但缺点就是，它只提供桌面端的，在移动端迅猛发展的今天，这样的貌似就不行咯。
图19
Sennheizer Reshaping Excellence提供令人心动的交互体验。网站也有一个静态版本，拥有复杂而精致的设计，值得你去关注。利用产品描述平衡高质量图片与空白。
图20
Void
这个无与伦比的网站包含着各种试验，演示着各种创新性和创造性的方法。它推动着顶尖技术的极限测试。不过，像Silenza，只能用桌面端最新版本的Chrome或者Safari才能看到究竟隐藏着什么。
图21
LegWork Studio
LegWork Studio专门从事建筑微细互动以及难忘的用户体验，这个网站包含动画特效和微动效果。这个单页网站包含着一眼难看尽的插图，让人一看再看。
图22
总结
交互性和动画效果可以说是网页设计最佳趋势代表。设计人员运用高端技术和开创性解决方案进行大胆的试验，尝试着突破限制。虽然上面的案例没有完全做到所有浏览器兼容和支持所有设备，但是这些网站设计推动着网络发展，达到新的高度。