网站设计的注意事项：美丽网站的指南

　　你完成了!您终于创建了闪亮的新网站。您已经为其配备了新域和自己的独特内容。另外，您已与我们的托管专家团队合作。

　　您已经启动了网站并开始运行，并且准备将流量引入该新创建的.com，.xyz或.whatever。因此，这里有一点值得深思的地方：在一项研究中，不良的网站设计与销量下降直接相关。知道这一点，如果您想吸引并保持对站点的关注，还有更多工作要做。钥匙?牢记设计。

　　精心设计的网站是一项回报丰厚的投资; 如果内容或布局没有吸引力，则38%的人将停止与网站互动。 如果您的网站设计不佳，那么潜在的访问者(或客户)中有很多人会跳船前往其他地方。

　　那么，什么才是漂亮的网站?好吧，这不仅仅是美学。精心设计的网站 涉及量身定制的副本，令人印象深刻的视觉效果和智能导航。将这些元素整合到您的网站中，您将为确保成功而建立您的网站。

　　幸运的是，我们为您完成了一些繁重的工作。我们精心制作了这份方便的网页设计注意指南，以指导您进行新站点的智能设计。让我们得到视觉。

　　1.复制

　　让我们从地面开始。创建设计良好的网站的第一步：您的文字。网站上文字的显示方式会影响网站的整体设计，因此请密切注意内容。可读的内容等于回头客。

　　应做：保持简短简短

　　如果您认为访问者像在星期日报纸上一样定居在您的网站上悠闲地阅读，请三思。

　　研究表明，人类的注意力跨度已降至历史最低点：仅八秒。牢记您的听众，精心设计您的副本以供网络阅读：简短，易于扫描并分解成可读块。这有助于视觉流动以及注意力范围的不断缩短。

　　请勿：让您的内容陈旧

　　导航到您的站点并看到过时的过期内容，没有比关闭访客更快的了。信不信由你，如果网站经过精心设计，那么始终如一地为您提供高质量的内容对您的网站来说意义重大。

　　要做：播放编辑器

　　在拼写检查时代，拼写错误和语法差的确没有借口。无需英语学位;您只需 在发布之前对内容进行彻底校对即可。方便的预发布清单 可以帮助您解决此问题。

　　杀手级文案可以帮助您在听众中树立信誉;无错误的内容可以使您的网站整洁专业。

　　说到专业，请轻松使用大写字母，标点符号，斜体，甚至是专门针对您的利基的技术术语。像编写简历而不是短信一样制作副本。

　　2.导航

　　要做：快速

　　现实情况是，网络用户没有太多耐心。实际上，有47%的人 期望网页在两秒钟或更短的时间内加载。棺材的另一个缺点是网站速度缓慢： 如果加载时间太长，将有39%的人不再使用该网站。一个高效的网站速度 增加的功能，而且具有轻便的网站至关重要的行列高度，所以每一秒的事项。

　　请勿：忽略层次结构

　　一个经过精心设计的网站的一部分，是在组织您的布局时 ，使眼睛自然地以有组织的层次结构引导您的内容。这可以帮助读者了解您的内容如何组合在一起，并知道在哪里进行扫描。

　　设计网站的层次结构时，需要考虑一些事项。一种是基本的：在网络或纸上，我们喜欢从左到右，从上到下阅读。与那些正常行为模式背道而驰的设计将为您的访客提供学习曲线。设计良好的网站通常以这种相应的“ F”字形布置。

　　此外，眼动追踪研究 表明，读者如何扫描您的网站涉及科学。输入：Fitt定律。简而言之，您应该为要强调的内容(如号召性用语按钮和关键内容)赋予视觉上的重量-通常以大小或颜色区分。

　　同样，该法律适用于两个点之间的点击效率。您的设计应减少用户达到经常使用的目标所需的时间

　　您还应该考虑另一个有用的设计元素：页脚。尽管页脚位于站点的底部和层次结构中，但页脚为站点提供了直观的逻辑结论，并提供了菜单可能会遗漏的联系点。另外，它们的浏览量超出了您的想象，并且可以帮助您增加转化次数。

　　最重要的是，使用智能且重点突出的层次结构以清晰，逻辑的方式指导网站的流程。

　　要做：记住可用性

　　如果缺少功能，那么设计精美的产品并不会带来很多好处。您网站的设计应合乎逻辑且易于使用;如果您的用户想得太刻苦或迷宫般地找到他们想要的东西，那么您就遇到了问题。

　　可用性为设计良好的网站做出了很大贡献，但是拥有干净，专业的网站设计不必太复杂。虽然您经营的业务或品牌的类型可能会决定网站的布局，但您并不想通过设置过于幻想或复杂的网站来牺牲可用性或信誉。您不希望访问者在尝试访问您的内容时需要使用说明手册。实际上，在漂亮的网页上，您的设计不应引起人们的注意。它扮演着至关重要的角色，尽管是幕后角色。

　　你有几件事情你 需要增加可用性：

　　1)清晰，易于导航的菜单，至少带有指定的“主页”和“联系人”按钮(51%的人 认为“全面的联系信息”是许多公司网站中最重要的要素)。

　　2)移动响应 (请参阅下面的扩展参数)

　　3)跨浏览器类型的可访问性

　　4)最佳加载时间

