网站建设必看！从选公司到设计原则，避开这些坑

本篇文章会从“选择网站建设公司”这个维度，详细列举于网站建设进程里我们所需考量的种种问题，还会从“网页设计原则”这个维度，尽数罗列在网站建设期间我们可能会碰到的所有陷阱，以此来避免出现不必要的上当受骗情况。

干货满满，不打广告，没有一句废话~

如何选择网站建设公司？

在选择网站设计公司时我们需要考虑如下这些问题：

1. 所有的工作都是内部完成的还是网站建设公司外包？

询问网站建设公司是否在内部执行所有服务是件很重要的事情。

这涵盖设计，像是 Photoshop 方面的工作，还包括编码，比如 html、数据库创建、php，以及写作、内容创建和营销。团队中一个对所有领域都精通的人，能轻易将自身才能融合起来去创建一个成功的网站。所有工作均在内部开展，会带来更好的沟通、协作以及整体更为优质的产品。

2. 其网页设计和开发解决方案是否根据您的特定需求定制？

即便当下创建一个模板网站轻而易举，其样式丰富多样，然而一个具备很棒设计感的网站确实能够瞬间吸引人们的目光 。

3. 它的网页设计和开发过程是怎样的？

其经验与战略，能够直接洞察，十分主要，为此明白网站建设公司怎样开展网页设计以及开发，是极为关键的。

有一个判断其是否专业的简单方法，那就是询问有没有精确的工作日程表，毕竟工作和游玩不一样，不能够一件事想什么时候做就什么时候做。

建站日程表示例

4. 它的营销经验是什么？

您公司的门面是您的网站，若设计与开发恰当，它能成为您最佳销售代表之一，因它会产生新潜在客户并建立您的销售渠道。

此外，网站不应被孤立查看，其应置身内容营销、数字营销、搜索引擎优化、社交媒体、博客、潜在客户生成以及入站营销策略的组合内予以考量，借助与具备这般营销实力的网站建设公司合作，您网站的转化率将会极其出色。

5. 它如何进行搜索引擎优化 (SEO)？

有一样东西与拥有设计精美且功能强大的网站同等重要，那就是在相关关键字搜索期间能够看到该网站。毕竟，要是您的潜在顾客在搜索时找不见网站，那网站又有啥用呢？除上面所列出的营销策略外，您网站的编码会影响您的SEO，您网站的标题标签会影响您的SEO，您网站的元描述会影响您的SEO，您网站的alt标签也会影响您的SEO。

注意，在此处所说的SEO通常是指谷歌SEO，白帽SEO产生效应一般而言需要6个月或者是更长时间 。

6. 他们是否有可共享的作品集？

实际上，你能够于各个网站建设公司的官方网站之上查看它们的作品集，借助这些作品的设计质量去判断他们设计水平的好坏 。

作品集示例

7. 他们是否对工作提供保证？

网站建设，完全依照合同提案来运作，这是极为重要的。更为重要的是，明确自己不会因任何代码方面的问题，在指定的时间之内被收取费用，此情形显示出网页设计公司具备很高的诚信度。不然的话，你有可能会因为每一次的“修复”去付费，而且这些费用会迅速地增长。

8. 他们是否有案例研究或经过证明的指标和以前项目的结果？

对你而言，审查网站公司的工作，能让你知晓其有无设计以及开发高绩效网站的成熟记录，能让你明白他们可不可以借助设计配以定制功能或者编码去解决业务挑战，能让你清楚他们的网站有没有为客户达成成果，而非仅仅做出一个很“漂亮”的网站 。

9. 你们的理念一致吗？

两家公司建立工作关系，其重要性不容低估，于您的哲学和他们的哲学间寻契合点，非比寻常。一般而言，这种兼容性的确定，可借悉心剖析网站建设公司网站上或许囊括的宣言或目的声明来达成，也能够经由和网站建设公司的交谈进一步予以收集。

