Month: October 2018

唯一设计提供法拉盛地区大小商家：印刷，网站设计，网站开发，广告设计，网站推广，一系列服务，欢迎合作！

概念方面

定制网站是指针对企业进行重新策划、方案书写、重新设计、重新功能开发的网站制作，说的简单一点，就是根据企业的产品特点、宣传推广量身订做网站定制网站，而且定制网站是功能按客户要求开发的。

自助建站，顾名思义就是客户自己通过自助建站系统，使用网站模板以及固定的框架组合成网站。如今的自助建站系统都是非常智能的，以微企点自助建站为例，它不仅容易上手，成本低廉，还集成了强大的cms程序，不仅有海量的网站模板，还能够自定义网站的板块功能，使得网站能够带有购物系统、支付系统、权限系统、会员系统、新闻系统等强大功能。

建站成本

市面上定制网站的价格都非常的昂贵，一般报价在千元到万元不等。另外，企业还需要域名、主机空间、系统维护等支出，这些总共加起来都在千元以上，另外还需要耗费大量的时间和精力。这些成本每年都需要续费支出，并不是一锤子买卖。

相对于高昂的定制网站报价，自助建站的成本显得低廉不少。以微企点为例，如果用户需要制作的网站比较简单，要求也不高，完全可以使用免费版本。对于一些需要使用会员商城等要求比较高的用户，可以选择高级版本，价格最高也不过千元每年。而且微企点现在正在开展买二年送二年活动，企业建站成本更是大大降低。

后期维护

定制网站可以根据客户的要求定制网站，修改到客户满意为止，但是这种建站方式是一锤子的买卖，交付网站后，如果出现漏洞或者设计问题，是不会有免费的售后服务的。

微企点建站给用户提供专门的建站客服团队，7×12小时的长时咨询，捕捉每一个客户所提出的问题，24小时的技术监控，及时提出解决方案。除此以外，还有为客户建站提供指导性文章的帮助中心、一步一教学的视频教程，微企点建站全方位为用户提供最优势最流畅的建站服务。

个性化需求

定制开发都是根据客户的页面要求进行页面制作与设计，充分体现了网站的个性化，可以新增或修改页面布局，给浏览者完全不同的网站风格。功能上，定制网站可以根据客户的功能要求进行的，完全满足客户的功能要求与操作习惯，并且可以保证网站的规模与功能进一步扩展与扩充。

自助建站多是基于网站模板的建站，但也提供个性化的设置。微企点操作界面清晰简约，预置了数十种常用功能组件和风格，部分组件还提供多种展现和交互方式，并且可自定义样式，让用户通过可视化拖拽方式对组件和风格进行组合即可简单快速制作出高质量的网页。在功能上，微企点提供的新闻功能、商品中心、社交分享插件、图册、联系表单、数据分析等，可以满足不同建站用户的多种功能需求。

总结：

自助建站的好处就是简单、容易上手、成本低、模板资源丰富，缺点就是不支持定制。而定制网站优势就是定制，其缺点是价格昂贵、网站交付后难以得到保障、不能升级维护网站。个性化需求比较高的用户，可以选择定制网站。如果从价格以及网站安全问题来考虑的话，那自助建站是更胜一筹

唯一设计提供法拉盛地区大小商家：印刷，网站设计，网站开发，广告设计，网站推广，一系列服务，欢迎合作！

谈到网站功能，包括的范围很多，从网站作用上来说，以企业网站为例，网站功能包括：宣传企业形象，加深用户认知;拓展核心业务，提升企业利润;方便内部管理，提高营销效率等等。而从网站后台功能来说，又可以细分为企业信息、产品管理、下载中心、订单管理、会员管理、新闻管理、留言管理、荣誉管理、人才管理、营销网络、调查管理、友情链接等等。

从网站应用上来说，增加网站一项功能就意味着人工管理成本的增加，但是，对于有用的网站功能，就是说能给企业网站带来效益的功能，就算成本高一些，也要上线，不过，就目前来说，很多企业更喜欢网站是多面手，恨不得所有的功能都上线，而实际，真正应用上的不过几个，显然这样做是资源浪费，同时也不利于网站优化。

企业网站功能大而全的现象比比皆是，这跟企业对网站的了解不够深有关系，也是企业在上线网站的时候，没有从根本上对网站有一个全面的了解不无关系，那么，网站究竟需要哪些功能呢?首先要问自己的这样几个问题。

1433913381049
问题1、为什么要在网站里里加入这项功能?

以新闻管理为例，网站加入这项功能是做内容更新，显然这个功能不可或缺，而以数据分析为例，是统计网站流量和监控网站优化效果的，自然也不能放弃，而网站具有办公功能，是提高企业本身办公效率，有利于办公网络化……这些都是为了满足自身的需求以及网站优化的需求的功能，所以一个都不能少。

问题2、竞争对手的网站都有哪些特殊功能?

当网站建设公司或者某个程序软件公司向企业网站推荐某个付费程序，在企业自己无法拿定注意的时候，不妨考察一下竞争对手的网站是怎么做的。

当一种软件或者程序的确可以提高用户体验，并且提高网站黏性的时候，就应该尝试去做，而一种软件或者程序虽然看似很美丽，而竞争对手的网站根本就没有，那么就应该慎重的考虑一下，这个网站功能要还是不要。

有时候竞争对手就是最好的老师，多看看他们的网站是怎么做到，都具有哪些功能，然后进行综合分析，会对网站建设起到事半功倍的效果。

百度统计
问题3：怎样才能测算出网站添加某个新功能对网站新老用户的影响?

问卷调查、访谈、以及数据分析，对于预测具体功能是否会吸引网站用户来说非常有用，但要考察该网站功能对用户访问时的影响，则需要采用不同的方法。

有一些网站经常每隔一段时间就做一次升级，这样的好处在于，通过网站升级可以删除一些不需要的无用的功能，同时对现有的网站功能进行优化，当然，还可以添加一些新的网站功能进去，只有不断设计出让用户满意的网站功能，才是网站保持高粘度的重要前提。

唯一设计提供法拉盛地区大小商家：印刷，网站设计，网站开发，广告设计，网站推广，一系列服务，欢迎合作！

不限制用户数量或者说用户数量巨大的情况可称为无限用户；不限制内容数量或内容数量巨大的情况可称为无限内容。无限类网站就是至少具有无限内容、无限用户特征之一的网站，实际上大部分无限类网站两个特征都具有。

对于无限类网站的发展，由于无限的原因，用户体验的改进和提升难度极大，而且随着商业模式的稳定和用户数量、内容数量的增加，各种问题会越来越严重，进一步降低用户粘度，影响商业模式的实现等等。

分析问题产生的原因，几乎都与“无限”相关。具体说来，因为无限的原因，现有的静态分类方法、时间序管理法、树形管理法等的相互作用，导致用户数量巨大和内容数量巨大后，产生各种各样的问题。

我们在分析总结“无限”的基础上，获得了一个比较完善的解决方案。该方案由网状分类重建、动态化实现、场景化表现等主要部分构成，可以有效解决无限导致的相关问题。

