网站的外观和感觉很重要。它既可以吸引新客户,反之也会产生排斥感。WordPress 网站构建器使得使用拖放模板进行设计更加容易。但并非所有模板的建立都是相同的。网站所有者需要选择一个符合品牌个性,欢迎访客,并提供良好的功能的设计模板。是时候建立一个出色的网站了。以下是在选择遵循最佳设计实践操作的网页设计模板时要考虑的五个因素。当然,也可以先了解一下 2018 年网页设计的一些趋势。
1. 头部设计
头部是访问者看到的网站的第一部分。主要目的是欢迎观众,激发其浏览网站的好奇心。大多数的头部设计包括品牌的标志,加上一个精美的影象。文字通常提供了上下文,并新增了一个简单的行动呼吁。网站的头部将取决于解释品牌的难易度。Brenda Barron 是 Tuts+的讲师,他提供了更多的见解:“使用精美的影象来创造令人惊叹的视觉体验,对于酒店、餐馆或温泉浴场等企业来说效果很好。另一方面,如果业务型别可能很难仅用影象进行解释,那么应该选择一个包含影象和文字覆盖的标题设计。”ClassPass 是一个健康俱乐部聚合器,它使用一个头部影象来显示其业务模型。简单的文字提供了公司的描述,其中有两个行动呼吁按钮。第一印象在网上具有重要意义。选择一个积极地展示品牌的网页设计模板。
2. 导航设计
在实体店很容易找到物品。因为店内的过道上有标记,也有客户服务的指定区域,甚至有店员走来走去提供服务。同样,在网上重新创造购物体验也很重要。选单栏起到了路线图的作用,引导访问者访问站点上的某些页面。因此背景要简洁,字型清晰可读。关键是不要给消费者压力或不便。过于拥挤的选单在视觉上具有压迫感,会使游客的体验复杂化。为页面建立层次结构或体系结构。对于布局,将最重要的页面放在左侧。使用不同的颜色或新增熟悉的符号来突出关键细节。在下面的示例中,Havertys 提供了一个易于访问的选单,供客户了解其产品。该品牌还为访问者提供免费设计帮助的选择。导航设计为访问者提供了一个清晰的方向,告知其下一步的操作。通过线上体验成为他们的个人向导。
3. 功能
网站上没有足够好的图片和时髦的颜色,需要新增一些实用的功能。首先决定访问者访问的目的。希望顾客购买产品呢,还是让他们在特定时间与网站所有者联络呢?网站的目标有助于选择正确的模板。如果希望访问者直接与网站所有者联络,可能需要实时聊天功能。如果想让顾客购物,则需要一家 WooCommerce 电子商务商店。Viral Element 创意总监 Perry Lara 说:“鉴于网站是企业最好的销售途径,企业主应该采取必要的步骤,以确保网站在推出之前和之后都能正常执行。一个无法正常运作的网站可能意味著产生新的潜在客户开发和完全错过潜在客户开发的机会之间的差异。”SWANK 理发店为访问者提供了在其网站上预约的选择。通过此功能,品牌就可以简化获得新客户的过程。功能让网站不再仅仅是一个美观的线上空间。一个成功的 WooCommerce 电子商务网站设计模板可以将犹豫不决的访问者转变成忠诚的购物者。
4. 内容区域
内容在网站中起著至关重要的作用。文字和影象将填充设计空白,并将产品和服务资讯告知访客。根据品牌,内容区域可能包括 WordPress 博客、照片库或幻灯片。选择一个能帮助访问者了解网站价值的内容部分。但是,太多的内容区域会使设计复杂化。这些东西会让访客对他们应该集中注意力的地方感到困惑(或者可能会惹恼访客)。如果他们不能决定下一步的操作,他们很可能会离开网站。Kitchen Konfidence 展示了一个生动的内容区域,包括漂亮的照片、简洁的描述和直接的行动呼吁按钮。此外,这里有足够的空白空间,不会让访问者被大量的内容淹没。内容区域是一个很好的尝试品牌如何展示资讯的地方。例如,在导航选单、社交媒体连结和联络人详细资讯中使用固定边栏。网页设计模板的布局应该安排合理。仔细选择使用的内容领域。
5. 手机版
据 Statista 称,“预计 2019 年手机使用者数将达到 46.8 亿。” 这项研究意味著消费者对网站的参与可能会增加。移动使用者希望迅速得到他们需要的东西,而不会有任何麻烦。谷歌使用者体验研究主管 Jenny Gove 表示:“使返回主页变得容易。当使用者点选移动页面左上角的徽标时,他们希望可以回到主页,当徽标不可用或不起作用时,他们会感到沮丧。” 在移动网站上使用更少的单词。标题要短,以适合移动萤幕。内容也应该容易浏览。Bose 的移动网站突出了基本细节。乍一看,参观者可以看到该品牌的标志、选单、主要的行动呼吁和产品的形象。这副本也短小精悍。移动网站应该遵循与桌面版本相同的品牌风格和配色方案。使用不同的变体只会分散访问者对品牌价值的注意力。
网页设计模板是网站的基础。目标是建立一个有用的和有吸引力的网站。要找到满足这个目标的最佳网页设计模板还有很多工作要做。幸运的是,像 GatorWordPress 网站构建器这样的 WordPress 网站构建器使这一工作变得容易。数百个移动友好模板可供选择,它们都遵循现代网页设计的最新趋势。立即检视,为业务找到最合适的模板。更多关于网页设计的介绍可以了解一下网页设计的核心原则有哪些。