10. 公司规模有多大？

建设网站那家公司有多少人员，他们专长的领域为何，这家公司能不能处理所涉及的工作范围，会不会给您提供一位可以个人拥有那Web项目的单一联系人，规模太大的公司会不会让您感觉自己在繁杂之中迷失方向，规模太小的又是不是没有将您网络形象提升到新局面所需资源，理想情形下做网页设计的公司应足够灵活，能迅速且高效处理您的全部需求 。

11. 网页设计公司是否鼓励面对面的会议？

跟您的网站建设公司开展面对面的互动，能够培育良性关系，构建信任并推动更大的协同效应。要是因地理位置致使频繁面对面会议不实际，我劝您在审查提案时起码去访问下网页设计公司，好使您能瞧见他们工作的空间并与团队接触。

12. 他们言行一致吗？

在找网站建设公司合作时，认真查看其网站，留意内容，审视社交媒体资料，考量整体数字形象，这极为关键，团队有无遵循最新设计实践，其网站功能是否完备，有无损坏链接，有无持续发布新的优质内容，有无与追随者和访客互动，若不遵循网页设计、开发及数字营销最佳实践，那怎样确定会为您业务服务？

13. 他们如何处理网站托管？

是否清楚网站建设公司有无计划于内部专用服务器或者虚拟托管平台之上托管您的网站，这是相当重要的。虚拟化正促使托管得以完善，并且能够让对于站点流量大幅增加的轻松处理成为可能，跟专用托管不一样，无需去购买、租赁以及维护硬件。而且和共享主机不一样，虚拟服务器的资源是有保障的。知晓站点的备份频率以及这些备份的保留时长，同样是重要的。托管平台的处理能力到底有多快呢？保证的正常运行时间又是多少呢？

14. 他们在内容管理系统方面有多少经验？

这样的内容管理系统，能让您处的企业，在不借助编码的情形下，对网站那里的内容予以管理，这是具备相当重要性的，原因在于您能够借此收获对于网站的灵活把控权力，还能够于网站发布之后，持续去将网站予以发展以及扩大 。

对于他们而言，是否会去提供在发布之后的善后服务，还是会去提供支持呢，所提供的程度究竟是怎样的呢？

网络本质持续发展，于技术进步层面以及对新内容持续流动需求层面而言。鲜有网站启动后不想更新之情况。或许贵公司增添产品或服务；可能一项新网络技术可强化客户在线体验。不管您于内容中发觉拼写错误、不慎从内容管理系统删除一模块且需备份恢复，抑或期望给站点增添更多功能，您皆需一明确计划。一些开发商以每月固定费用的形式，提供后期服务选项，另外一些开发商，为其现有客户，提供单点定价，不管使用哪种方法，了解您的选择，都很重要。

16. 网页设计公司的可访问性如何？

怎样去处理服务方面的问题，包含错误以及漏洞呢，您是不是非得经过电子邮件，或者经由在线帮助台去提交票证呢，又或者您能够直接凭借电话跟网建公司取得联系吗？

17. 网页设计公司经营多久了，他们的长期目标是什么？

讲称您乃一名网页设计师，且着手开启创业历程，这般情形实在易于达成，然而，却万分艰难将用以维系一家公司安然度过艰难经济时段所必备的技能以及商业头脑予以融合汇聚。向所有者问询，他或者她对于网页设计公司究竟抱持着怎样的长期目标呢。

18. 完成后谁拥有网站？

有一些从事网站建设的公司，会将其制作完成的作品的版权予以保留，会去询问在网站做完之后，对于此网站谁能拥有百分之百的所有权且其范围涵盖图形、内容以及代码，还会询问是否会把原始设计文件提供给你。

19. 他们如何继续磨练自己的手艺并紧跟最新趋势？