首先，建立新的分类体系以适应动态机制需求。任何数量集合始终是要被分类的，不管是用户还是内容。既然现有问题大部分是分类方法造成的，那么就必须针对分类方法进行重构。结合后续所需要的动态机制，我们定义了网状分类体系。

其次，建立动态机制。网状分类体系要适应数量增加带来的变化，必须也是动态变化的。通过访问量、搜索分析、热点追踪、数量统计等，建立自动的或手动的可控动态机制，确保网状分类的动态改进。

最后，是用户和内容的定向匹配。结合上述网状动态分类结果，为每个用户提供特定场景，为提高用户体验、提高用户粘度提供基础。

在面向无限类网站的具体实施、改造过程中，可以遵循平滑性、稳定性和分布实施的原则，既不影响现有系统的实现，又可以做到系统平滑升级，并且通过迭代逐渐凝聚团队以承担后续维护工作。根据现有系统复杂度，实施周期大约在1个月到3个月左右。

2.效果举例

假设有这样一个音乐网站，目标是成为一个中文类最大最全的音乐库网，那么可以想象得到它的用户数量将是无限的，它将收集到的音乐及其相关资料也将是无限的，这就是一个典型的无限类网站。

传统上该网站的结构也可以想象：有搜索，第一层链接必将是大类链接，例如按类型分古典类、现代类、流行类等；也可能有时间序如唐、宋、元、明、清等；也可能还有按地域分类如港、台、大陆等。不管是搜索还是分类，最终目的是为用户访问终极内容提供最短路径。如果再进一步，会为注册用户提供收藏、我的音乐库等服务，甚至注册用户可以加入一些音乐圈的讨论组等等。

而实施了《无限类网站改进方案》后，面向游客，上述的分类依然存在，但是因为动态分类的存在，在顺序和布局上会随时间变化而逐渐变化——变得更容易访问受欢迎的内容或当前热门内容。其次，鼓励用户注册（相关的很多营销手段不再赘述），这对提高用户粘度有好处。而且注册用户还会享受到另外的好处：场景化的个人界面可以自己定制，任何预定义的感兴趣的内容会在登录后第一时间被展现，精确定义的兴趣圈动态是否展现可选择，根据用户的设定可以形成按周期送达的综合杂志——完全个性化的最新内容自动更新的杂志，其中包含用户感兴趣的如UDC内容、相关评论、音乐历史和故事等等，而且该杂志独一无二、基本不会重复。

有了自己可个性化布局的独立空间（并可以参加评选），对用户粘度提高会有巨大的作用；网状分类的用户和网状分类的内容，通过匹配器的匹配后，哪怕最偏僻的内容也会有最偏僻的用户去访问、推荐（长尾效应），彻底解决内容淹没问题；同理，广告将会发布在真正有需要的用户空间中，大大提高广告效果，并降低用户广告反感度，对整个网站来说广告数量增加了，而对每一个用户来说广告数量大大减少。

以上为实施《无限类网站改进方案》后的部分效果，其它还有诸如商业模式变革有依据而且实施简单、盈利模式清晰等不再赘述。这一切，都是因为在网状分类基础上自然孕育出的用户细分和内容细分，并且动态自动更新后随机而动，抢占先机。

3.问题域

无限网站因“无限”二字，用户体验与大多数网站明显不同，在此不做更多讨论，只列出解决方案准备要解决的关键问题：

用户体验创新难、提升难：无限网站，一般都是具有发展历史的大型网站，随着商业模式的成熟，战略、范围的稳定，用户体验也进入一种稳定状态，并形成“惯例”。这时候，任何的改变都将涉及到无限用户和无限内容，一方面需要小心翼翼，另一方面架构层、框架层、表现层重构不易，最终表现为用户体验创新难；同理，用户体验提升难。

用户体验缺乏变化、大家雷同：互联网因为突破了地域限制，所以竞争更加激烈，竞争结果更加明显，有效的用户体验很快会被抄袭和模仿，最后导致的结果就是同领域网站，从用户的角度看几乎都是亲戚。

无限问题：量变引起质变，在互联网上体现得特别充分，但是大多数时候质变并没有带来用户体验的大幅度提升。针对无限的手段跟不上，就会导致数量淹没，一方面是用户体验一成不变，另一方面则是运营模式、手段落后。

无限用户问题：无限用户首先导致的就是用户淹没问题，用户种类的增加，变相使得前期的商业模式落后或不适应；另一方面，落后的用户体验会对用户粘度不利，限制了用户的增加。用户体验也有一个“与时俱进”的问题。

无限内容问题：同样，在内容上，无限增加的内容会带来内容淹没、内容无序、内容无限，应该说无限内容对用户体验的损害比无限用户更大，很多网站因为内容爆炸而没有及时提升用户体验造成了巨大的用户流失。

用户体验天花板：无限增加的用户和内容，导致用户体验的难以提升、不敢本质提升，专注于非本质细节的极限挖掘、互相参照等行为，结果导致用户体验几乎不能再被改变的错觉，给人的影响就是达到了用户体验的天花板。

没有经营者不喜欢用户多、内容多，但是越来越多的用户和内容，逐渐导致了已有用户体验的降低——是的，不管是用户数量还是内容数量的增加都会导致用户体验和用户粘度的降低。我们的解决方案就是针对这种情况而设计来解决问题的。

4.改进方案

针对上述问题域，方案紧紧围绕“无限”二字来进行构建。我们在研发和运营的过程中发现，解决“无限”导致的问题，最好、最直接的办法就是“有限”化，以此为出发点逐步演变出方案。

方案原理

有限化：通过多种角度分类或分组，都能够化无限为有限，这一原理针对用户和内容同样适用；合理的有限化能够更好地实现商业模式和用户体验，甚至会引导建立新的商业模式。

有序化：“序”指排序的意思，过去最常用的排序就是时间序。在有限化基础上，我们发现仅仅时间序是远远不够的，因此也重视和研究了更多的序，包括：时间序、有效序、数值序、语义序，大部分数值序是非数量类的量化结果，大部分语义序在垂直领域都需要简化以提高效率。

角色化：在有限化、有序化的基础上，根据商业模式要求，进行符合要求、数量有限的再分类；再分类结果具有一定的主观性，并承载了运营期望，可称之为角色。

动态化：上述三化所采用的角度、数量、模式等等，在整个运营周期中不是一成不变的，而是随着数据的丰富等要求逐步改变以满足要求，因此要具有动态机制。

方案构成

在上述原理的基础上，经过细化和设计，最终形成的方案体系也可以命名为“多角度动态自适应分类再匹配体系”，体系主要由以下几部分构成：

角度定义：现在从多个角度对用户群和内容群进行关键角度定义，角度的名称和数量取决于历史数据统计以及商业模式的主观需求；未来会根据角度的成长性结果产生新的角度序，从而可以指导商业模式的改进并进而提升用户体验；

