超越平庸！寻找网站失落的灵魂

For Better Coffee则用了有趣的动画，随着页面滚动，跟随咖啡豆亲历整个咖啡制作过程。体验非常流畅，页面也不会固定到特定位置，滚动变成了讲述故事的一项特色。

随着页面滚动，咖啡豆落入研磨机。

再往下滚动，新鲜咖啡会倒入杯中。

HappyFunCorp

既然我们提到美妙的插画型网站，就应该看看HappyFunCorp。

起初，看起来就像是个带有动画的普通网站。当你开始操作，奇妙的事情就发生了。主页的场景是其他所有页面的基础，当你点击链接，不会加载一个全新页面，而是放大查看场景中的某处细节。

点击链接放大查看细节。

这还挺奇特的，不过我喜欢它的创造性思维。而且正因为导航仍以标准方式呈现，所以对于用户没有学习负担。整个体验稍微有点出人意料，但这与网站正常的交互并无冲突。

差异化体验

我们对于用户有一条基本的期望，我们希望同一个网站的每个访客有相同的体验；要想做点不同的事情，可以把这点抛到九霄云外。Vasilis van Gemert网站不仅使用了独特的层叠式方块布局，它也会为每个访客呈现不同的配色。

Vasilis van Gemert网站的站的3种不同配色。

这个极具创意的特征，也延伸到了所有子页面中。

子页面也会改变配色。

创造独特的视觉主题

打造独特网站的另一个方法，是选取有趣或吸引人的主题，以此为基准左右所有的设计决策。这为你所有的行为提供了良好的指导，鼓励你探索传统UI之外的世界。

虽然这不适合所有网站（例如政府网站），但对于活动公告或小公司网页而言，这令人耳目一新。dConstruct 2015的新网站就是这方面的绝佳案例。

dConstruct 2015网站中的部分复古未来风格设计。

如你所见，他们营造出了复古未来的氛围，向《杰森一家》致敬。你会非常乐于滚动看完整个网站，想要了解他们如何呈现网站的各个部分。

dConstruct的一处设计细节。

这个网站有许多非常棒的细节值得注意。首先，大标题的处理就极其复古，结合了Lamplighter Script和Andes字体。

但最棒的地方，是这些是实实在在的网页字体，通过简单的CSS倾斜来改变方向。斜线贯穿运用于整个网站，有助于设计的统一性与创意。

创意地使用风格独特的网页字体，所有文字都可以选中。

这个网站完美诠释了响应式设计也未必就无聊。布局给人感觉并非四四方方或典型布局，但它仍然做到了各种尺寸适配良好。实际上我非常喜欢他们极具创意地在小屏幕上呈现元素。例如，随着屏幕尺寸缩小，下图的票券图片通过动画过渡，由横条变为竖条。这是个小细节，但非常聪明，反映出他们向整个布局的方方面面倾注了多少心血。

在窄屏中，票券由横条翻转成竖条。

我要向Clearleft脱帽致敬，是他们创造了这件杰作。

把版权素材作为一种输入，而非最终结果

我在Creative Market工作，我当然喜爱使用优秀的版权图片、字体、照片等等。高质量的版权资源，能给每位设计师的工作带来极大的帮助，但如何使用需要慎重考虑。无论你是在使用有趣的矢量作品、图标集、或是整套网站主题，考虑付出一些额外的努力，别让你的作品和其他人看起来一模一样。绝大多数人下载那些资源，都不肯费心做出哪怕一丁点定制化设计，所以只要一点点就大有帮助。

独特网站的问题

（编辑：南平站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!