“一页”/“长头版”网页设计?

时间:2013-08-09 00:04:36

标签: html css responsive-design parallax

我遇到的网站设计趋势越来越多。问题是,我不知道它被正式称为什么,所以我不知道如何在网页设计网站或博客中寻找这个主题。我想找到有关提示和最佳实践的教程和文章,但我没有找到任何人,也不知道人们称之为这种设计风格。

基本上,它有一个很长的首页(或内页),有很多水平部分,有大图像和文字。它有点像单页网站,但它不是一页的。它有点像Parallax,但它并没有真正使用视差效果(至少不一定)。它还与响应式设计密切配合,因为它共享了大量滚动所需的长垂直格式。

我所指的几个例子:www.marketo.com,www.ginzametrics.com,www.kinhr.com

如果有任何相关文章或资源,我会很感激找到这个的官方名称。谢谢!

2 个答案:

答案 0 :(得分:5)

我认为您正在寻找的技术术语是 single-page application 单页界面

“单页网站”这一短语的Google搜索结果显示它用于描述相同类型的网站。 单页网站作为另一个同义词出现(例如,onepagelove.com提供了单页网站设计的集合)。

然而,单页应用似乎是最官方和最全面的术语。相关地,它在Stack Overflow中被积极用作问题标记:https://stackoverflow.com/questions/tagged/single-page-application

答案 1 :(得分:4)

它们是“长页面滚动”设计。请参阅:http://www.dtelepathy.com/blog/inspiration/long-page-scrolling-designs

单页应用程序与“单页网站”不同。首先,应用程序和站点之间的区别在于,站点仅用于显示信息,而应用程序向用户提供功能或实用程序或服务。应用程序必要时是交互式的此外,单页应用程序可能有多个“屏幕”或“视图”,但这些视图是通过幕后的AJAX调用加载的,不需要页面刷新。单页应用程序的示例包括Gmail和Facebook。

单页网站不一定具有长页面滚动设计。