层次定义：对角度属性进行量化分级，一般分为9级；

角色网络建立：根据角度定义和层次定义，通过角色关系建立角色网络，形成未来数据链接的基础；

角色匹配设置：在用户角色和内容角色之间进行匹配，作为未来实体匹配的基础；

实体匹配设置：已有用户与用户角色的匹配、已有内容与内容角色的匹配；

动态自适应：通过收集到实时数据实现实体与角色数据的修改和自动匹配。

简单说来：用过去数据建立匹配基础，用新数据来完善匹配，过程中可以自动实现，也可以随时人工干预以便体现新的商业模式。

方案实施

1.实施原则

平滑性：大多数无限网站都已经有一定的发展历史和底蕴，对用户体验的改变追求谨慎而且也需要谨慎，因此可以采取“旁路”方式进行过渡，正好也可以检验新用户体验的成效；

稳定性：实施时，改变比较大的可能是表现层，框架层的主数据不会受到影响，架构层几乎不需要改变，原有的商业模式换一种更加灵活的方式来实现；

可行性：方案的实施会增加服务器计算量；方案的实施需要一定的开发周期。

2.实施过程

实施一般需要经过以下过程：

团队组成：一般需要对现运行系统比较熟悉的产品经理、架构设计师、交互设计师、高级程序员来构成，并在快速理解本解决方案完成方案可行性论证；

实施方案：在数据调查、整理的基础上完成实施方案设计并进行实施可行性论证；

实现、测试、上线、评估、迭代。

实施效果

方案实施完成后，针对任何实体（用户、内容），都会获得一个“个性化场景”的效果，具体说来包括：

场景式内容管理：多角度内容管理，使得系统可以从时间序、有效序、来源序等多个角度对内容进行管理和定位，以便更好地与用户匹配从而提升用户体验；“内容集合”的附加效果就是择优和排错。

场景式用户体验：在用户的“我的场景”中，已经存在了通过系统匹配好的、满足用户80%以上需求的内容；对于未满足部分提供有效链接，同时启动更新机制进行场景补充和更新；“用户之家”附加效果就是高用户粘度。

用户体验质的提升：有限化后，用户不用面对无限的内容，极大地缩短了链接路径；对于无限内容部分，通过搜索仍然可达；用户可以定义自己的场景，从而逐步建立一个舒心的内容场景；内容的展现方式再也不是一成不变，而是根据兴趣度和关注度的差别进行不同级别的展现。

商业模式丰富：多角度动态自适应分类后，再匹配就是商业模式的实现。在适当分类的基础上，商业模式很容易通过再匹配来实现，甚至可以试探性实现后再进行推广；另外，随着数据的丰富，分类系统的数据变化反过来会指引商业模式的修正或创建。

唯一设计提供法拉盛地区大小商家：印刷，网站设计，网站开发，广告设计，网站推广，一系列服务，欢迎合作！

一、 UI测试

用户界面测试主要是拿待测网页和设计稿进行对比，个人觉得主要需做到以下4点：

1.注重细节：

这点最基本，就是对比时细心、细心再细心。像我现在被虐到网页上元素和设计稿差一个像素都能看出来…

2.勿忘整体性：

由于PC网页页面空间大，模块多，很容易在测试时只注意到模块内设计元素是否正确，而忽略了模块间的间距或整个页面的布局是否正确。所以最好按照由局部到整体的顺序测试。

3.注意页面间相互对比：

即注意相同系列页面、页签布局一致性。就是说的是同一系列页面中同类元素和模块的样式、间距一般要相同；同一个tab下，不同选项对应 的页签中同类元素和模块的样式、间距一般要相同。例如下图QQ空间-日志页面里我的日志和私密日记tab中，红框圈出的位置高度是否一致。

Gyc8hWhclfVFyNNNFHnv

一般情况下这些不一致问题出现的情况不多，毕竟相类似的布局前端同学应该会用相同的盒子，但是测试时还是需要留意。

4.注意极端情况下显示情况：

即要注意长度可变的元件、模块或字段在极端情况下的显示是否正常。

例如：文章标题最多可显示50字符（25汉字），测试时就要在所有会出现标题的位置（文章列表页、推荐边栏、转发弹框…）是否能正常显示含有50字符的标题，会不会出现破框而出、自动切掉等情况。

由于UI测试时需要检查的细节很多，特别是像我们团队，网站还在搭建中并未上线，UI测试的工作量更是大，测久了难免会觉得枯燥繁琐，但其实每项任务都能总结出套路、有所收获，故下面仅列出我平时在测这部分时的主要注意点和心得。

UI测试注意点总结：

模块间距

元素间距

不同类型文本（数字、汉字、英文）颜色、格式（全角、半角）大小、字体、（不必须）

固定文案：内容的可读性、正确性?排版的合理性

可变字段：极多、极少文字的排版情况

Icon用错、用混

相似页面的差异性和一致性

小体会：

其实界面测试虽然没啥技术含量，但测久了就会发现自己对网页元素有时彼此间的间距差了1、2个像素，整体的视觉效果就尺寸和布局的敏感度有提升，例如像同样一组元素，会大有不同，web是这样，移动端更是如此。

随手画张图举个栗子：左图网页做出来名称、作者、互动统计三者之间行距相等，中文字大小相 同，而设计稿原本应如右图，行距不同，不同字段的字号也不同。所以假如测试时遇到类似这种问题，我们除了可以提个bug，还会被引导去思考设计初衷，即利用间距细微差异进行视觉分组，利用字号细微差异突出主次。

uIPdkNWsva0K5r6F3D5r

二、功能测试

1.操作反应：

（1） 页面元素（按钮、锚文本、输入框…）自身状态变化：鼠标移入/移出时效果、点击后效果、获取/失去焦点时效果…（可以想想axure里的用例状态）

eg：鼠标移入按钮，按钮是底色是否应改变；若输入框内有默认提示文字，则是当输入框获得焦点后文字就消失，还是用户输入文字后提示文字才消失…

（2）操作成功后续反应：页面跳转、弹框、提示文字…

a.页面跳转：

页面切换方式：另开页面、本页切换

页面起始定位：页面起始位置、页面其他锚点（例如用户想评论某文章，在列表页点评论按钮后，就会在另开的文章内容页直接定位到评论区）

b.弹框：

匹配情况：弹出的弹框是否和触发条件匹配

出现位置：一般情况下要一致。因为弹框使用不同插件，可能导致弹出位置不同。

显示时间（非操作类弹框）：某些仅起到提示功能的弹框会自动显示若干秒关闭。一般情况此类弹框上文案较少，显示秒数应该是全站一致的。

c.提示文字：

匹配情况：出现的提示文案是否和触发条件匹配

关于操作成功后续反应，以上主要是在已确定会触发某反应情况下，测试其正确性。其实这里更重要的是要考虑在前置条件不同的情况下，对某元素进行相同操作，会触发什么不同的反应。即需要对各类情况进行穷举。

eg：点击关注按钮触发反应穷举：

a.未登录用户点击该按钮后效果；

