看似简单的一页式网站，你真的会设计吗？

随着移动端和社交媒体的兴起，简单直观、响应迅速的一页式网站受到不少设计师和用户的青睐。不过，一页式网站虽然看上去很简单，但创建起来却远没有想象中那么容易。今天农耕建站就带来了一些设计技巧和范例，希望能给大家帮助。

什么是一页式网站？

一页式网站，顾名思义，是指只使用一个HTML页面的网站。也就是说，所有的信息内容都放在这一个页面上，点击导航菜单项（比如”关于’、”联系我们”）即到达这个页面的不同区块，而非单独分页。

一页式网站的优点：

信息流完整。一页式网站将内容完全整合在一页当中，这使得用户可以直观而清晰地感知到整个信息流，从而获得更加流畅的浏览体验。
交互简单。研究表明，一页式网站的转化率要比多页式网站的高37.5%。这是因为，在单页面网站上，用户能够更快地浏览、获取信息，不会因为其他的页面而分心。
利于移动端。相比多页式网站，一页式网站在移动端上的优势也更加明显。在小屏幕上，精简直观的内容、简单自然的滚动交互更符合访客的浏览习惯。

除了上面几点外，一页式网站还有不少好处：不用增加来回跳转的链接和页面，工作量没那么大；页面功能更容易实现；网站也更便于迭代和维护。

一页式网站的缺点：

承载内容有限。一页式设计不是成长型品牌创建网站的首选，因为它的承载内容有限。如果你想要创建大量内容、信息结构复杂的网站，或是一个不大的网站（但有计划进行拓展的话），尽量选择多页式网站设计。
不利于SEO。一页式网站是响应式的，能够带给用户更好的移动体验，但是它对SEO并不友好。因为你无法使用多个不同的关键词和描述词来定义不同的网页（你只有一个页面），所以这会在一定程度上影响网站的流量和在线影响力。

适用场景：

正如我们前面所提到的，一页式设计的承载内容有限，能够最大程度降低信息噪音的影响，让用户专注于最重要的内容。所以它经常被用来创建：

个人网站；
作品集；
简历页面；
活动页面；
着陆页；
宣传册网站；
单产品网站。

如何设计一页式网站？

将文本分为几个区块

如果你决定进行一页式网站设计，你可能没有太多信息内容要展示。否则的话，你就会选择多页式设计了。虽然你网站的内容不多，但这并不意味着你可以自动避免网站信息超载的问题。你仍需要对网站信息内容进行筛选和管控，将文本分为几个不同的区块，提出简单清晰、易于浏览的视觉结构，以确保用户能有兴趣一直滚动下去。

构建清晰的视觉层级

在网站中构建视觉层级的方法有很多，诸如对齐、颜色、字体大小、元素尺寸、间距、留白等都是不错的技巧。而视觉层级的架构同时还需要考虑用户浏览模式，这一点我们在《如何提升网页设计的视觉层次感？这9个技巧帮您轻松搞定》就提到过。一般来说，在网站内容不多时，用户常会使用古腾堡式。而在内容元素较多的页面上，用户更加倾向于F图模式。关于用户浏览模式可以点击《如何改善网站留给用户的第一印象？（上）》了解。

由于一页式网站通常包含多个部分，所以我们可以同时将这两种类型用在不同的区块上，以让网站的结构看上去更加多样化。当然，类型也不能太多。