网站建设公司对其员工以及相关继续教育有无进行投资之举呢 他们会去参加研讨会吗 参加讲习班吗 参加相关课程吗 他们是不是常常阅读和行业有关的书籍呢 会不会经常浏览与行业有关的博客呀 他们听和行业有关的播客的情况到底如何呢 网页设计方面 开发方面 数字营销方面的变化是极为迅速的 所以对于网页设计公司来讲 了解最新的市场研究 趋势以及策略是有着相当重要意义的

20. 多少钱？

价格是关于定制网站的，其会依据功能以及设计难度而处于三万至十五万之间。（可把此当作参考）

具备可操作特性的主要目标，能够轻易达成，此为菲茨定律，它是 10 条有效网站设计的关键原则其中一条 

菲茨定律表明，目标元素的距离以及大小，会对用户导航至它并与之进行交互所需的时间，产生直接的影响。这意味着，您得让主要的可操作目标变得易于达成。（说白了就是您期望用户在您网站里做的事情，设计得越简易越好）另外，如果您存在多个目标，那么它们相互之间应当具备足够的空间。比如，在针对移动设备进行设计时，可点击的图标要足够大，从而便于点击：

菲茨定律应用

按钮相互之间存在的额外间距能确保使用的人不会由于意外而去点击错误的图标，一般情况下，针对移动设计而言最小的可以进行点击的区域应当是40乘以40像素。

2. 将用户的选择保持在最低限度（希克定律）

若您曾因设于您眼前的诸多选择而陷入不知所措之境，乃至难以于它们之间作出抉择，那您便会明了过多的选择会令用户心生瘫痪之感。简言之，此即希克定律。可供使用的选项越多，每个选项越繁杂，用户做出决策所需的时长就越久。

3. 将相关元素放置在公共区域（公共区域法则）

公共区域法则表明，要是页面之上的元素紧密地组合一块儿的话，它们就会被判定为是相互有关联的，您是能够运用边框、背景或者间距去达成这个操作的，这个原则乃关于构图以及间距的，你会想着明智地将它加以使用的。

4.使用熟悉的场景和逻辑（雅各布定律）

提出Jakob定律的是Nielsen Norman Group的联合创始人Jakob Nielsen，该定律提倡在UI开发里使用熟悉的场景以及逻辑，您的用户通常会期望您的网站工作方式和他们已熟悉的其他网站一样，并且更喜欢如此。

例：

某外国音乐网站

耳朵在左上角，代表着你的位置，位置不一样，那么左右两边的乐器声音也不一样，会给你一种仿佛身临其境的感受。

遵守 Prägnanz 法则，运用简单结构，避开复杂形状。

1910年，心理学家马克斯·韦特海默观察到，铁路道口处有一连串灯光闪烁，虽说看起来仿佛有一盏灯在灯泡间选框周围移动，可实际上那是一系列灯泡的开关。

这一观察，形成了基础，一套关于我们如何在视觉上感知物体的原则，其中之一是Prägnanz法则，它建议运用简单的结构，并避免复杂的形状。

对您而言，用户最好是运用尽量少的认知努力去认知您的设计，复杂图像会以最为简单的形式被感知，减少认知超载应当是您设计目标里重要的一部分。

你能够借助把元素进行分组，并且将其对齐至相关的块，以及列和部分的方式，来运用此原则，而非把它们抛到整个页面：

Prägnanz 法则应用

6. 将分组元素彼此靠近放置（邻近法则）

靠近的元素会被当做整体，相邻法则是这么规定的 ，这能降低用户承担的认知负荷 ，故而较易于理解信息 。句号

明智地运用间距来应用这个原则，组成一个组的元素应当比不同组的元素更靠近。

菜单链接，在诸多，网站标题里，组合到一块儿啦；号召性用语，也就是CTA，和导航元素，要么对齐着，要么以某种形式，跟导航元素分开着：

邻近法则应用

7. 使用相似性将元素组合成组（相似法则）

