2019-06-29

单页网站设计:7个提示+创意


1.在“页面”中思考



https://www.cotenyc.com


当涉及到设计一个单一的,滚动的网站设计考虑“页面”。 每个卷轴都应该提供一种类似页面的体验,重点放在单个元素上。这为网站设计创造了一种独特的组织和流程感。 

柯特这样做美丽的“页”,有交替的光和黑暗(或完整的照片)分开。用户在滚动时会直观地知道某一段内容的结束位置和下一段内容的开始位置。


2.较长页的时间线导航



当涉及到一个页面的网站,他们并不总是轻的内容。一些最好的单页设计是更长的滚动,更长格式的网站。

 对于这些项目,请考虑时间线导航,以便用户始终知道他们在内容流中的位置。它使它很容易跟踪你在哪里,如何回来,如果有内容需要重新检查。 

UV英雄做了一个很好的工作与高度视觉时间线导航,显示在可见光谱上的每一种颜色,因为它涉及的内容在设计。最棒的部分呢?您可以单击任何颜色并跳到该内容。



3.网页导航




单页网站不需要缺少普通的用户界面元素,比如菜单,尽管很多网站似乎需要。

您仍然可以合并一个传统的菜单(它可以帮助用户流以及搜索)。区别在于菜单链接跳转到一页设计的特定部分。

对于喜欢以这种方式导航的用户,他们甚至不会知道您已经创建了这个巧妙的技巧。

快乐工具看起来像一个多页面的网站,但它都包含在一个页面上。该菜单工作非常好,并为用户提供导航选择。



4.使其具有高度的交互性




如果您希望用户继续滚动,交互元素可能是鼓励该操作的诀窍。

从视频到视差效果,到动画或游戏化的接触,互动可以鼓励更大的移动和时间在现场。

单页设计尤其如此。Lobods有一种愚蠢的风格和大量的互动性。有悬停动画,幻灯片和弹出元素和滚动文本。

所有这些都是以一种帮助用户轻松浏览内容的方式组合在一起的。(这个设计的另一个好处是?它包含了大量的空间,这样微妙的动作和交互就更容易看到了。)


5.全部在一个屏幕上



如果你没有太多的内容,一个页面的设计在一个屏幕上可以提供一个很好的用户体验。

 对待这个网站的设计就像一个大的导航元素与一些信息,然后离开网站或联系链接。

它可以很好地为即将到来的设计或简单的投资组合登陆页。 

西尔万·泰森这样做是为了他们的投资组合设计。(它实际上有两页:一个可爱的“屏幕保护程序风格”动画,通过鼠标移动变成主设计。)该网页简单,内容丰富,令人印象深刻。

单屏幕设计为您提供了您需要知道的一切,而不需要任何额外的阻碍。


6.即将到来的设计



说到即将到来的网站,这是一个单一页面设计的完美使用。 在大多数情况下,即将到来的网页没有太多的内容-可能只是一个标志和介绍或联系信息。

在大多数情况下,这可以很好地适合在一个页面,是一个有效地利用用户的时间,直到主网站上线。 绿色变色龙就是这样做的。

One=页面设计特别好,因为它有很酷的动画和有趣的文本使用。它创造了一种期待感,唤起了好奇心-这正是你在即将到来的一页中所希望看到的。


7.做个小风趣的人




如果你想尝试一些不同或时髦的东西,单页网站可以是一个很好的游乐场。一个不寻常的显示器对较小的设计效果很好,因为你最终不会做太多的“把戏”。

RouHunfan使用一个特殊的字体和背景网格来突出他的信息、组合和工作。

创造性的展示和最少的风格足以鼓励滚动短期,完美的投资组合。