b.已登录用户点击该按钮后效果（b1.未关注过对方、b2.已关注过对方、b3.自己关注自己）

穷举时可以参考PRD，但不要局限于PRD上列出的情况，毕竟有时也许PRD上会有小疏漏，要是程序员做的时候发现疏漏，就自己随手码了一个简易提示而忘记通知产品，而测试的时候也没触发到，等用户实际操作出来就会造成不佳的用户体验。

2.数据：

（1）数据状态：此处指数据值自身的状态。即前置条件满足后，数据状态是否会按照规则更新。

这里的规则一般是

a.时间规则（eg：经过多长时间数据状态改变；在哪个时间点更新…）；

b.统计规则（eg：每个ID多次完成前置操作，数据更新多次；每个ID多次完成前置操作，数据仅更新一次；每个ID…）

（2）数据排序：数据在某筛选条件下排序的正确性。

eg：某宝某店铺商品展示页面，当用户选择按销量由高到低排序时，列表是否变为按销售量多到寡进行排序；当商品A的销量超过商品B的时候，商品A的位置是否会更换到商品B的前面。

3.特殊情况 ：

（1）缺省情况：当某页面或模块还没有内容或尚未加载出来时，是否有相关提示画面、文案。

（2）操作中断：用户操作中途退出页面（eg：填写资料并尚未保存时关闭页面）；操作中途断网…这些情况下是否设置了相关提醒弹框。

三、兼容性测试

不同浏览器（360、谷歌、火狐等等主流浏览器）下的页面显示情况是否正常。

四、怎样测试才能少被开发怼？

1、用例尽量辅助截图：

由于我们公司还没有bug管理工具，测试反馈都是用excel撰写的，因此我非常能理解程序员葛葛们看着密密麻麻的文档时，心里一万只草泥马呼啸而过的心情。而辅助页面截图，一方面表达更清楚，减少文字描述；另一方面，某些偶发bug留下“事故现场”的证据很有必要。

2、用词准确到位：

这点我的体会是，如果公司负责测试的同学不是技术出身，无法完全用专业术语，也要尽量把bug和正确结果描述的清楚到位，否则反而会增加沟通成本。当然，如果测试也懂技术，那么世界将变成美好的人间~

3、前端、后端、设计问题在文档中区分开：

这个不多说了，就是为了避免导致三个和尚没水吃的下场…

4、某些问题采取灵活的解决方式：

测试时也会偶尔发现原有产品逻辑疏漏或错误、或者感觉某些功能有更好的实现方式。第一种情况时，不要慌了手脚忙着策划新方案，而是先去和程序员葛葛们沟通、听取建议，咨询有什么方式可以在变动最小的情况下达到策划的目的。第二种情况就相当于提新需求了，就算是情势所迫或开发时间充裕，也尽量三思后行吧，要提可以迭代的时候提。如果测试的时候总提新需求，暂不提程序员的心理阴影面积，产品开发节奏可是会乱套。

唯一设计提供法拉盛地区大小商家：印刷，网站设计，网站开发，广告设计，网站推广，一系列服务，欢迎合作！

结论并不难得出，色彩对于用户的影响是显著的，对于选择、转化率的影响是毋庸置疑的。不过，问题在于，你能否找到真正对的色彩来搭配你的设计?为了回答这个问题，我们需要分析和了解色彩是如何影响人的，以及它对于男性和女性的影响有着怎样不同的差异。

色彩心理学

色彩对用户所传达的不仅仅产品本身的信息，而且也对于用户的心理有着显著的影响。不同的色彩传递着不同的感受，同时这还和你所处的国家地区以及文化背景有着紧密的联系。不过一般而言，不同的色彩世界范围内绝大多数的国家与地区所代表的含义、传递的情绪是大同小异的：

红色：危险，重要，激情

红色是血与火的颜色，它是最强大的色彩之一，同时代表着爱与战争。

红色所传递出的情绪是非常激烈的，甚至可以直接引起相应的生理变化，包括血压升高，呼吸频率提升，等等。

 

1493212779-6223-0426

红色还代表着精力充沛，能够引起冲动，还是是速度与力量的象征。Netflix 和 Youtube 都采用红色作为主色调。

勇士是引人注意的，它是非常具有性格的色彩，就像颁奖典礼现场的红地毯，它代表着走红毯的名人和明星的重要性。而红色运用在网页当中，则意味着这个元素是最重要的、值得重视和注意的。

橙色：自信、能量、乐观

橙色同样是非常鲜艳的色彩，它和红色也有着许多共通的地方，但是相对而言程度较低。它没有红色那么强烈的侵略性，但是它同样有着精力充沛的含义，可以营造出积极向上的情绪和氛围。

就像红色一样，橙色同样具备有很高的识别度，能够强烈地吸引用户的注意力，高亮特定元素的作用。另一方面，一些研究表明，橙色还能传递出“便宜”的含义，这也是为什么许多电商网站和APP会倾向于将购物车和购买相关的链接标识为橙色。

 

1493212784-3000-0426

Hipmunk 中的橙色按钮非常的吸睛。

黄色：阳光，幸福，注意

黄色是非常有意思的色彩，它同时具备了幸福和焦虑两种特性，不得不说它的这个特征非常的哲学。在设计中，黄色非常容易引起注意力，所以它也是日常生活中近视标识的常用色。尽管它在警示效果上不如红色强烈，但是依然给人传递出危险的感觉。

1493212786-1499-0426

当黄色与黑色搭配起来的时候，可以获得更多的关注，著名的纽约出租车就是采用的这样的设计。

绿色：自然、生长、成功

与绿色联系最紧密的毫无疑问是自然。绝大多数的植物都是绿色的，它与生长和健康都有着紧密的关联。

在设计中，绿色可以起到平衡和协调的作用，在今年，也就是 2017 年，年度色就是草木绿，它甚至被称为新的中性色。不过在设计过程中，绿色的饱和度需要好好控制。高饱和度的绿色让人兴奋，引人注意，而低饱和度的绿色则接近中性色的作用，可以平衡整个设计。

 

1493212783-9253-0426

蓝色：舒适，放松，信任

蓝色是天空和海洋的色彩，它是UI设计中最重要也是最常用的色彩，你在设计中所选取的蓝色的色调和色度，都会直接影响到你的设计对于用户的影响。

·浅蓝色给人清爽、自由、平静的感觉。这种轻松友好的氛围还能转化为信任的感觉，这也是为何如此多的银行类网页/APP会使用浅蓝色。

·深蓝色能够给人强大而可靠的感觉。

 

1493212780-3872-0426

紫色：豪华，灵性，创造性

紫色的使用频率并不算高，它本身的这种稀缺性使得它在设计使用中有着特殊的地位。历史上，曾经一度只有欧洲皇室能使用，直到今天，它依然保持着某种奢侈感。将紫色运用到网页或者APP中，常常会给用户一种高端的感觉。

一个有趣的调查表明，有接近75%的儿童喜欢紫色和相近的色彩。

 

