以竞品为参考基准，如何在同模块上做到比竞品更好

　　以竞品为参考基准，如何在同模块上做到比竞品更好

　　然后，我们需要考虑的是如何使其比基于竞争产品的同一模块上的竞争产品更好。例如，横幅广告文案，如何进行介绍，以便客户在看到我们和竞争对手的网站时可以同时选择我们？

　　基于此答案，您可以继续问自己：该副本是否突出了我们产品的最大卖点？可以通过类推推导各个模块。

　　与同龄人比较时，可以应用一种思维模板：没有我的人，拥有我的人会更好，而人们会变得更好而我很便宜。从此开始，考虑起来会简单得多。

　　当然，在内容级别，我们至少必须首先通过自己的级别，并且在访问者可以选择我们之前，我们认为我们比竞争产品要好。

　　页面的其余部分也可以通过问自己“该页面的目的是什么？如何做到”来推导模块结构。当然，前提是您必须浏览大量类似的网站并且对每个模块都有个好主意。

　　2. 网站风格探索

　　有了内容，下一步就是建立设计风格。许多工具软件网站和客户服务系统竞争产品网站都具有共同点，即图形，色彩鲜艳，并且整体样式非常年轻且具有图形化。表达产品特征通常更直观。

　　将这个词变成一个完整的可执行规范不是一件容易的事。第一步是确定主题颜色（如果有传统品牌颜色，则无需更改或微调），然后通过图片，图标等将其可视化为网站，然后慢慢建立整个样式的原型。

　　确定主题颜色：

　　最直接的方法是印象板提取方法：确定几个网站或产品关键词，然后从关键词到实际对象，然后在百度上搜索大量相关图片。这将形成一般颜色。然后将该通用颜色微调为您自己的品牌颜色。

　　图标和图片样式：

　　如果有图片，则可以选择一个页面，大致展开各个模块，并做一些高保真度来预览样式。可以尝试高清大图片，手绘插图，2. 5D，C4D真实对象合成，而这与您的官方网站的色调完全一致。

　　要确定图标的样式，您可以首先找出三个表示关键词的图标（为什么选择三个？因为三个图标可以看到系列样式的效果，所以两个太少了，四个是工作量太大），可以从品牌颜色稍微扩展颜色，也可以添加少量点缀颜色。

　　不要在形式上受限制。您可以参考他人的作品。 2. 5D，长距离投影，MBE和其他样式均可尝试。需要注意的是，图标和图片的样式要统一，否则会显得难以描述。

　　当图标和图像的匹配令人满意时，请微调并派生图标以适合不同的情况。

　　四、规范开发

　　确定内容和样式后，可以制作一个高保真网页来制定设计规范，例如文本颜色间距，图形大小和位置等。然后根据此规范制作其他页面。

　　根据此规则生成其他页面时，您可能会发现此规范特别受限制。这时，我们必须仔细考虑*敏*感*词*性是否足够好，如果不够，请对其进行修改。

　　如果在制作衍生页面的过程中发现某些情况不在规范中，请及时添加它们。这样，您将拥有一套书面规范，并且您将在此基础上更加基础。

　　五、适应

　　现在主流网站都是自适应的，即根据屏幕尺寸自动调整布局。您可以扩展较大的版本和移动版本，以告诉前端如何设置模块的流量和缩放规则，例如Apple的官方网站。

　　当然，最重要的是定义每个元素属于哪个组件以及适应规则是什么。

　　1.设计草图大小

　　为了预览不同屏幕的效果，可以基于基本版本（1200宽度，内容96 0）：

　　版本1：400宽（内容32 0）

　　版本2：960宽（内容76 8）

　　版本3：宽1200（内容96 0）

　　400px是最小尺寸。小于400时，接口是具有固定间距的版本1。

　　当它大于400且小于960时，该界面为版本1，随着屏幕变宽，间距会自动调整。

　　当它大于960且小于1200时，该界面为版本2，并且随着屏幕变宽，间距会自动调整。

　　大于1200时，界面为版本3，随着屏幕变宽，间距会自动调整。

　　2.适应原则

　　比例缩放：比例缩放表示元素的大小不是固定的，而是随着屏幕宽度变大而变大。适合图片

　　流体组件：元素的大小不变，并且位置或元素间距随屏幕的宽度而变化。 网站的大多数主要内容都根据此原理进行了更改。

　　自适应文本流：一行中的文本数与屏幕宽度成比例。屏幕越宽，一行中可以显示的文字越多。 网站大多数文本可以保持字体大小不变，并且数字可以更改。只需几个标题即可更改字体大小。

　　适当的变形：在保持当前结构的同时，以其他形式表示它。例如，当导航栏适应于移动终端时，它被折叠成一个汉堡包图标。更改前后的样式需要确保用户体验。

　　六、搜索优化和页面加载优化

　　1.搜索优化

　　关键词优化

　　例如，百度关键词，您可以将关键词添加到百度网站站长首页中的页面，选择右侧的关键词来增加搜索范围。但是数量不要太多，否则可以减轻重量。可以在页面代码开头的meta标签→关键字内容中查看它。

　　搜索结果优化

　　您可以在百度百客上创建自己的条目并建立权威形象。还针对目标用户群体进行了宣传和推广，例如百度之智，知乎等平台，以在客户服务系统领域进行更多的回答和揭露。葡萄酒的香气也怕巷子深，甚至最好的产品也需要暴露。

　　最重要的一项是对官方网站搜索字词的优化：

　　例如，出现在百度搜索客户服务系统中的官方网站条目收录以下四个内容：

　　标题：在代码标题中编辑标题。它必须简单，清晰且专注，例如​​品牌名称和产品类型。

　　关键图片：百度会自动在您确定的网站尺寸内抓取点击次数最多的图片，这是不确定的。但是我们可以将其上传到百度网站管理员。需要明确，最好在结果中引起人们的注意。

　　说明：您可以在网页代码的开头编辑meta标签的内容→说明。简介是让客户了解产品的第一步，因此有必要写出一些吸引客户的事实数据优势。

　　评估：我曾经处于放任自流的状态，没有广告，没有关注百度评估等，因此得到的正面评价和负面评价几乎相同。实际上，在正常情况下，客户认为产品使用不当会比认为产品有益于良好评价更有动力去发表不良评论，而负面评论会导致损失一些潜在的顾客。因此，我们可以要求客户帮助我们称赞，提高星级，并自觉地管理我们自己的产品声誉。

　　2.页面加载优化

　　用户打开网页的最满意时间是2-5秒。如果您等待10秒钟以上，则99％的用户将关闭此网页。缓慢的页面加载对于访问者首次联系我们的产品是非常不友好的情况。因此有必要优化页面加载速度。

　　可以从以下几点进行扩展：

　　组合样式表和脚本文件；

　　压缩组件；

　　将样式表放在头部；

　　使用js事件处理机制动态更改元素样式；

　　压缩图片，使用svg而不是png和jpg;

　　使用图片延迟加载；

　　简化代码；

　　避免重定向。

　　七、摘要

　　总之，整个过程应首先考虑信息级别，然后得出内容，调整模块布局，最后进行视觉设计和规格表述（当然，这是基于设计的旧版本）规范不再可用）。

　　网站上线之后，我们仍然应该看看其他人网站的表现如何，分析他在哪些方面比我们做得更好（用户体验，视觉效果和信息表达都是可能的），并考虑组合网站的实际情况已集成到设计中，并且控制了变量以进行效果测试。选择转换效果好的版本上线。只有对自己的网站持批判态度，它才能被时代所抛弃。