我们想尝试一些新事物! 我们将汇总一些我们喜欢的网站并与您分享。 我们将看看那些古怪而奇特,令人震惊且完全奇怪的网站; 那些激发我们兴趣并让我们重新审视的网站。 我们可能会因为各种原因选择一个网站,例如使用特定技术功能,或者它可能是一个因其排版而脱颖而出的网站。
这完全是主观的,而不是比赛。 让我们开始吧!
有趣的一天
有趣的一天 是今年晚些时候在挪威举办的一日会议,该活动的营销网站由 Bakken & Bæck 设计和开发。

我发现这里有趣的是类型和布局之间的对比。 与 大量网站 不同,布局与背景插图相得益彰,反之亦然; 眼睛自然地从一个引人注目的图形吸引到下一个图形。 在这里,插图很容易与文本发生冲突,但值得庆幸的是,所有内容在移动尺寸上的效果与大型桌面显示器一样好。 这可不是一件容易的事。
我还被设计吸引,因为 Atlas Grotesk 和 Larish Neue 之间的非寻常组合。
查理·罗斯
在对 查理·罗斯脱口秀节目 进行重新品牌化时,字体再次抢尽风头。 Pentagram 的设计师没有选择安全的流行网络字体,而是决定数字化一种名为 Schmalfette 的字体家族,我认为它非常适合。

它大胆而时尚,绝对不像任何其他脱口秀网站。
该网站使用 不可见文本闪现 方法来提供网络字体。 有时,如果设计师选择的字体比您获得的回退系统字体更紧凑,当薄的网络字体替换更宽的系统字体时,您会看到屏幕出现可怕的抖动。 因此,也许在测试中,设计师认为减少字体之间的这种闪现比尽快显示文本更重要。

您可以在 Jessica Svendsen 的网站 上阅读有关此项目的更多信息,或查看 Schmalfette 在野外的更多示例。
人物
最后,我想快速看看 人物,这是一个来自 货物 团队的出版平台。 这是因为它以一种非常有趣的方式使用滚动事件和交互式图像效果。 以项目的首页为例

很难描述正在发生的事情,因此您必须自己尝试,但实际上,当您向下滚动时,背景图像会同时拉伸。 就像您正在操纵文本下方的表面,而且这种效果在实践中非常平滑,令人惊讶。
另一个非常有趣的效果是在 此演示 模板上实现的,其中图像像破碎的镜子一样被分解,当您移动鼠标时,碎片会重新排列。

您选择哪一个?
如果您最近在评论中偶然发现了优秀的网站链接,请随时分享,我们很乐意看到!
也许您会喜欢这种类型的投资组合;)
http://juszczak.it
这是一个不错的投资组合,Squidy。
为什么不展示实际的网站呢? 它们看起来比模板/模型好多了。
酷,我如何窃取它?
我想知道“有趣的一天”是如何让那张船的图片(它是 JPEG)与背景(PNG 和 CSS)如此无缝地融合在一起的? 我从未让它正常工作。
我不是花哨的设计师,但也许您可以看看我的个人投资组合上“混乱”按钮是否能让您获得启发? https://luketowers.ca/ 任何建议都会受到欢迎;)
哈哈,伙计! 说真的,这到底是怎么回事? :D 我不得不把它关掉,因为音乐... 以及所有混乱 :D 第二次尝试 - 音乐太吵了。 只是说一下。 :D 疯狂的东西。
@ThomasK
好吧,它确实是“混乱”按钮,您期望什么呢?;)
我对设计感兴趣,但我不知道如何专业地设计。 我了解 网页设计 的基本形式。
http://resn.co.nz/
它只是... 在各个方面都极端。 动画、风格、导航概念、可用性。 我的意思是,对每个方面来说,既有积极的,也有消极的 :D
虽然不一定与本文直接相关,但这篇文章中页面动画的 gif 非常分散注意力,而且不友好。 我希望能够禁用它们。 我读这篇文章时感觉很恶心,我们都知道循环动画没有暂停按钮,这对可访问性来说是不可取的。
您好,Chris / Robin,
我很高兴您开始了这个系列,我喜欢您的格式包括“为什么我们喜欢它”; 这对我来说比孤独的书签列表更有价值。
继续努力!
由于每个人似乎都在分享他们的投资组合,所以这是我的:http://thibaultjanbeyer.com/
http://www.beoplay.com/products/beoplaya1#at-a-glance
以及在同一个网站上,
http://www.beoplay.com/products/beoplayh3anc#anc
在笔记本电脑上,声音很棒。 绝佳的颜色、摄影以及一些很棒的产品! 享受吧!