分享激发灵感的10个单页网站
嘿,今天来跟大家分享一批干货,十个单页网站帮助大家在WEB设计的时候找找高逼格的设计灵感~
网页分享
如果操作正确,单页格式可为您的用户提供简单但功能丰富的体验,而无需浏览页面和链接。
前提很简单:在一个页面上保留您网站的所有(或大部分)资产,从文本到图形到导航按钮。用户需要上下滚动(或使用导航按钮)来查看您的网站。
以下是一页网页的10个精彩示例。用它们来激发你自己的设计,或者只是为了讨好。
1.Balsoy

Balsoy利用顶部的固定菜单栏帮助用户轻松浏览他们精简的单页网站。当用户向下滚动时,会向他们显示提供有关其产品信息的部分。每个部分都通过滑动动画过渡到下一个部分,这让它变得有趣。
2.Epic

Epic为您提供来自才华横溢的作家的真实,引人入胜的故事 - 并且它们都显示在一个单页的网站上。使用页面顶部的锚点链接,用户可以通过单击按钮或向下滚动来准确找到所需内容。
每个故事都带有生动的图形和简短但令人着迷的故事大纲。布局简单,允许用户滚动浏览并选择故事,如数字图书馆。虽然每个故事都是它自己的子页面,但我们真的把它作为一个例子,将大部分网站的内容放在这个易于浏览的单一页面上。
3.Every Last Drop

Every Last Drop是一个由英国非营利组织Waterwise为您提供的单页网站,该组织致力于教育人们关于用水量和减少用水量的重要性。当用户向下滚动时,他们会在典型的英国公民的生活中度过一天 - 以及他们每天消耗的令人眼花缭乱的水量。
该网站使用动画和独特的滚动技术让访客沉浸其中,并向他们展示减少用水量的重要性。这是一个非常有创意的单页网站,提供难忘的教育体验。
4.Ian Enders

Ian Enders是一名软件工程师,也是一个精彩的单页网站的创建者。
在不滚动的情况下学习Enders的101生活。到第17行结束时,你需要知道的一切都是拼写出来的:他编码,他有经验,有简历,而且(用他自己的话说)是一个“狡猾的老人”。
5.Angry Bear

设计机构“Angry Bear”使用用户一个以美丽自然为主题的单页网站,包括一个浮动汉堡包菜单(还是汉堡包菜单)?好的,我会在左边停下来……)以便在整个页面上轻松导航。
设计用户设计元素和创造力,以便在瀑布向下滚动到下面的森林时给人一种深度和范围感。
6.Reverend Danger

Reverend Danger是一个有趣且互动的单页网站,来自同名的数字代理商。
使用顶部的滚动条,用户可以选择两种不同的主题来体验网站:Reverend,获得更加被动和平静的体验;和危险,一个更暴力和动作电影体验。一个非常有趣的方式来增加一个单页的网站。


7.Knucklebones

Knucklebones成立于2016年,是一个致力于老游戏的新网站。该网站致力于基于古老的Knucklebones游戏(千斤顶的前身)的Kickstarter产品。
当用户向下滚动时,网站会向用户提供他们可能需要播放的所有信息,并以易于遵循的格式展示规则。

该网站还提供用户可以购买游戏的各种包。

顶部的固定导航栏可帮助用户浏览单页网站,而无需不断滚动。
8.Rest

休息是一个很好的例子,说明一个页面的网站如何也可以用于电子商务。该网页简短而甜美,通过精美的图像和良好的副本为用户提供了解产品所需的一切,同时通过视觉表达的三种简单购买选项为他们提供了如何自行购买的选项。

顶部的两个导航按钮也是一个优点,有助于浏览网站而无需不断滚动。
9.Jon Phillips

并非每个页面网站都需要锚链接和动画。用户界面设计师Jon Phillips通过他的个人网站为我们提供了这个列表中最简洁的单页网站。这个不需要滚动,因为它只是一个简单的页面,上面有他的名字和一个前面和中间的联系按钮。
在底部,您将找到标准的,普通的社交图标按钮,将用户发送到他的社交媒体帐户 - 就是这样。你找到了他。
10.We Ain’t Plastic

我们不是塑料是柏林的UX工程师和创意技术专家RolandLösslein的另一个自我。该页面分为不同的部分。每个部分都为用户提供了他们可能想要了解的有关Roland的不同信息。
原文出自:
https://www.invisionapp.com/inside-design/10-one-page-website