相似法则表明相似的对象会被视作相关的，不管它们之间有多少分离存在。这是样式功能集背后的依据，该样式存在相似的配色方案，还有相似的图标，以及相似的文本：

相似法则应用

8. 连接设计元素以显示它们之间的关系（一致连通性法则）

有一种法则名为一致联通法则，它指出，那些在视觉方面相连的元素，会被视作比在画面里完全找不到连接关系一眼望去毫无关联的元素，更具相关性，该法则存在一种应用情况，那便是在您开启入职流程或者进行结帐操作的进程当中，使用进度步进器：

一致连通性法则应用

9. 将内容分成小块（米勒定律）

米勒定律是以认知心理学家乔治·米勒之名进行命名的，他宣称普通人于工作记忆里仅仅能够留存五至九条信息，该原则给出把内容划分成块的建议，像是信用卡号码一般分成四个一组，用来助力人们剖析它们。

该法律着重凸显了恰当设计规划的重要意义，随着应用程序规模增大且获取更多功能，其使用难度增大，您应当将此纳入考量来规划您的界面，以使它能够容纳新功能，同时维持易于操作的特性。

运用此规则的另外一种方式是限定用户于任何给定时刻所必须去感知的内容数量将内容划分成块而非在一个块里呈现所有内容：

米勒定律应用

另外，于进行设计期间思考最为流行的屏幕尺寸，并且把控住用户一眼便能够看到的元素数目。

10.强调系列中的第一个和最后一个项目（系列位置效应）

这条定律，是由德国心理学家赫尔曼艾宾豪斯创造的，他开创了测量记忆的实验方法，它指出用户将最好地记住系列中的第一个和最后一个项目，您可以使用这种趋势来突出显示网页中最重要的区域。

系列位置效应应用

比如说，CTA是关键内容，表格是关键内容，购买选项是关键内容，这些关键内容在页面顶部最为有效，这些关键内容在页面底部最为有效。

10条网站设计的建议1. 通过适当的反馈让您的用户了解情况

用户得信任您的品牌，在使用您应用程序之际觉得踏实，这就意味着您的网站得持续传达当下发生之事，还得让他们晓得自身互动有无成功。

2. 信息应按逻辑顺序显示并使用熟悉的短语和概念

用户没必要借助参考字典去理解您网站上的术语，您界面文本里应持续运用他们熟知的词。

3. 在用户与您的网站交互的方式中实现控制和自由

用户时常出现犯错的情况，所以要有一种办法来将操作撤销或者重新进行，像运用我们之前讲过的按钮那样。同样，您能够思索在相关之处给予编辑的选项，比如微信消息存在可供撤回的按钮 。

具备了这些能够发挥作用的功能，使用者会觉得拥有更强的掌控力，而且于事故发生之际不会那般紧张。

示例

4. 遵守公约和标准

遵守标准和第二条原则相似，能把它看作第二条原则的延伸，实施用户熟悉的导航结构，用户应该会发觉很容易明白您的界面，进而访问与您的页面交互所需的任何元素。

5. 在用户采取不可逆转的操作之前警告他们

要是用户不经意间点到将自身账户予以注销的按钮，我们需要一个处于中间位置的程序去制止，制止此操作的达成。（尽管这同样应用于我们对会员进行注销之际）

6. 保持重要信息可见

用户无需记住，从流程的一个步骤，过渡到另一个步骤的信息，像是结帐环节，或者技术设置方面。您所需要的是，您的用户，进行识别操作，而非回忆信息。

7. 构建让新手和专家都感到舒适的系统

这里存在着一个原则，这个原则是可用的，并且是最广为人知的呢，它就是三色原则，而它又是一个在任何地方都能够有效应用的原则。

8. 让你的设计既美观又简单

对于您来讲，要保持界面是整洁的状态下去呈现内容，而并非是运用过多的选项致使用户处于不知所措的境地。那些不必要的项目，会去争夺空间，进而降低更为重要的特征的可见性。