1493212782-4797-0426

黑色：力量，优雅，精致

黑色是所有色彩中最有力量的，它能够很快地吸引用户的注意力，这也是为何它是文字的基准色，也常常作为许多设计的主色。

在 Squarespace 这个网站中，黑色的“Get Start”按钮非常引人注意。

 

1493212787-7155-0426

当黑色作为UI控件和视觉元素的主色调的时候，它常常会带来相应的情感联系，它可以轻松传达出复杂的情绪，营造神秘的氛围。

白色：健康，纯洁，高尚

白色通常代表着纯洁，给人以干净、健康、高尚的感觉。由于白色常常同健康服务和创新啊所关联，所以你可以使用白色来强调安全性，推广医疗和高科技的产品。

在设计当中，白色常常用作留白，用以突出周围的色彩、控件。正确使用留白是一项非常重要的设计技能。以Google首页为例，白色让其他的色彩更加突出，更有力量：

 

1493212789-8885-0426

大量的留白让其他的元素脱颖而出。

灰色：正是，中性，专业

灰色代表中性和中立。相比于其他的颜色，灰色更为安全，当灰色作为主色调而存在的时候，能让设计的形式感更为强烈，这并不算坏事。和白色相似，这种中性色能够让其他的色彩更为显眼。

 

1493212791-4540-0426

灰色通常同其他更为明亮的色彩搭配起来使用。Dropbox 就常常使用灰色来突出CTA按钮。

性别与色彩

虽然从来都没有什么男性色和女性色这样的具体规则，但是在过去的一个世纪当中，不少研究表明，男女在色彩喜好上是有着明显的差异的：

最喜欢的颜色

 

1493212792-6294-0426

最不喜欢的颜色

 

1493212793-6393-0426

·蓝色是两种性别都非常喜欢的色彩，而且相比女性，男性更喜欢蓝色的各种变体。

·男性和女性都非常不喜欢棕色、橙色和黄色。灰色是女性最不喜欢的色彩之一，而紫色是男性最不喜欢的色彩之一。

·当涉及到不同的色调、色相和色度的时候，男性更喜欢大胆的色彩，而女性则更喜欢更加柔和的色彩。

·大多数人都认为女性更偏爱粉色，但是实际情况并非如此，只有一小部分女性将粉色视为最喜欢的色彩。因此，虽然色彩心理学当中将粉色作为女性气质的象征，但是这并不意味着绝大多数的女性喜欢它。

品牌色的重要性

色彩是许多品牌设计的核心元素。品牌配色中每一种颜色都直接或者间接地塑造着这个品牌的特征，甚至一些色彩已经超越了品牌，成为了行业的基准色，比如旅游业常用蓝色，健康相关的产业使用绿色，而快餐和饮食业常用红色。

但是，当你在为一个品牌选取品牌配色的时候，并没有捷径可以走，并没有什么可以快速搞定的法则。有些公司乐于采用顺应行业的配色方案，而有的企业则发现，使用跳出规则的配色方案反而可能会取得奇效。Virgin Amarica 就是个典型，反其道而行之，选择和航空并无关系的谷物作为吉祥物，虽然不同于用户期望，但是非常突出。

 

1493212794-4092-0426

所以，选择意想不到的色彩也许是让人记住的好办法呢。

色彩和转化率优化

那么你到底要如何借助色彩理论和心理学知识来让用户点击按钮呢?是否让按钮具备行为召唤的特征，可能是用户体验设计师们争论的最多的问题。有人认为，醒目的红色是最佳的选择，而另一部分人则认为，绿色同样醒目，并且还给人以安全感。

HubSpot 对此进行了A/B测试，测试主要是围绕着注册界面的CTA按钮进行的。

 

1493212795-3452-0426

虽然测试之前，几乎所有人都预测绿色的按钮效果会更好，然而实际情况则是，红色按钮比绿色按钮多出了21%的点击率。同时，HubSpot 也添加了说明，因为测试结果始终是主观的，因为有一定机率是他们的访客在这个网站中，本身就更加倾向于红色，它毕竟是整个页面中唯一出挑的色彩。影响因素是复杂而多样的。

按钮本身的色彩对于点击转化率的影响，其实并不大。一种色彩作为按钮色在A网站网站上可行，可能在B网站上就没那么好使了，说一种颜色比另外一种颜色的转化率高，本身就是错的，并不存在什么通用的最佳色彩。但是，有一些值得参考的通用法则能够帮你更合理地用色。其中，有一个心理学效应叫做“孤立效应”，它简而言之就是最突出、被孤立出的元素更容易被用户注意到，甚至被选择。

举个例子，如果你的网站中使用了大量的绿色，那么用户不太可能注意到绿色的按钮，哪怕说绿色按钮在另外一个AB测试中完胜红色按钮。

 

1493212797-3341-0426

因此，最重要的是调整整个页面的信息和层次结构，让按钮真正具备行为召唤的能力，色彩的对比是关键，如果按钮无法从诸多元素中脱颖而出，那么转化率从哪来?

 

1493212798-5817-0426

色彩和可用性

设计当然不能只是漂亮，功能和可用性同样重要。这两个项几乎是所有UX设计师最关注的因素。色彩能够引导视觉，良好的UI会用好色彩这一工具，可以说色彩不仅能够引导用户的注意力，而且还能够指引交互，决定体验。

控制配色的数量

配色方案中，色彩的数量不应该太多。每增加一种色彩，搭配方式和复杂度都会提升，而这最终会影响用户的体验，让用户感到混乱。

 

1493212798-4496-0426

在室内设计领域有一个著名的60-30- 10 法则，它同样适用于其他的设计领域，在网页和UI配上同样适用了：主色调占60%，次要色占30%，10%是提亮色。这种配比之下，能够创造出足够平衡的设计，让整个配色主次分明，同时能让用户的视觉能注意到焦点。

 

1493212800-3390-0426

无障碍设计

必须承认，同样的色彩，不同的人所看到的是不一样的。大约有8%的男性和0.5%的女性是色盲，而色弱的用户也不在少数。红绿色盲是最常见也是占比最多的视觉障碍者，所以，尽量避免将这两种色彩搭配到一起，至少不要用作关键的信息用色，这样能规避不少问题。

 

1493212801-9867-0426

就像下面的实例，“红色的部分是必填的”对于色盲用户而言，就是完全无法分辨的。

1493212802-5876-0426

正如同W3C的规则所说，色彩不应该用作唯一的交互指示标识，设计师应该提供更加清晰的作物指示信息，比如“您所输入的电子邮件地址无效”，最起码要提供相应的错误图标作为标识。

 

1493212804-2540-0426

有许多不错的工具能够帮你测试页面的可访问性设计：

·WebAIM Color Contrast Checker 能帮你测试你的配色方案是否合理

·如果你使用PS，那么可以使用 Color Universal Design 来进行验证，确保你的色彩适用于所有用户，包括色盲用户。

唯一设计提供法拉盛地区大小商家：印刷，网站设计，网站开发，广告设计，网站推广，一系列服务，欢迎合作！

