很明显,WordPress 单页网站比多页网站更容易构建。事实上,要让一个单页的页面既有友好的多用户体验又具有视觉吸引力往往要困难得多。
通常,一个单页多页面切换 WordPress 网站设计比一个多页面站点需要花费更多时间。挑战在于,要把您想传递的内容都展示在页面上,您需要做大量的计划。当然,您可以随心所欲地建立一个页面,但是大多数访问者也许在第三次滚动之后就会放弃。更好地构建 WordPress 单页网站的指南围绕 5 个关键元素展开。
1 、目标: 确定网站的目标并朝著这个目标努力
在您明白您的网站的目标之前,就匆忙开始您的设计是没有意义的。基于 WordPress 外贸独立站网站建设目标,您将能够更好地计划它的结构。您应该寻找可能导致访问者快速退出的原因。这甚至可能发生在访客点选网站行动按钮之前,比如说网站载入速度过慢。一个单页的网站需要把多用户的注意力引向一个单一的目标; 这可能是:
●销售产品
●展示作品集
●导出活动
Bistro Agency(http://www.bistroagency.cz/work/skoda-4×4/web/#4×4)
该网站的折叠切换产品的互动效果并没有减慢其载入速度。
Be Moving 网站(https://themes.muffingroup.com/)
这个 WordPress 单页网站的特点是将静态影像展示成动态的。
Sheerlink(https://sheerlink.audio/)
这个网站也是一个很好的例子,说明了大型影像和滑动切换面板在吸引多用户方面所扮演的重要角色。
2 、文字: 尽量简化,让它易于阅读
在 WordPress 单页网站中,在页面上方填满文字,很少有多用户会费心向下滚动页面。相反,您需要通过强调粗体标题将文字数量保持在最低限度,您可以搭配简短的段落和专案列表。避免在页面的任何地方使用大段文字。将文字分成几个部分,并将它们整合到视觉效果中。您可以通过多种手段,使文字有趣和容易理解。
Hello Alfred(https://www.helloalfred.com/)
网站导航位于网站的上方,简洁突出的标题和正文有助于核心信息的传递。
Mercedes-Benz(https://www.mercedes-benz.com/en/mercedes-benz/vehicles/passenger-cars/eqc/the-eqc/)
当汽车品牌达到了宾士这个品牌的高度,多关注高质量的影像,极简化文字就足够了。该网站的 360°旋转背景也让汽车更加真实形象,可以让多用户多角度观察它。
3 、视觉效果: 识别正确的模式,巧妙地使用负空间
人们倾向于以 F 模式阅读文字,而以 Z 模式检视影像。因此,正确放置文字和影像以保持平衡的视觉流是有必要的。在这个区域中,大量使用留白有助于分隔各个部分。您可以使文字易于阅读,让人们参与其中。
Dribbble’s Year in Review(https://dribbble.com/year/2022/)
本例子中,设计者运用几个不同的设计原则,以最大限度地创造一个醒目的视觉主题。
Nasal Drops(https://en.soplyam.net/)
该推广页面可能主题不是特别突出。但是由于巧妙地使用了幻灯片、留白和动画,设计打破了常规,画面看起来还是很新颖。