灵感干货!20个视觉、体验和内容俱佳的优秀网页设计

设计的灵感来源多种多样,不仅仅要了解别人的视觉设计,而且需要仔细体验实际的效果。许多优秀的网页设计作品,不仅仅有着突出的排版设计,而且在动效、交互、体验上有着颇为值得学习的地方。如果你愿意仔细揣摩,还能在许多网站当中学到细节的处理技巧和内容组合的搭配策略。想比起零散地设计作品,这些来自著名设计机构的网站,在不同需求下诞生的网站产品,更有价值。

接下来,就在下面的20个网站中,尽情发掘你感兴趣的设计和内容吧!

Epicurrence

灵感干货!20个视觉、体验和内容俱佳的优秀网页设计

这个网站是一个为创意工作者所举办的 Epicurrence 2018 峰会,会议地点在著名的 Yosemite。整个网站在设计的时候,都采用了令人惊叹的插画和微妙的视差,让人会忍不住与之互动。

Angelo Sanvito

灵感干货!20个视觉、体验和内容俱佳的优秀网页设计

Angelo Sanvito 是一名来自意大利米兰的插画师,同样精通 UI 和 UX设计,他充分地利用了自己的诸多技能,在这个简单的网站上绘制了一系列著名艺术家的肖像,倒是颇为有趣。

Atomize Design System

灵感干货!20个视觉、体验和内容俱佳的优秀网页设计

这个简约的网站就是给时下正在流行的 Atomize Design System 所搭建的,它阐述了这种设计系统的运作机制和最佳实践。

Lisa & Ryan

灵感干货!20个视觉、体验和内容俱佳的优秀网页设计

想在海量的设计机构当中找到一个适合你的品牌的,并不容易,不过 Lisa & Ryan 倒是非常称职,是个不错的选择。想知道为什么,不妨打开他们的网站看看。

Bellvoye

灵感干货!20个视觉、体验和内容俱佳的优秀网页设计

如果你正在寻找朗姆酒,那么苏格兰高地可能是你的第一站。可是如果你正在找一些口味独特的酒,不妨向着法国南部前进。当然,更便捷的方法也有,那就是打开 Bellvoye 这个精致的网站。

Swiss Typefaces

灵感干货!20个视觉、体验和内容俱佳的优秀网页设计

Swiss Typefaces 是一个风格大胆视觉突出的字体供应商,他们并没有使用传统的白底黑字来呈现,而是使用对比强烈的紫色和绿色来搭配黑白两色来凸显字体的轮廓和细节。

Eleven Plants for Dum Dums

灵感干货!20个视觉、体验和内容俱佳的优秀网页设计

Eleven Plants for Dum Dums 是一个精美的单页网站设计,带有漂亮的插画,可以说它既是一个实验性的网站作品,也是一个排版试验场,还是一个园艺指南。

Posthaste

灵感干货!20个视觉、体验和内容俱佳的优秀网页设计

还记得经典的邮件服务 MailChimp 么?他们最近发布了一款有趣的游戏,在游戏中,你需要通过多发邮件带动吉祥物 Freddie 来穿越街道前进,可以说是非常有意思了。

Boy Smells

灵感干货!20个视觉、体验和内容俱佳的优秀网页设计

Boy Smells 是一个著名的香薰蜡烛供应商,他们的产品覆盖了男性和女性用户,在设计上也采用了大胆的字体和非常贴合品牌氛围的粉色。整个网站设计非常的现代,也非常有情调。

End Family Fire

灵感干货!20个视觉、体验和内容俱佳的优秀网页设计

Family Fire 指的是因为枪械保存不当而造成的家庭枪击事故。这个网站是旨在使用艺术而具有互动性的设计来教育用户,降低相关事故发生的机率,让大家家庭更加安全。

Appointed

灵感干货!20个视觉、体验和内容俱佳的优秀网页设计

Appointed 这个网站深得工作空间的设计精髓,它是一个优秀的设计工具,散发着平静的氛围,拥有着激发创造力的能力。

Goat

灵感干货!20个视觉、体验和内容俱佳的优秀网页设计

Goat 是一个销售二手鞋的网站。通过专业的清理和精心的分类,Goat 提供着二手鞋应该有的一切服务,为此,整个网站的设计非常注意品质,整体的视觉吸引力非常强。

Coralie Reiter

灵感干货!20个视觉、体验和内容俱佳的优秀网页设计

Coralie Reiter 使用天然的贝壳等材料来制造精美的首饰,网站的设计也采用了细致到位的细节展示,呈现整个系列产品的生命力和活力。

Art & History Museum

灵感干货!20个视觉、体验和内容俱佳的优秀网页设计

网页的首图使用人物形象是极为常见的一种策略,而 Art & History Museum 则使用了夸张的古代雕像头像来替代人物头像,这是一种巧妙的颠覆。

Renegade Craft

灵感干货!20个视觉、体验和内容俱佳的优秀网页设计

Renegade Craft 这个网站同样采用了超大的字体排版来构建视觉,结合微妙的动效和明显的色块来营造独特的视觉体验。这一设计策略正符合时下的设计趋势。

Hawkins New York

灵感干货!20个视觉、体验和内容俱佳的优秀网页设计

如今的室内设计市场可以说是竞争激烈,而 Hawkins New York 这个专精于室内设计的设计机构则找到了一个独特的切入点,将经典和极简主义的设计巧妙地融合到一起,形成了一个独树一帜的设计风格。

Arche68

灵感干货!20个视觉、体验和内容俱佳的优秀网页设计

Arche68 充满强烈对比的色彩在动态排版之下,极具感官冲击力,你会在和网站的交互当中明白设计师的意图。大胆的设计要怎么玩儿,看看 Arche 68 你就知道了。

Curate Labs

灵感干货!20个视觉、体验和内容俱佳的优秀网页设计

你会在网络上看到各式各样的设计理念,但是很少会有像 Curate Labs 这么直白的,将自家的设计理念和想法直接摆在明面上,不过这样掏心窝子的设计,也未尝不是一种独特的设计策略。

Moving Brands

灵感干货!20个视觉、体验和内容俱佳的优秀网页设计

Moving Brands 这个品牌设计机构的客户很多都是像 Apple 和 Sony 这样的大型企业机构,网站的设计也别具一格,通过几何元素将自家的设计作品直接摆在首页上,创意和视觉俱佳。

Stack

灵感干货!20个视觉、体验和内容俱佳的优秀网页设计

Stack 为那些喜欢他们杂志的人提供了全新的线上订阅服务,作为最为著名的设计灵感杂志,Stack 不仅实体杂志视觉上非常突出,而且线上的内容也非常优秀。

收藏 176
点赞 12

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。