近年来，各种大屏幕移动设备的普及，响应式网站也受到了更多人的青睐。甚至大多数的人认为，响应式网站是实现友好移动目标，更好、更快、更省的方案。然而不要开心得太早，数据表明：这种响应式设计，会令你的用户和经济效益流失30-50%。

想知道真相是什么?因为响应式网站有几个致命缺点。

第一：响应式网站不能自由布局，做不到移动端的优化体验。响应式网页不能自由布局，文字或图片元素只能删减，不能增加，图文只能更新，无法拖动位置，图片无法放大或者缩小，也就是说所有的元素都是被锁死的。前端程序员花了很长时间优化，最后悲伤地发现，一旦PC端允许用户可以增加或者拖动编辑图文，在手机端就的展示就会混乱，顾此失彼。另外，PC端展示和移动端展示存在很多不一致，例如在手机端就没有办法呈现鼠标滑过悬停的效果。

第二：响应式设计对搜索关键词优化和排名不友好。搜索引擎对于PC网站和移动网站的收录和关键处排名的策略不一致。一套代码的响应式网站就增添了搜索引擎的处理障碍。独立的移动端网站和PC网站还是单独开发为宜，这样能更好地SEO优化工作。

第三：响应式网站移动端浪费带宽，加载耗时长。响应式网站一般是基于PC端来设计的，一般会使用高质量的图片和视频，在移动端要访问同样大小的图片或视频，会浪费很多流量。如果一个PC页面的达到4M，在手机端打开就会慢，加载不充分。响应式(自适应)设计存在大量的冗余代码，会消耗大量的流量。在国内高流量费面前，用户是想都不用想就会放弃使用你的网站的。

从上面的分析可以看出，响应式网站并不能取代移动网页，其价值是作为PC端网站一个移动端小补充，聊胜于无。如果要做移动端商业推广，还是单独开发移动端网站为佳。响应式之父Ethan Marcotte也说过，“最重要的是，响应式网页设计的初衷不是要取代移动网页”。

国内知名的微企点H5自助建站最早也是进军响应式建站，但在发现了响应式网站的弊端之后果断转型，推出PC端和手机端分别建站的新版本。微企点放弃响应式设计，将PC端和手机拆分分别设计，实现了自由布局和动态交互，在PC和手机展示都可以做到最优化，有利于搜索引擎和网页加载，之前的问题都不存在。

作为灵活的自助建站平台，微企点对于想要实现响应式效果的用户提供了新的思路，微企点为用户提供网址共享，后台自动响应，随机应变，访问同一个域名，PC访问推送PC网页，手机访问推送手机网页，给终端访问更好的体验。

说了这么多，如果你还是有所不解，不妨看看淘宝、天猫、京东、腾讯、百度、新浪……为什么他们要分开建设电脑端和移动端网站。

最后，我们的建议就是：最好为你的电脑网站推出移动版本，将关注重点要放在网站信息展示、网站性能、用户体验、经济效益、用户留存等关键点上，这样才能更灵活，提供更专业、更优的移动体验和个性化、多样化的设计。

唯一设计提供法拉盛地区大小商家：印刷，网站设计，网站开发，广告设计，网站推广，一系列服务，欢迎合作！

营销型网站具备的七大特点

一、要了解营销型网站具备的特点

营销型网站具备两大特点：1、锁定目标消费者，怎么锁定目标用户，就得从营销型网站整个策划、设计、功能、内容编写，都是根据企业的定位、盈利模式以及产品卖点，按照用户习惯以及需求思维进行布局排版，引导用户一步步深度浏览，通过网站营销贯彻，挖掘潜在客户;2、满足搜索引擎优化规则，整个营销型网站框架结构，都是树状三级结构，这种不仅方便用户浏览，也方便蜘蛛的深度抓取，后台方方面面都结合优化的需求，便于日后的优化推广;

二、要了解建站公司的定位

由于建站行业门槛低，太多营销型网站制作公司冒出来，各式各样的都有，企业在这个时候，一定要认清自己企业需求，不要被外在混乱市场所迷惑，许多建站公司，以低价吸引企业去关注，结果后期营销型网站的制作过程，每一个都需要增加钱，有些公司为了能够获取更多利益，只要互联网有的就都去做，这很明显不专业，所以企业在选择的时候，一定要清楚建站公司的定位，从定位就可以看的出建站公司是否专业;

三、要了解营销型网站的策划

营销型网站制作，最核心的一步就是策划，许多企业的网站为什么效果不好，主要是没有经过专业的策划，整个网站也不知道表达什么，用户看了一眼，也没被吸引到，用户就很难深入的浏览，更别说后期成交，所以企业一定要了解营销型网站制作公司做策划的方式，有没有市场性调查，有没有从企业去考虑，有没有营销理念的存在;

四、要了解建站公司团队能力

营销型网站效果好不好，关键还得靠建站团队，只有专业的人才，才能做专业的事情，专业的营销型网站制作公司，都会把营销型网站制作流程分为很细，大概有13个流程，每个流程都有相关的人员来负责，各岗位之间都是精密配合的，如果团队能力不行，那整个营销型网站制作就大打折扣，所以好的团队，是成就经典的营销型网站必要因素;

五、了解建站公司的相关服务

营销型网站制作好之后，有专业团队负责，基本可以自己解决，但难得有企业有自己的团队，这就需要建站公司提供的服务之一，协助培训相关的运营人员，还有就是营销型网站出现问题，得有人及时处理，这也要需要建站公司提供相关的服务，在做网络营销过程中，都少不了建站公司的技术支持，这些都是建站公司必须提供的服务;

总结，营销型网站制作很重要，选择营销型网站制作公司更重要，许多的建站公司不具备做营销型网站条件，也打着做营销型网站旗号，通过复制别人的网站，来欺骗企业，这种企业完全缺乏职业德道，需要企业在选择的时候多了解，不要因为价格贵，而且选择便宜的建站公司，一定要多方面了解与对比，这样才能选择到适合自己的企业的专业的建站公司。

唯一设计提供法拉盛地区大小商家：印刷，网站设计，网站开发，广告设计，网站推广，一系列服务，欢迎合作！

1. 网站的易发现性

我们的顾客是通过互联网发现我们的吗？他们是在网上发现我们的产品的吗？

这是所有电商体验的起点，发生在用户来网站之前。它可以用来测量网站的易发现性（SEO定位）。

为此，我们把总数据分为两类，一类是直接流量，一类是搜索我们销售产品而来的流量。如果两组流量数据都是令人满意的，我们可以排除网站的搜索引擎定位和商品的搜索引擎定位存在冲突的可能性。

2. 第一印象。识别度、价值主张和区分度。

用户是否能快速了解我们提供了什么，我们是谁，以及我们推崇的是什么？

一旦用户进入网站，他们应该能够马上意识到三个关键点：我们提供什么商品，我们是谁，我们推崇什么。

我们销售什么？网站是否快速地传达了我们销售什么类型的商品？