　　5)当用户与网页交互时，最适合他们的方法可能会随时间而变化，因此请经常分析您网站的可用性，并注意满足他们的导航期望并遵守行为习惯。

　　返回到移动对话，请考虑以下数字：

　　1) 从2013年12月到2019年12月，智能手机的互联网消费量增长了78%。

　　2) 现在，移动设备占在线花费的每3分钟中的近2分。

　　3) 如果导航到的网站不适合移动设备，则40%的用户会选择其他搜索结果。

　　4) 83%的消费者表示 同时使用多个屏幕。

　　因此，您的网站不仅必须在台式机上看起来清晰，而且必须在每个屏幕上都经过精心设计，即响应迅速。

　　跨设备的可用性对于出色的业务至关重要：如果第一个搜索结果不适用于移动设备，则40%的人会选择其他搜索结果。

　　3.视觉效果

　　获得原始副本和清晰的导航后，就该考虑一下网站的外观了。您的网站传达消息的方式，好坏。让您的设计焕然一新，您会发现流量，销售量和忠实读者的增加。

　　要做：记住您的第一印象

　　第一印象很重要。不相信我们吗?研究表明 ，一旦网站加载，用户就会在0.05秒内形成意见。如果您的网站不是最佳状态，则可以向读者告别。快速。

　　而且，有48%的人 承认，网站的设计是确定企业信誉的首要因素。

　　在.05秒内，很多事情都在发生，因此，使您网站的最佳(虚拟)面朝前。

　　看起来像是网络所有者业余爱好者的最快方法是什么?好吧，除非您希望您的网站看起来像被困在互联网的石器时代，否则请避免闪烁或闪烁文本，过多的动画，综合浏览量或俗气的字体或配色方案。

　　如果您不是图形设计师或Web设计师，那么最好回顾一下适用于Web和纸上的一些故障保护设计原则。诸如对比度和邻近度之类的东西可以使您的网站在视觉上更具吸引力。

　　现在，让我们谈谈类型。

　　字体印刷不仅仅是选择美观的字体。类型是建立层次结构的重要组成部分，它可以引导读者浏览网站的各个部分，并有助于营造品牌感觉。(许多品牌仅通过其字体即可识别!)

　　此外，字体设计在很大程度上有助于您的总体设计以及其接收和使用方式。含义：您的版式可以真正实现或破坏您网站的转化。您要人们采取行动，购买，订阅，退货还是分享?明智地选择类型。

　　还有一个(或两个)颜色。

　　注意选择的颜色;智能调色板可以增强用户在您网站上的体验，并用作建立视觉流的另一种工具。还记得色彩理论吗?超快速刷新：

　　1) 对比鲜明的色彩有助于组织和划分页面上的元素。

　　2) 暖色调激发兴奋感。

　　3) 凉爽的色彩使人平静和放松。

　　知道这一点后，您应该计划网站的配色方案，使其最适合您的品牌，并引导访客访问您的网站。在Adobe颜色轮 可以帮助你的计划。

　　不要：恐惧空白

　　像泰勒·斯威夫特一样，人类通常对空格保持警惕。我们的心中大喊“加油!填充!” 这就是最终导致混乱的混乱局面。

　　在您网站的设计中，空白是很好的。很好。空格不是浪费空间，而是一种设计元素，可帮助引导网站的视觉流程并确定内容的优先级。此外，它还可以使读者的眼睛和大脑急需缓解。

　　利用列周围，图形之间以及页边距的空白来提供结构并帮助读者理解您的内容如何组合在一起。

　　做：整理

　　没有什么比网络混乱更能使您的网站变得大声疾呼了。

　　设计网站并不像从杂志上剪出图片并将它们粘贴在纸上一样，就像拼贴一样。一个有吸引力的网站干净整洁，结构合理，目的明确。我们的座右铭：更少(真的)就是更多。

　　一些管家规则：

　　1) 当心死链接。尽快更新或删除它们。

　　2) 刷新旧的或过时的内容。

　　3) 密切关注分析 和维修问题区域。

　　4) 优化图像并为每个图像提供替代文本。

　　5) 随着网站的增长清理类别和标签。

　　6) 查看您的搜索引擎优化(SEO)策略 和内部链接结构。

　　要做：向最好的人学习

　　您希望网站的设计能够 很好地代表您的品牌。但是，查看一些最佳Web站点以从能够很好地利用Web设计原理的站点中汲取想法和灵感并没有错。是时候免费浏览一下。

　　做：试驾

　　像大多数其他事情一样，好的网站设计需要大量的反复试验才能完善。

　　清理网站并实施新的设计元素后，请在其他设备上进行预览。检查(也许是另一只值得信赖的眼睛)是否有任何明显的设计或导航问题。在与读者的浏览器会面之前，您需要对其进行彻底检查。

　　测试，测试，测试。那是你的座右铭。(我们应该做T恤吗?)

　　尝试使用Nibbler之类的服务，该服务将为您提供有关如何在许多不同领域中改进网站的见解，例如代码质量，内部链接，社会兴趣和移动优化。

　　包起来

　　您已经为使您的新站点投入了辛勤工作。从我们到您的荣誉!

　　不要让读者活在网络的真正设计潜力中，而越过您的网络产品。着眼于视觉效果，文本和导航，您可以关注内容-留下来。

　　设计精美的网站仅几步之遥。