知道了构建网站的基本知识后，下面是hostgator美国主机商提供的设计网站时应该记住的一些技巧。

1. 从网站的导航结构开始

访问者登陆网站时，他们应该轻松、快速地找到要找的东西。良好的导航有助于实现这一点。

方法是将内容分为不同的类别，并将这些类别的链接放在主菜单和次级菜单中。

例如，如果计划创建一个销售手提箱的电子商务商店，导航结构可能看起来如下：

1. 主页(或登陆页)

2. 产品页面

3. 关于我们

a. 我们是谁

b. 我们的工作

4. 结账

5. 博客

6. 商店政策

a. 隐私政策

b. 运输和退货

c. 常见问题

设计网站的导航时，记住只在网站上显示必要的菜单项目。好的做法是将主菜单和次菜单上的链接限制在7个或更少。

微软网站就是一个很好的例子。

他们的主菜单只有四个链接，即商店、设备、软件和应用程序。每一个菜单项都有自己的下拉菜单，它通向右侧显示的另一个菜单。

这种智能的菜单项分类方式，让用户很容易找到自己想要的东西，同时也避免了信息过载。

通过巧妙地使用类别和子类别——以及创建下拉菜单——也可以简化网站导航，让访问者轻松浏览网站。

此外，创建导航结构将帮助决定网站需要多少页面，以及每个页面应指向哪里。如果正在为网站建立线框，这将特别有用。更多的相关内容可以阅读如何改进在线商店导航以获得更好的客户体验

2. 为网站创建风格指南

花时间为网站创建风格指南是使网站美观的最有效方法之一。

风格指南不仅决定了网站的外观，还决定了社交媒体页面、广告横幅和其他数字媒体资产的外观。

风格指南有五个主要组成部分。接下来简单地讨论一下每一个部分：

品牌故事

首先要做的是向世界介绍自己：

是谁?为什么存在?使命是什么?愿景是什么?

这些问题很重要，因为，品牌故事不仅能帮助吸引到合适的受众，还能帮助为网站设计的 “个性 “奠定基础。

会是别致又爵士?温暖而专业?酷和协作?有趣和充满活力?

唯一可以决定的方法就是是否拥有品牌故事、愿景、使命宣言和一系列核心价值观。更多内容推荐如何为品牌自定义WordPress主题

徽标

接下来需要决定网站的徽标。有很多免费设计徽标的工具，但如果想选择更专业的东西，可以聘请设计师。

调色板

网站需要有一种颜色，放在徽标、导航菜单、背景、图像和插图等元素中。

首先，应该为网站选择三种颜色的组合：

• 主色
• 二次色
• 三次色

可以在网站的背景和元素上应用不同色调的主色。字体可以用二次色，而且应该是深色的。三次色可以与主色和辅助色一起使用，使它们突出，因此，应该是中性的。

以下是特定颜色所唤起的不同情感，因此可以选择适合网站的颜色。

红色——激情，重要性，关注

橙色——俏皮、友好、活力

黄色——幸福、乐观、警告

绿色—— 自然、稳定、繁荣(增长)

浅蓝色——宁静、信任、开放

深蓝色——专业、安全、正规

紫色——尊贵、创意、奢华

粉色-——女性、青春、纯真

棕色——粗犷、泥土、老式

白色——干净、良性、健康

灰色——中性、阴暗、沉稳

黑色——强大、精致、前卫

字体设计

在网页设计中，字体是整个网站设计的重要组成部分。这是因为它们能向访问者 “说话”，并向他们展示网站具有的个性。

想要看起来豪华、优雅、重要或休闲?选择好的排版是传达这种外观的最佳方式。

作为经验法则，应该为网站选择三种字体。任何多于此的字体，都会让访问者感到困惑。

• 第一种字体是主字体。这种字体将用于网站上所有的标题，因此，应该看起来很大，很大胆，并让任何浏览它的人注意。
• 下一个字体是辅助字体。这将应用于文本。这种字体应该易于阅读，有足够的间距，不应该是草书或奇怪的设计。然而，它应该易于扫描。
• 网站上使用的最后一种字体是强调字体。这种字体将用于CTA按钮，菜单栏，并作为主要和次要字体的强调。

