看起来可能不是什么大事,但网站外观非常重要。在最近的一项研究中发现,设计良好的界面可以将网站的转化率提高200%。但是设计自己的网站很难。
该从哪里开始?应该选择哪种字体?哪种颜色?菜单应该放在哪里?这些还有许多其他问题,可能会让人在开始之前就放弃。本文hostgator美国主机小编将展示一些自己设计网站的策略。
一:选择建立网站即将使用的工具
网上有很多工具,不需要聘请网页设计师就可以设计和建设自己的网站。目前,可以使用两种理想的软件来设计网站:
内容管理系统(CMS):内容管理系统,如WordPress,是设计网站的最简单的工具。这是因为它带有模板,这些是现成的网站设计,可以简单地安装和自定义,直到获得想要的外观。
网站构建器:网站构建器是一个拖放工具,可以在没有任何特殊知识的情况下专业地设计网站。可以控制每个元素的外观(文本框,小部件,按钮等),并且只需使用鼠标即可更改其设计和位置。
如果想快速完成网站设计,应该选择CMS。但如果想对网站设计有更多的控制,应该选择网站构建器。
二:准备网站的线框
注意:如果打算使用CMS及其模板来设计网站,可以跳过这一步。但是,如果使用网站构建器从头开始,请继续阅读。
如果真的有雄心壮志要为网站创造独特的设计,应该从建立线框开始。
线框是一种结构表示,可以显示网站外观。可把它看作是网站的蓝图,就像房子的蓝图一样,它将指导如何建立网站。线框给了一个坚实的概念,即控制面板的外观。
它显示了:
- 网站的结构
- 网站的导航等级
- 哪些内容会被放在哪里
不需要使用花哨的软件来设计网站的线框。简单地使用一张旧纸和一支笔即可创建一个像这样的线框。
在开始制作网站的线框之前,应该在浏览器中添加这个Wirify书签。访问最喜欢的网站时,它将展示它们的线框。在开始创建首个线框之前,这是获得灵感的好方法。
以下是应该在网站主页上放置的基本组件的基本概念:
1. 徽标:将徽标放在网站的最上方。
2. 主菜单和二级菜单:接下来,添加菜单栏,访问者将使用它来浏览网站。
3. 标题:网站关于什么?在这里,写一些简短的句子,解释访客可以从网站或产品中得到什么。
4. 小标题:在主标题下面,再写几句话,解释网站或产品以及服务将为访客提供什么价值。
5. CTA按钮:希望访客采取的首要行动是什么?购买产品,订阅通讯,注册服务?把按钮放在小标题附近,这样访客首先就能看到它。更多的相关内容可以阅读电子商务提高销售额的五个最佳实践
6. 背景图片:放一张代表所提供的产品或服务的背景图片。如果愿意,也可以放一个有多张图片的轮播转盘。
7. 产品和(或)服务:在折页下方(网站访问者必须滚动才能看到的部分),向他们展示提供的产品或服务列表,并且点击后可以获得更多信息。
8. 内容:如果内容是网站的重要组成部分,可以跳过产品或服务部分(可以进入另一个页面),直接列出最新文章。
9. 推荐:为了建立可信度,试着从过去的客户那里收集一些积极的推荐,并把它放在网站的最后(以及可能想要提供的任何保证)。
需要说明的是,这种放置内容的结构并不是一套严格的规则,而是创建首个线框时可以遵循的一般准则。
三:确定网站将有哪些页面
在开始线框过程(或编辑模板)之前,要决定网站会有哪些页面。而要做到这一点,必须问自己,想让网站做的最重要的事情是什么。
是否想让它销售产品?展示信息和文章?表明服务或产品的功能?介绍公司或业务?
一旦回答了这个问题,就可以更容易地决定想在网站上设置哪些页面。
以下是一些常见的网站页面:
- 首页
- 博客
- 关于我们
- 联系我们
- 定价
在这些页面中,每个网站最常见的页面就是主页。通常,主页分为这几个部分:
- 头部:头部一般包括公司/企业标志,二级菜单,以及其他元素,比如搜索框、购物车小部件,或者其他东西。
- 主菜单。主菜单包括指向访问者最感兴趣的页面的导航链接,这是网站的核心。可以包括指向产品、服务、文章等的链接。主菜单通常包括整个类别或主要部分的链接。
- 二级菜单:二级菜单包括指向次要页面的链接,这些页面不是网站的核心,但仍然需要在那里。一些二级菜单项目有 “广告”、”隐私政策”、”使用条款 “等。
- 主要内容:这是网站的主要区域。它将向读者介绍网站,以及突出最新产品、公告、服务和内容。
- 侧边栏:侧边栏可以包括一些小工具,如订阅表格,档案,社交分享按钮,以及希望访问着采取行动的其他CTA。原因是无论访问者在哪个页面,侧边栏都会保持在视图中。
- 页脚:页脚作为网站的最后一道安全网。可以在这里放置导航链接,网站地图,订阅表格,小工具,以及其他可能希望访问者在离开网站之前点击的东西。还可以在页脚添加隐私政策、使用条款和其他重要页面。
一旦列出了想要的页面,就可以开始创建网站的线框或者开始在WordPress网站上添加页面。想知道更多的相关内容可以阅读如何为网站设计徽标