2015年不容错过的最佳网页设计作品

是时候开始准备挥手告别2015年了。这一年中涌现了许多优秀的设计作品,设计趋势也在时间的推移中渐渐转变。在这个新旧更替的时间节点,重温过去一年中的优秀网页设计,无疑是对2015最好的纪念和总结。

这一年当中,网页设计的转变绝大多数时候是可以预见的,颠覆性的设计趋势并没有跳到你我面前,不过许多、奇特的设计依然让我们惊艳不已。

总体上来说,在响应式设计、页面对移动端的兼容、动效都有了不小的进步,扁平化的设计风格和页面滚动效果则更加成熟,汉堡图标和单页设计总体上还是维持2014年的状态,并无明显改变。毫无疑问,2015年是设计师们正在沉淀的一年,是网页设计圈稳步前进的一年,也正是有了这个基础,创意十足的设计者们才可以更轻松地开脑洞玩儿出更多花样。

当然,我们依然可以追溯这一年中设计圈中的每一个关键时刻,不过用最优秀的网页设计作品来一窥这一年的成就,似乎更加巧妙而有趣。

下面,是 Designmodo 团队评选出的2015最佳网页设计作品,准备好截图和夹吧。

BBQ Cultures

BBQ Cultures 的页面设计证明了关乎烧烤的餐饮业网站也可以设计得高大上。设计手法上,设计师结合流行的设计趋势,用足以取悦用户的设计手法来完成设计,包括高清而充满气质的图片,精心制作的视频,漂亮的装饰图形和微妙的交互和动效。尤其是微动效和微交互,让整个站都充满了活力。

In Pieces

In Pieces 的页面展示了第一流的动态展示效果是怎样的,设计师巧妙地使用JS和CSS将多边形融入页面不同的元素中,让多边形元素赋予了页面全新的生命力。

Trippeo

Trippeo 展示了如何使用现代的解决方案来呈现即将到来的产品。这个网站采用了经典的横向布局,本质上接近单页滚动式页面设计,所以页面中的滚动动效设计地非常不错,给用户深刻的印象。

Be More by Reebok

Reebok 的这个网页采用了经典的单页式的设计,有效地收纳了全部的相关信息。风格化明显的Grunge 风元素让整个页面的质感极为突出,动态效果的执行力也极强,赋予了页面良好的用户体验。

The DNA Project

The DNA Project 是一个极为创新的音乐网站项目,它为用户提供了截然不同的音乐制作流程,时尚又不同凡响。每首歌都被划分为关键的音乐节点、音轨背后的故事和参与的音乐家等几个部分,这个项目让用户与音乐人们一同制作音乐。

ACME Experience

网站以更加视觉化的方式来践行这家公司的口号“我们是未来先锋”,这个页面采用率非对称式布局,多层布局技术和微妙的动效,配合这色调活泼的背景,许多有趣的小技巧在页面中各自发挥出独特的功用,充分展现了“先锋”这一特色。

Weltrade

Weltrade 营造了华丽而晦暗的场景,作为一个着陆页,无论是桌面端还是触摸屏都可以轻松操作,不过页面中散落的菱形按钮,最好的操作介质还是手指。

Georg Jensen

Georg Jensen 的背景视频将整个品牌宏大、华丽的气质渲染了出来,每个精致到位的细节都会让你忍不住将他们的产品放到购物车中去。

Tenslife

Tenslife 也是一个采用了非传统式的页面布局的在线商店,其中精致而美观的细节保持了风格的一致性和。两栏式布局包含了所有有用的信息,不仅展示了产品的美妙之处,还让用户同时可以获取产品信息,虽然内容很多,但是一点都不凌乱。

Quechua

Quechua 是一款著名的在线杂志网站,静态的细节展现和动态的排版都是它的特色。壮观的自然景观和独树一帜的品牌精神融为一体,平滑自然的浏览体验配合精心制作的内容,让用户流连忘返。

Ice and Sky

用网站来讲述一个故事,已经变得越来越繁复多样了,而从某种程度上Ice and Sky 这个网页的设计在这方面做的非常的突出。它巧妙地将视频和漂亮的插画融入到故事中去,这种平滑的展现方式不仅在桌面上给人良好的体验,而且兼容了目前主流的浏览设备。

DogStudio

DogStudio 是一个屡获殊荣的网站,尽管网页的内容和布局都采用了久经考验的经典方案,但是设计美学上还是加入了许多设计师本身的想法。无疑网站的设计师对于各种设计手法和技术都非常熟稔,开头使用了多层次的布局,页面结尾的动效都恰如其分地起到了作用。

Namale

女性的柔美和优雅在 Namale 网站中得到了全面的展现,其中的产品集合也都具备相同的气质。作为一个产品展示网站,重点自然是产品,但是网站所营造的独特气质起到了关键性的作用。

Kingsman Movie

电影《王牌特工:特工学院》的官方网站不仅起到了预告片的作用,但是它又比预告片做的更多。更多的展现形式在这里得到了体现,有趣的交互,引人入胜的场景,声音和音乐背景则让这些显得更加真实。

Braastad

栅格系统为Braastad 的网站搭建起稳固又富有条理的结构,用户不会因为内容过多而感到迷惑。漂亮又精致的网页控件、正规的排版、优雅的细节和平和的氛围都是网站的特色。各种动态的元素在用户与网站进行交互的过程中,提供了非常优秀的用户体验。