应该记住，虽然字体会有所不同，但它们应该相互补充。为了了解如何做到这一点，可以浏览有关的网站，了解专业设计师如何组合不同的字体。

图像和插图

网站需要图片或插图——或两者的结合。网站上的图片将直接唤起访问者的情绪。

这就是为什么选择正确的图片类型对网站与受众设定正确的基调至关重要。

例如，如果在电子商务商店上销售鞋子，会想要精力充沛的图像，人们跑步，徒步旅行，登山，并做其他高强度的活动。不会想要一个人在床上睡觉的图像。

不仅要选择正确的图像，确保它质量高、看起来真实也很重要。

3. 确保网站的设计看起来简洁，并使用空白

如今，人们的关注度极低。这就是为什么需要确保网站在访问者登陆的那一刻看起来很简洁。

如果访问者发现网站令人困惑，他们就不会再来了。而且，在因糟糕的体验而离开网站的人中，88%的人不太可能再回来。但是，从好的方面来看，如果对网站实施简洁的外观，可将转化率提高多达400%。

为了确保网站看起来简洁，可在产品图片、导航元素和排版中使用大量的空白。

这可以让访问者很容易地 “扫描 “网站并消化其中的信息。这将帮助增加对网站中想要的部分的关注。

在苹果网站上看到的黑色背景并非毫无用处。它作为空白，用于将焦点放在重要的地方，即导航菜单、标题和iPhone的图像上。

4. 找到网站的 “声音

在现实生活中，给爸妈发短信的语气可能和给最好的朋友发短信的方式不同。同样，网站的 “语气 “也会因服务对象的不同而不同。

如果它针对千禧一代，并且是针对生产力的项目，可能想用 “有趣 “的声音说话。另一方面，如果面对的是财富500强的CEO，可能希望网站用更专业的语气说话。

同样，品牌故事在决定这一点上起着很大的作用。

为了有效地设定网站的基调，建议聘请文案人员来编写网站的内容。可以和他们一起工作，找到网站的最佳语调。

5. 优化网站的用户体验(UX)

不管网站有多漂亮，或者有多少动画和图形，如果它不能正常加载，就失去访问者，更重要的是，销售。

为了确保这种情况不会发生，重要的是要优化网站的速度和性能。这里有三种方法，可以做到这一点。

• 创建移动版的网站：今天，越来越多的人从手机上访问互联网。这就是为什么让网站 “响应式 “很重要——这意味着从手机访问时，它可以加载移动版本。
• 使用CDN网络快速加载网站：CDN网络将媒体文件存储在世界各地的服务器中，因此当用户请求访问网站时，他们会被引导到离他们所在地区更近的服务器。这样，无论身在何处，所有访客都能快速加载网站。
• 使用图像压缩器压缩图像：图片压缩器可以简单地减小网站上图片和图形的大小，从而使其快速加载。相关文章推荐》》》提高页面加载速度，提升网站SEO排名

通过使用这些设计技巧来关注网站的设计和性能，将能够使网站成为访问者浏览的乐趣。

而且，虽然拥有这些技巧不会在一夜之间变成专业的网页设计师，但他们有助于为下一个在线商业投资或附带项目建立一个美丽的网站。更多的相关内容可以阅读搜索引擎优化网页设计：你需要了解的

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

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

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

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

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

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

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

二：准备网站的线框

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

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

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

它显示了：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

小型企业如何应对新冠肺炎疫情?在许多地方，社会距离、就地避难令和其他减缓新冠肺炎病毒传播的必要措施正在给当地商店造成影响。甚至许多在线卖家也预计，由于消费支出下降，整个秋季的销售额都会下降。

企业主怎样才能保证客户、员工和企业的安全和健康呢?以下是hostgator美国主机小编为企业主整理的步骤清单。

1. 向客户介绍业务的变化

新冠肺炎疫情迫使许多企业改变了经营方式，比如：

• 企业需要投入额外的时间重新进货和进行大范围的消毒，缩短了正常运营的时间或天数。
• 对于面临高需求及供应链中断的卖家来说，库存有限，发货也会延迟。
• 服务提供的变化，特别是在餐饮服务受到限制或暂时禁止的地区的餐馆和咖啡馆。
• 当员工生病、必须自我隔离或必须在家照顾家人时，员工人数会减少。