在这里买东西有什么优势？是否能够识别出我们的价值主张？

我们是谁？我们的品牌存在感和识别度是否够强？

在不用翻滚页面或产生交互的情况下，用户就可以快速回答完上述问题，这是让首次访问的新用户留在页面，减少跳出率（没有任何操作行为的访问）的核心目标。

3. 商品的易搜索性和易发现性

我们的用户能找到他们想找的商品，或者发现他们没在找的商品吗？

对于任何一家电商网站来说，另一个关键点在于用户是否能找到他想要的东西。我们必须区分用户主动找到商品的能力（一些作者也称之为易搜索性或易找到性）。以及发现网站提供潜在商品的能力。这是指我们如何促使用户不用搜索也可以找到商品，或者我们怎么引导用户发现搜索和浏览之外的新商品（可发现性）。

另外，这一点也要求用户流畅地浏览网站，且毫不费力地找到所需信息。所以信息架构和整站的导航也要纳入思考范畴。

易搜索性：搜索流程通常是在用户浏览分类列表或使用关键字搜索（搜索框）中完成的。

易发现性：通过智能推荐系统（其他用户还买了……）、关联或互补商品（再试试这个……，搭配购）或者任何导向发现商品的游戏机制来帮助用户发现网站的商品资源。

4. 挑选性。商品挑选与比较

用户做个决定容易吗？

通过提供商品必须信息以及方便用户轻松选择商品的必要交互设计，来促使用户决策。我们的目标是既减少用户的认知负担（困难程度），又减少他们的操作动作（点击次数，步骤，页面数量等等）。

这里需要考虑如下方面：

商品描述清晰并有条理，并包含了详尽的必要信息和足够多的商品描述图片。

商品的各种规格可见（大小，颜色等等）。

我们为用户比较各类商品提供便利。

我们提供商品的用户评分与评论。

商品价格、是否有货、预计送达时间清晰可见。

我们鼓励用户将商品添加到购物车。

5. 积极引导购买

你是否使用了足够多的唤起用户行动和施加购买压力的策略？

电商网站的另一个关键点在于促使用户在每次访问中都完成购买行为，避免用户延迟购买。要实现这一点，促销策略、唤起用户行动以及各种各样提升转化的策略都很重要：

提供特价优惠和促销活动。

使用交叉销售策略。为用户推荐他们购买商品的补充品，例如为购买了ipad的用户推荐保护套。

让促销优惠量化（例如包邮，免费退货，商品保修等等）。

使用价格手段来让线上销售额超越线下实体店（一些可采用的手段包括：仅适用于线上购物的优惠，特殊的折扣，以及仅在线上售卖的商品）。

用抛售策略给用户紧迫感，例如商品限购或是促销截止时间。

　6. 顺畅、简单以及安全的购物流程

我们能给提供用户一个顺畅、简单并安全的购物体验吗？

可能在电商网站体验里最重要的某些点之一就是整个购买流程是顺畅、简单和安全的。

这涉及到整体购物流程中所有的因素：从进入网站，添加商品到购物车，用户身份识别，用户注册，或是选择付款方式、选择购物地址，等等（结算流程）。

一些重要的方面要考虑如下：

不强制用户注册，或者至少在用户到流程最后一步之前不强制注册。到了购物最后环节，用户购买动机更强，放弃购买的成本更大。

结算环节所需的步骤以及每个步骤的复杂程度调整到恰如所需（不仅要减少步骤，更要让每个步骤更简单）。

整体流程是线性的，避免过程中的跳出。

把结算的不同步骤以及用户当前所处的步骤明确地告知用户。

购物车永远可见、可进入。页面设计要简单，不会分散用户注意力，并令用户集中精力完成购物。

添加商品到购物车的操作是简单的，修改商品数量或移除商品也要简单。

7. 跟踪用户购物以外的体验

我们是否给用户提供了一个正面的售后体验，并使用策略吸引用户复购？

你使用了其他哪些渠道来接触用户并激发他们回访网站？

大部分电商网站利用电子邮件、短信或推送通知作为频繁接触用户的渠道，并鼓励用户回访网站和店铺。这一类沟通方式可以用来推广特价优惠和促销活动，也可以告知用户他们可能感兴趣的新品发售、新的获利机会或者新闻之类的消息。

8. 挽回流失用户

你是否使用策略挽回放弃注册流程或者放弃购物的用户？

该目的是为了解决以下问题：

注册后，再也没有后续动作。

中途放弃购物。

注册到一半就放弃了。

大部分电商网站使用电子邮件通知、优惠券或特价促销等策略尝试挽回上述用户。这些情况下，成功与否主要取决于这些信息的质量。

9. 传达自信和可信度

用户在购物过程中，或者注册中是否感到舒服和安全？

尽管电商网站越来越多，线上购物的消费者也越来越聪明，你也不能忽略一些帮助网站传达信赖和信誉的指标，从而提升网站的转化率。

提供一些建议如下：

网站中含有传达信任的元素（例如安全标志、信任标识等）。

在恰当的时候提供商品保证和退款的信息。

提供多种联系客服的方式。

清楚地说明安全和隐私政策。

提供电商公司及它的位置的详细信息。

10. 令人满意的客户服务

我们是否提供一个必要的机制来保障客户服务敏捷、有效并且个性化？

一些指导意见如下：

方便用户联系你。

尽可能提供多种联系方式，满足用户各样的需求和偏好。

提供一个与用户高度相关且合理组织过的常见问题部分。

向用户展现你理解他们的需求。

唯一设计提供法拉盛地区大小商家：印刷，网站设计，网站开发，广告设计，网站推广，一系列服务，欢迎合作！

网站如果不支持响应式或者响应式很粗糙，谁会买单?

或许国内的大部分网站并不刻意要求响应式，就算要求响应式，大部分适配后的网站效果也是非常粗糙的，总体来说国内的网页对响应式有比较高的需求的都属于一些要求高的或者专业性很强的网站，就算你不做响应式，直接让网页按照PC端显示的效果一样(使用类似 的代码，虽然不建议这样做，但这能有效确保具有固定尺寸的网页能按预期显示)，直接适配手机，客户也会买单。境外大部分客户的网站，最基本的要求，不满足响应式不会买单。

　该不该做两套版本?

对于大多数网站，做两套版本不是明智的选择，因为后期维护成本，制作成本，调试成本，开发成本等都会增加很多，而且互联网发展迅速，网页过时的很快，一般情况，不值得花大量时间做两套随时会过时的页面。并且大多数网站有常用的开源程序的约束，做两套对后端的扩展也会有更高的要求，可能会增加后端和服务器端的工作量。一般做两套，适用于一些拥有自己的源程序的大平台或者大型网站或者一些知名的网站。大部分网站，无需做两套。(当然如果你钱多，团队杠杠的，时间精力也多，就忽略此段落)

响应式技术的发展怎样?