Keep Portland Weird

Keep Portland Weird 网页中充分运用了华丽的动态插画,这赋予页面以一个独一无二的动态外观,内容丰富的插画内容则让网站显得有趣又特别值得深入探索。

YouTube 10th Anniversary

世界最著名的视频网站Youtube 10周年的纪念网页肯定是不同凡响的,它会邀请访客参与一个关于流行文化的知识问答,中间穿插着有趣的动画,诱人的动效,漂亮的插画,当然,还有优秀的视频。

Environment by Subaru

这个引起了多方面的的项目,有其独到之处。网页的设计方式采用了常见的高清大图+文字的方式,但是网页交互中使用了许多相当先锋的方式。

Silenza

这个包含了多个品牌的在线商店和绝大多数的同类网站不一样。网站借助许多视频和素材生动地讲述了关于自家公司的故事,同时,为保守的客户提供了标准化的界面和全面的内容。不过,网站并没有为移动端做好兼容,这无疑是一大缺陷。

Sennheizer Reshaping Excellence

网站提供了令人惊艳的互动体验,它雅致而富有质感的页面也非常值得。清爽的内容说明和背景的搭配相得益彰。

Void

这个网站之所以被人用“无与伦比”来形容,主要是因为网站几乎是一个新技术和创意所构成的“画廊”。许多尖端的技术和有趣的电子汇集到这里,组成了这个有趣的网站。当然,你如果想完整体验,最好使用Chrome和Safari 浏览器。

LegWork Studio

精致无比的交互和令人难忘的用户体验是LegWork Studio 网站为用户提供的服务,动效和动画是这个工作室的特长。这所有的一起被这个单页网站打包到了一起,流连在这些有趣的插画和设计作品中,真是一种令人沉迷的体验。

优秀的交互性和充满意味的动效是这些网站共有的特征,实验性的新技术也在许多网站中有所体现。2015年的确是沉淀下来的一年,曾被疯狂追捧的扁平化开始博采众长形成了如今漂亮又不失层次的扁平化2.0,动效和微交互在这种风格下发生化学反应,响应式和单页、栅格式布局也开始在融合中找到了新的表现方式。并不激烈的碰撞,让不同的技术之间有了新的搭配、融合的方式。新的想法和新的技术让移动端和桌面端握手言和。2016年更加值得期待了。

译文地址:优设

译文作者:@陈子木

designmodo

(0)

相关推荐

  • 灵感专题—2019年优秀网页设计作品赏析#4月

    设计领域时时刻刻在发生着你我意想不到的变化.许多看似熟悉的设计趋势,于不同的设计师而言,经过灵活的创意设计也许就意味着不同的可能性.而这些可能性则来源于设计灵感的持续涌现.及时汲取设计灵感,是设计师们 ...

  • 2015年不容错过的UI设计导航网

    小编话:转眼间,学UI网已经伴随了大家一年多了.虽然咱们网站现在已经是东南亚最好的UI设计学习站,但我们还是会再接再厉,给15w用户提供温馨的服务.我们是一个温暖人心的大家庭,在新的一年里,将给广大的 ...

  • 最佳网页设计中的简约主义和字体排版

    层次结构是一个网站构建的整体框架,但当你进入排版步骤,还必须建立相关的页面上特定的文本层次.在这一块,我们将解释如何才能使文本同页眉或者网站标题相呼应,以及如何使用的空白,使冗长的段落在视觉上变得易于 ...

  • 25款最佳网页设计神器分享

    对于网页设计师而言,Photoshop是必不可少的工具。而事实上,Photoshop除了其原有的基础功能之外,我们还可以给PS配置许多功能强大的PS插件,这些PS插件可以让平时复杂繁琐的操作变得更加简 ...

  • 2015年值得关注的21个网页设计趋势

    小编话:今天给大家带来的是@设计达人网分享的2015年值得的21个网页设计趋势.网页设计的发展速度是惊人的快,2014年已经过去,我们之前有总结过去年的网页设计,现在我们不妨来展望一下今年的设计趋势. ...

  • 19个以水彩风格为主的网页设计

    使用水彩绘画风格的网页设计是十分少见的,也许对于大部分网页设计师来说,绘制水彩画有点难度,而且相当耗时,当然为了做出好作品,不要省那么点时间,当你把水彩元素用在网页上,出来的视觉效果是非常漂亮的. 水 ...

  • 用文字作为主体排版的15个网页设计案例

    小编:文字排版是我们UI设计行业中非常重要的一部分,好的排版能让我们更好的理解其中的内容.今天来为大家推荐15个用文字作为主体排版的网页设计,它们的呈现方式都很有创意,希望可以带给你更多的灵感和想法. ...

  • 2015年流行什么色 网页设计配色趋势预测

    作为一个设计师,不但要新奇的创意,强大的构图布局能力,还要有敏锐的洞察力和流行趋势的把握.有时候难免会碰到网页色彩搭配上面的问题,今天小编给大家带来的文章是@尛沫尛沫的网页设计配色趋势预测,看完真心受 ...

  • 不容错过的设计资源大合集(精品素材)

    十一月最新干货来咯!吼吼吼~~都是不容错过的设计资源哦!以为里面只是单纯的一种么?那你就错了,哈哈~里面的种类看到小编也是醉了~超炫的海报模板,整100+手势图标,各类细腻背景.网站模板.实用笔刷-就 ...