大多数客户都明白，今时不同往日，但重要的是要清楚地传达这些变化，让他们建立一个心理预期。

在网站上添加包含业务更新信息的弹出式窗口或横幅

苹果公司临时关闭其零售店的决定成为了全球头条新闻，该公司在主页上设置了一个横幅，确保每个客户都能了解到这一消息。

企业主可以效仿苹果公司，使用横幅，或者创建一条吸引访问者注意力的弹出窗口消息。

Hustle是一个流行的WordPress插件，可以快速建立弹出窗口，鼓励社交共享和增加电子邮件列表。这很方便，因为企业主还需要在社交媒体和电子邮件上分享业务变化和更新。

更新在线个人资料

首先更新Google My Business的企业资料。谷歌已经逐步制定了设置工作时间的指示。如果公司有Facebook主页，也需要更改工作时间。

在企业的每个社交网络上发布多篇关于业务更新的帖子也是一个好主意，这样读者就更有可能看到企业更新。

向所有用户发送电子邮件，通知业务更新

让电子邮件列表尽快知道企业的临时业务变化，并让他们随时知道相应的业务更新。

用来通知客户业务更新的网站上的弹出式窗口或横幅可以添加订阅框，这样访问者就可以注册更新——这是增加列表并让每个人都跟上业务变化的一种方式。

表明配送和收货选项

对许多当地餐馆来说，最大的变化之一是需要减少座位，限制前台的排队人数或禁止堂食，而不是拒绝接待顾客。

管理收货时间预期

如果从事电商或提供本地送货服务，请确保向客户清楚地传达他们收到商品需要多长时间这一信息。现在大多数人都能理解，但他们必须在下单前了解这一事实。

这里有一个正面教材和反面教材。由于人们呆在家里，完全没有机会去超市购物，所以亚马逊上的Prime Now订单激增。Prime Now主页上的这个横幅清楚地传达了这个消息，这很好。

然而，在写这篇文章的时候，必须先在购物车中添加商品，如果还有库存，万岁!但是核对之后，发现无法收到这些商品，因为没有任何送货选项。

没错，这就是疫情期间的生活。但这也不能很好地利用客户的时间。还有更好的选择吗?在客户添加购物车之前，让他们提前了解何时可以交货。此信息可以显示在弹出窗口或横幅中，并根据需要进行更新。

对于面临供不应求问题的在线卖家，需要一种不同的交货时间透明度：

• 如果热门商品缺货，请使用网站横幅或弹出窗口让购物者知道，以及预计何时可以买到这些商品。
• 如果有现货可以满足客户的需求，可以给他们一些建议。

为了让客户在下单后保持循环，可以添加诸如YITH wooccommerce订单跟踪和YITH wooccommerce短信通知之类的插件。这些工具将通过网站、电子邮件和短信向客户显示他们的资料的确切位置。因为处于这个特殊时期，发货可能会延迟，人手也可能不足，难以及时回复客户的咨询时，使用这些插件提供了非常大的便利性。更多的相关内容可以阅读三个功能强大的WordPress聊天机器人插件

2. 让所有顾客知道企业的应对措施足以保证每个人的安全

客户想知道是企业如何保护他们和员工免受冠状病毒的侵害。

详细说明企业所采取的社会距离和大范围消毒措施既有助于维系良好的客户关系，也体现了企业主良好的公民意识。

考虑在企业网站上添加一个新冠肺炎常见问题解答部分

新冠肺炎疫情和应对措施时刻都在发生变化。企业主可能需要单独增加一个定期发布更新的区域或页面，并在主页上添加指向该内容或页面的链接。

3. 探索让业务持续发展的方法

新冠肺炎疫情如此令人不安的一个原因是没有人知道它会持续多久。由于这种不确定性，现在就考虑一下企业可以在未来几周或几个月内带来收入或获得支持的新方法，这是一个好主意。

最后，hostgator美国主机小编希望企业主与所在地区和行业的其他小型企业主保持联系，分享想法，寻找资源，并获得同行支持，在这个充满挑战的时期保持业务的正常运转和员工的健康。更多的相关内容可以阅读提高电子商务网站客户体验的四种方法