单页网站设计指南.pdf

单页网站设计指南 单页设计，是一项处理小型网站的绝佳技巧，甚至有些网站你可能认为一张页面搞不定，也同样 适用。从易于维护，到减少带宽占用，使用单页网站的好处不胜枚举。 假如你应对的是个小型网站，通常只有几个页面的那种，可以考虑使用单页设计，看看它是否能简 化项目，对用户更加友好。继续阅读，你将了解它的益处，何时使用（或不该使用），还有一些你 该遵循的绝佳惯例。 单页设计的益处 很显然，单页设计并非所有项目的理想选择。但假如可能的话，有一大堆理由使用它。 直观易用 默认情况下，用户要浏览单页网站，只要知道如何滚动就行。你也可以加入箭头或其他浏览暗示， 但除了少数例外，其实滚动就足以让用户在各部分间穿行。 完全不用担心用户身陷多层导航中，无休止地寻找他们所要的东西。如果页面上有多个部分，页头 或其他导航链接通常很有帮助，不过即使没有它们，网站仍然是可用的。 维护起来更快速、更简单 这点并非既成事实，编码良好的单页网站，或许编写起来比多页网站更快。设计过程有时可以花更 少的时间，尽管这取决于单页网站的复杂程度。 一旦你脑海中有基本的布局，单页网站还能利用某些特定的设计约束来加快进程。尤其较之于多页 网站而言，单页网站各个部分要保持无缝衔接。如果你已经明确哪些能做哪些不能，这类约束的确 能加速页面开发。 维护也更简单。当你只需要处理一个页面，维护工作就大大简化了，只要网站本身编码良好。 它迫使你进行简化 这条构筑了上面一点。当你只有一个页面要处理，你不得不把一切简化为它们最基本的形态。不再 需要一页页毫无用处的市场宣传。你必须直截了当、开门见山。 更具 SEO 潜力 高质量的站内链接，是网站在搜索引擎中的表现的重要组成部分。尽管搜索引擎并不是很多网站必 须的最大流量源，它们仍然重要。 单页网站的链接总是指向自己。搜索引擎抓取时，这可以增加网站的权重。 叙事的手法促使用户有所行动 单页网站往往从叙事角度出发，这点多页网站可不擅长。这可以促进转换，激发用户采取行动。 人们习惯于聆听故事，不论在线上还是线下，所以这点有着显而易见的用户体验优势。我们儿时就 开始阅读和听故事，于我们而言，这是自然而然的事情。 易于组织 再也不需要组织一列列数不清的页面和子页面了。无需多虑每个页面是父级还是子级。也没有庞杂 的导航菜单和子菜单。所有都在一页上。是要包含导航链接，还是让用户滚动，这取决于你，就看 是否有助于提升用户体验。网站如果有多个页面，是绝对不会这么考虑的。 减少带宽占用 尽管不像从前，对服务器而言已经不成问题，不过想想近年来有多少用户通过移动设备访问你的 网站。减少网站的带宽占用，会赢得流量有限的用户的感激。 消灭了移动版网站 当然，响应式设计不只限于单页网站。但即使采用了响应式设计，网站越复杂，让它适应小屏幕还 是愈发困难。单页网站并不复杂，这是必然的。运用响应式设计总体来说更容易。简化导航和类似 改变，也更容易成就适用于小屏幕的设计。 要不要用视觉差滚动？ 视觉差滚动可能是互联网中发生过的最美妙的事情，也可能是个被滥用的噱头，来蹂躏我们浏览器 ，这取决于你怎么看。无论你站在哪一方，它似乎近期并不会消失。 就我而言，我希望有时间和地方来实现视觉差滚动。这个效果对于某些单页网站大有裨益，而对于 另一些则是噱头，甚至更糟：难以使用。关键是要明确一点，你使用视觉差滚动真的能提升网站的 易用性吗，还是因为你觉得它看起来很酷？ 如果要使用视觉差滚动，还要考虑一件事，使用 Javascript 还是纯 CSS 技术来实现。关于这两个 选择，请参见资源部分了解更多信息。 何时使用单页网站，何时不用 虽然有单页网站大有益处，但它们也不是完美的全尺寸适配方案。虽然很多时候单页网站比多页网 站更合理，但也有很多时候不应该使用单页设计。 总之，假如你的网站只有少数页面，单页网站或许是最佳选择。将一切浓缩在一个页面上，能让网 站整体具有更现代的外观，如果内容精简，那么单页网站可以让它看起来更丰富。 单页网站的另一个普遍案例，就是发布预告页面。它们通常是单页网站，带有新闻邮件的注册表单 。多数情况下，发布预告期间面向大众的信息很容易组织在一个页面上，所以，设计这些页面时优 先考虑这种风格是很合理的。 产品单一的电商网站，也是单页网站表现优秀的领域。如果你只卖一种产品，无论它是实体或是虚 拟的，何必劳烦使用多个页面呢？一个简单的单页网站才是更好的销售工具。 可能你觉得更复杂的电商网站不适合用单页网站，但它仍然可行。当然，有十多种产品的网站中我 会避免使用，不过单张页面也足以轻易支撑一个简单的在线