我们不用纠结于什么fluid流布局还是其它什么布局的，我们只要考虑首先把具体的项目按照预期设计表现出来即可，然后再深入考虑其它复杂的知识点。很多细节有单独学习的必要，但是不一定都能折腾进实际项目中。实际项目还是要尽量精简代码，减少开发和后期维护成本，只要能够满足多种设备，并且利用响应式有效控制不同尺寸图片的加载，在现在的不断提升的互联网网速环境下，一样访问速度会很快。

对于网页的响应式设计，我不会存在正面还是负面的评价，因为它是基础啊，你得适应互联网发展适应发展需要啊，适应客户需要啊，做一套网页，做好这个基础，是理所当然的。对于一项基本功，没有必要说它好还是不好。

一个真正好的响应式，是能够处理不同尺寸的图片的，如果CSS不能满足需求，现在有很多成熟的结合JS的技术手段，可以配合CSS做到更优秀的相应，不会大幅度影响加载速度，它完全可以达到两套web的效果。毕竟你不是做APP，是做网页。如果你要拿APP的原生交互效果和流畅程度和web相比，我觉得偏题了，没有必要，本身它们就是互补的东西，你不要他要，没有谁排斥谁的必要。

如果还没见过优秀的响应式网站，可以去看看FWA上面的很多获奖的移动端网站。

　总结

现在的响应式技术，已经很发达了，不但能满足不同设备的适配，还能够从交互，从体验，从加载速度等方面进行匹配。现在的响应式技术，不能和响应式才开始流入的那几年相提并论，什么代码冗余等等的负面东西可以忽略了。其实对于响应式这个东西，剩下的，只是愿不愿意学更加先进的技术，愿不愿意研究和发现，愿不愿意使用到实际项目中的问题而已。

我自己并不做独立的前端工作，也不是什么大牛公司的前端开发，我只是为了服务自己设计的东西而已。只不过我也经过了几年的折腾，兼容性，响应式各种，用过很多开发框架，学过研究过不少进口知识，做过一些被认可的东东。我现在对于响应式设计，只有一个方向：

尽可能精简代码

尽可能以最少的Responsive Breakpoints兼容更多的设备

尽可能优化加载速度

尽可能避免使用JS(Retina图片适配我一般使用JS，相对来说和响应式分开，会更加灵活，避免Retina的图片适配也使用CSS)

尽可能做到和PC端一样流畅的交互效果

唯一设计提供法拉盛地区大小商家：印刷，网站设计，网站开发，广告设计，网站推广，一系列服务，欢迎合作！

据 Alphabet 财报显示，公司当季营收 247.5 亿美元，远超华尔街分析师 242.2 亿美元的预测，较去年同期增长 22% ;净利润涨幅 29%。仅仅几小时后，Alphabet 的市值再次到达了新的高度。

与此同时，百度总营收 24.54 亿美元，同比增长 6.8%;净利润较上年同期下滑 10.6%。就在上个季度，百度还遭遇营收和利润双双下滑。

在中国，大家总会拿谷歌和百度比。我们就一起通过十张图来看看，从财务上看，两家公司有什么不同，什么相同，差距又有多远。(其实不只十张，不过为了跟之前的十张图系列搭配就只能那么说了哈哈，不过宝宝自己作的图是刚好有十张哦。)

体量：谷歌营收是百度的十倍

根据两者最新的财报，百度一季度总营收 24.54 亿美元，而谷歌母公司 Alphabet 营收 247.5 亿美元，后者是前者的十倍。从营收增长情况来说，百度最近几个季度因为广告客户重新登记的问题，营收增长出现了下滑。但也不可否认，百度未来只靠在线推广业务，恐怕难以为继。

 

201705031001402224

再来看毛利，能看到谷歌的毛利率总体来说比百度稍高，较为平稳，但总体而言有所下降。

百度最近几个季度的毛利率在不断下降。从财报上看来，可能是因为内容成本的上涨，36 氪此前在分析百度财报时就提及，这里主要是爱奇艺购买影视剧版权和内容制作的成本。

 

201705031001403004

净利率方面，两家公司在前期似乎是差不多的，但百度却从 2016 年开始利润率有了非常明显的下滑，结合百度的战略，这可能跟当年对 O2O 的百亿补贴有关。

 

201705031001403628

谷歌自由现金流是百度的约 14 倍

谷歌手上握有的现金，也比百度要多出好多。根据 2017 年第一季度财报，Alphabet 拥有自由现金流 70 亿美元，而百度拥有约 5.1 亿美元。

 

201705031001404408

由于两家公司在体量上相差较大，因此市值上也有非常明显的差距，谷歌的市值是前者的4-6 倍。

 

201705031001404876

虽然体量相差很大，不过从员工数量上看，谷歌的员工数不到百度的两倍。截止去年年末，Alphabet 一共有 7.2 万人，百度约有 4.5 万人。

 

201705031001405344

中国之外，搜索都是谷歌的地盘

两家公司体差很远，业务组成却似乎是惊人地相似。同样有超过八成的收入来自广告业务。

 

201705031001406124

不得不说，从一些主要业务来说，两者的业务架构确实非常相似：都是搜索公司为主营业务+人工智能，谷歌有 Youtube、百度有爱奇艺，两者也都有地图、智能家居等服务，如今也同样面临从“移动先行”到“AI 先行”的转型。

 

201705031001407216

201705031001408932

但实际上，比较过两者的营收和业务覆盖范围，之后，会发现，百度更像是一家中国本土的公司，而谷歌是一家国际公司，两者之间还是存在一定差距的。

从营收来源地区就可以看出来，谷歌只有不到一半的收入来自于美国本土，其他都是来自国外;而百度的所有营收，都来自于中国，其搜索业务的月活用户大约在 6.5 亿到 7 亿水平。

 

201705031001413144

由于谷歌一直没有公布过搜索的活跃用户情况，大家可以通过它在哪些国家的搜索市场占第一，来感受一下它的用户量。根据搜索需求次数来说，谷歌的搜索引擎在不少国家，市场占有率都在九成以上，放眼望去，似乎除了中国，都是谷歌的天地。(不知道为什么 StatCounter 统计到，谷歌在朝鲜的市场占有率也有 92.71%……)

 

201705031001413924

各国搜索市场领导者地图

不过，百度凭借着在中国市场的优势，也成为了全球第二搜索引擎。从市场份额来看，谷歌的市场份额也几乎是百度的十倍，这样看来，营收是它的十倍，似乎也是很合理的事。

 

201705031001415796

全球搜索市场情况

百度十年以来涨了 1370%，谷歌涨了 291%

对于百度而言，谷歌的营收可谓是巨人。有趣的是，如果将时间跨度拉长来看，百度在资本市场上的表现则远远超过谷歌，从 2007 年开始至今，百度股价涨了 1370%，也就是接近 14 倍;而谷歌却只涨了不到 3 倍(291%)。

 

201705031001416264

百度和谷歌十年以来股价涨跌

如果光从最近两年的情况来看，似乎投资者终于意识到了谷歌的价值，谷歌近两年股价涨了 66.75%;不过百度则是有点惨，股价跌了 11.61%。