非设计师如何让网站看起来很美

看起来可能不是什么大事,但网站外观非常重要。在最近的一项研究中发现,设计良好的界面可以将网站的转化率提高200%。但是设计自己的网站很难。

该从哪里开始?应该选择哪种字体?哪种颜色?菜单应该放在哪里?这些还有许多其他问题,可能会让人在开始之前就放弃。本文hostgator美国主机小编将展示一些自己设计网站的策略。

一:选择建立网站即将使用的工具

网上有很多工具,不需要聘请网页设计师就可以设计和建设自己的网站。目前,可以使用两种理想的软件来设计网站:

内容管理系统(CMS):内容管理系统,如WordPress,是设计网站的最简单的工具。这是因为它带有模板,这些是现成的网站设计,可以简单地安装和自定义,直到获得想要的外观。

网站构建器:网站构建器是一个拖放工具,可以在没有任何特殊知识的情况下专业地设计网站。可以控制每个元素的外观(文本框,小部件,按钮等),并且只需使用鼠标即可更改其设计和位置。

如果想快速完成网站设计,应该选择CMS。但如果想对网站设计有更多的控制,应该选择网站构建器

二:准备网站的线框

注意:如果打算使用CMS及其模板来设计网站,可以跳过这一步。但是,如果使用网站构建器从头开始,请继续阅读。

如果真的有雄心壮志要为网站创造独特的设计,应该从建立线框开始。

线框是一种结构表示,可以显示网站外观。可把它看作是网站的蓝图,就像房子的蓝图一样,它将指导如何建立网站。线框给了一个坚实的概念,即控制面板的外观。

它显示了:

  • 网站的结构
  • 网站的导航等级
  • 哪些内容会被放在哪里

不需要使用花哨的软件来设计网站的线框。简单地使用一张旧纸和一支笔即可创建一个像这样的线框。

在开始制作网站的线框之前,应该在浏览器中添加这个Wirify书签。访问最喜欢的网站时,它将展示它们的线框。在开始创建首个线框之前,这是获得灵感的好方法。

以下是应该在网站主页上放置的基本组件的基本概念:

1. 徽标:将徽标放在网站的最上方。

2. 主菜单和二级菜单:接下来,添加菜单栏,访问者将使用它来浏览网站。

3. 标题:网站关于什么?在这里,写一些简短的句子,解释访客可以从网站或产品中得到什么。

4. 小标题:在主标题下面,再写几句话,解释网站或产品以及服务将为访客提供什么价值。

5. CTA按钮:希望访客采取的首要行动是什么?购买产品,订阅通讯,注册服务?把按钮放在小标题附近,这样访客首先就能看到它。更多的相关内容可以阅读电子商务提高销售额的五个最佳实践

6. 背景图片:放一张代表所提供的产品或服务的背景图片。如果愿意,也可以放一个有多张图片的轮播转盘。

7. 产品和(或)服务:在折页下方(网站访问者必须滚动才能看到的部分),向他们展示提供的产品或服务列表,并且点击后可以获得更多信息。

8. 内容:如果内容是网站的重要组成部分,可以跳过产品或服务部分(可以进入另一个页面),直接列出最新文章。

9. 推荐:为了建立可信度,试着从过去的客户那里收集一些积极的推荐,并把它放在网站的最后(以及可能想要提供的任何保证)。

需要说明的是,这种放置内容的结构并不是一套严格的规则,而是创建首个线框时可以遵循的一般准则。

三:确定网站将有哪些页面

在开始线框过程(或编辑模板)之前,要决定网站会有哪些页面。而要做到这一点,必须问自己,想让网站做的最重要的事情是什么。

是否想让它销售产品?展示信息和文章?表明服务或产品的功能?介绍公司或业务?

一旦回答了这个问题,就可以更容易地决定想在网站上设置哪些页面。

以下是一些常见的网站页面:

  • 首页
  • 博客
  • 关于我们
  • 联系我们
  • 定价

在这些页面中,每个网站最常见的页面就是主页。通常,主页分为这几个部分:

  • 头部:头部一般包括公司/企业标志,二级菜单,以及其他元素,比如搜索框、购物车小部件,或者其他东西。
  • 主菜单。主菜单包括指向访问者最感兴趣的页面的导航链接,这是网站的核心。可以包括指向产品、服务、文章等的链接。主菜单通常包括整个类别或主要部分的链接。
  • 二级菜单:二级菜单包括指向次要页面的链接,这些页面不是网站的核心,但仍然需要在那里。一些二级菜单项目有 “广告”、”隐私政策”、”使用条款 “等。
  • 主要内容:这是网站的主要区域。它将向读者介绍网站,以及突出最新产品、公告、服务和内容。
  • 侧边栏:侧边栏可以包括一些小工具,如订阅表格,档案,社交分享按钮,以及希望访问着采取行动的其他CTA。原因是无论访问者在哪个页面,侧边栏都会保持在视图中。
  • 页脚:页脚作为网站的最后一道安全网。可以在这里放置导航链接,网站地图,订阅表格,小工具,以及其他可能希望访问者在离开网站之前点击的东西。还可以在页脚添加隐私政策、使用条款和其他重要页面。

一旦列出了想要的页面,就可以开始创建网站的线框或者开始在WordPress网站上添加页面。想知道更多的相关内容可以阅读如何为网站设计徽标

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注