导语：TMS（运输管理系统）是一个物流运输平台，它是供应链管理系统（SCM）的一部分。广义的TMS平台涉及面较广，不同企业的业务模式不一样。本文所探讨的TMS是具有实际运营能力的第三方物流运营平台，它主要是一种通过技术的手段整合社会物流信息，优化配置物流资源，帮助货主降低物流成本并提供管理运输业务。下面从业务描述、系统架构和功能模块三个方面作一个简单的分析，一方面是梳理业务的作业场景，另一方面宏观认识产品的整体框架，分析具体功能解决的问题点。
通常来说，整个运输阶段分为三个阶段来完成：
货主提出运输需求，建立任务订单推给运营方。
客户下订单的方式有很多，比如电话、邮件、发信息、TMS系统、其他平台等。提出的任务需求，也称客户订单，它是货主和运营方的交互凭证，承担着需求描述、运单跟踪、应收结算等功能。
货主订单主要包含4方面的信息，收发货地信息、货物信息、用车信息、增值服务。
运营方按照一定的运输规则处理，做这个规则处理的过程，一般称之为计划，计划的形式有多种，主要有拼单、拆单、规划线路图、地图合单等，然后再将计划好的这个订单分派给合适的承运方。
最常见的手段是拼单，又称零担运输。将多个货主订单合并拼成一个派车订单，一般规则的处理条件有：订单量、装载能力、价格、路线、发货时间、收货时间等。
计划的手段除零担集货外，还有大单拆分、长单分段等，主要目的来达到成本分摊的作用。计划的手段有智能计算，和人工处理+半自动计算。
承运方接受订单，并将订单分配给司机，由司机执行完成运输任务，这个阶段又称之为调度。运营方将计划的订单分配给承运方，生成最终的运输订单，它是运营方同下游承运方的唯一标识，这个凭证会关联到订单的跟踪监控和应付结算等功能。
基础资料的建立，对TMS的需求任务单和调度非常重要，只有建立了合作关系，才能在客户需求订单上选择到正确（有合作关系）的客户，在计划调度的时候才能匹配到正确（有合作关系）的承运方。
录入货主、承运方的信息，以便于后期订单的生成， 这些信息的维护可以保证每个订单都有归属客户，方便订单的管理。
1）货主管理
客户资料会有专门的CRM维护。
2）承运方管理
有承运商、自营车辆和2C车主三种。 2C车主，个人司机管理模块，没有合作关系。个体司机加入平台，需要进行注册认证，只有认证通过后才能给这些司机派发运输订单。
司机的信息维护除了注册认证外，还有在平台的所有活动数据记录等。和承运方相比，此前不需要有固定的协议合同，相当于临时工的概念。
3）用户管理
运营方用户之间建立的合作权限关系。
在第一阶段，货主提出用车需求。需求订单信息包括收发货人信息、货物信息、用车信息和增值服务，详细描述在上面的「业务描述」中有说明。具体到TMS系统中，这里不但只是货主的信息录入，它还包括收发货人信息关联、地图定位、里程预估、上下游价格等。
客户订单它是货主和运营方的唯一标识，货主的订单状态有，待计划、待调度、已调度、等待提货，取货中、运输中、已完成等多个状态。
客户需求订单创建成功以后，就开始进入到运输业务的第二阶段，运营根据一定的规则处理，将订单进行自营车辆运输、派送给承运方或者转给2C车主，这边的基本流程为：
1）审单
TMS系统对客户的需求订单做分析，分析出有问题的订单，比如信息填写不完整、地址解析错误等。
2）计划
计划和调度是运输业务的第二个阶段，它关系到整个运输的最终成本控制，是整个运输过程最重要的核心组成部分。
计划的目的，是为了解决时效优先还是成本优先，更多的作业场景是在这两者间作一个平衡处理。运营方作计划的规则处理，会受到以下3个条件约束：
常见的计划优化手段有：装载优化、路线优化。 运输计划的方式有很多，总之在满足时效的同时，成本最低是计划的主要目的，主要手段有三种：
关于城配：
考虑到TMS中订单量大、位置信息较为复杂，纯人力计划效率低，有时不能够满足客户的需求。
所以一些企业会根据订单结合计划承运方作出进一步的优化「智能调度」，利用算法围绕货物、车、路线、时间合理规划策略，实现最优资源的分配方案，完成最终的运输工作。
3）调度
把计划的订单进行派发给相应的承运方，这个过程称之调度。派发的渠道有三个，分别是自营、合作承运商和2C车主。
承运方接单后，会将调度的信息同步到WMS，包含车辆提货时间、运送车型等。告知到仓库的目的 ，可以让仓库可以提前备货，节省提货时间。下面所说比价计价模式，就是在调度的时候，根据各个承运方给出的报价，会选择合适的、性价比高的承运方。
4）跟踪
订单跟踪是运输业务的第三个阶段，承运方已经开始执行配送任务，实时跟踪订单状态，并将状态信息回传给运营方和货主。实时获取订单的当前状态，比如位置信息、货物的温度等，也方便平台管理司机，以保障订单任务的顺利完成。
提货：
跟踪监控：
签收：
中转站：
5）回单
一种发货的凭证，证明对方已收到货，也是最终货主结算的凭证。
收货方签收订单后，司机需要上传回单并更改状态完结订单，考虑到线下是作业，回单的照片清晰、其他敏感信息等原因外，运营方需要再次确认后将回单再返回给货主。
回单也分电子回单和纸质回单，电子回单：大部分情况下都采用这种，司机将签收方的订单，拍照上传即可；纸质回单，需要将回单寄回给货主，当然回单还是会扫描记录到TMS系统中。
在客户订单签收之前，都可以上报异常，上报异常需要对异常情况进行详细说明，比如货损损坏情况，进而进行协调处理，界定赔偿责任等。
上报异常的渠道可以通过电话联系运营方，由运营方的客服部门进行对接，异常订单也会进入到TMS异常管理中，并对异常进行记录、处理、跟踪工作。比如上述所说签收方在签收的同时发现问题，也可进行异常上报。
根据不同需求维护不同的价格模板，方便使用和管理。上游价格模板，对商家进行收款的计价规则； 下游价格模板，对承运方进行付款的计价规则。
根据制定好的价格模板，规定价格模板的应用条件。对符合该条件的商家套用模板进行计算，价格模板的调用可以从不同维度，比如：线路、商家、货物类型等。不管下游承运商，还是上游的货主，不同的客户都会应用不同的报价模板。
在结算管理中，对生成的订单费用进行审核，实际业务的变动对最终账单核算也会有调整，审核无误后生成最终的账单，然后由财务人员对照账单进行上下游的收款和付款。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
文章来源：人人都是产品经理 作者：亦果儿
用户的体验感对于一个产品来说，是至关重要的。一个好的产品能够充分照顾到用户的感受，从而拥有大批的忠实用户。用户体验地图是帮助产品设计者站在用户维度思考体验优化，提升用户体验的重要工具。
那么，应该如何打造用户体验地图及如何落地呢？我们在本文给出了解答。（本文对用户调研、用户行为路径、使用场景等也做出了详细解析）
它以可视化的形式，来表现一个用户使用产品或接受服务的体验情况，来发现用户在整个体验过程中的问题点与情绪点，从中提取出产品的优化点。
对于1-∞的产品来说，用户体验地图是用户增长策略的一部分，是产品优化的重要工具。
用户体验地图一般由以下几个部分组成：
用户体验地图的组成部分大同小异，可以根据自身分析内容增加或简化。小伙伴可以保存这张空白模板，直接拿去填内容哦~
我们给出了简洁明了的回答：
背靠着中国铁路总局，12306在基础票务预订服务上有着得天独厚的优势，但基于用户日益增加的多样化需求，以及越来越多的用户愿意为优质体验买单，竞争激烈的OTA们日益精进，与官方12306形成鲜明对比，本次优化就围绕12306流失最多的年轻用户群体展开。
本文以12306为例，主要针对购票流程（核心功能），提升交互易用性和用户体验，演示用户体验地图如何落地。首先我们来看一下用户体验地图的原型模板。
（上图建议保存）
根据地图原型的ABC区域，分别对应着A区的用户特征与需求，B区是用户行为、思考、情绪，以及C区的总结分析。A区+B区得出C区，A和B都基于用户，所以，了解用户——是梳理用户使用问题的基础和第一步。
经过我们团队的经验总结，得到绘制前的流程步骤如下图，下文会拆分步骤一一讲解。
体验地图的“用户”不是主观脑补出来的，而是通过定性调研和基于数据支撑所得出的，所以收集用户的信息是十分必要的。
以下我们通过用户群体数据和问卷调研数据（包括用户画像）来确定用户模型。
本文根据以上数据，仅锁定一线城市的主要用户群体，也就是高线年轻人群的购票流程优化。
笼统的“对某类用户使用产品的情况调研”是无法提供有价值的调研内容的，调研目的一定是颗粒度可细化的存在。
12306平台的下单耗时长，年轻用户流失率上升，对官方软件槽点颇多，品牌影响较为负面。本次调研，主要针对年轻用户在平台的购票路径，分析该用户群体，在下单过程中的操作节点与关注点，探索用户流失与差评的原因。
我们把社会属性相关的样本数据按不同维度归类，划分用户人群。比如按年龄、行业、职位等维度的典型特征，可以将12306APP的主要用户划分为：在校学生、企业白领、自由职业。
再加以问卷结果描述，得到了高线年轻产品使用者的虚拟画像。
在列问卷内容时，要注意12306是火车购票工具类软件，用户目的明确——刚性需求，所以问卷无需过多挖掘需求，而是锁定调研目的，研究APP体验本身，精准投放颗粒度较细的具体问题。如下：
团队花了2天时间，总共发了335份问卷，回收率80%，拿到了268份。图表较多就不详细展示过程了，重在方法。
根据统计结果，我们最终总结出了下列重点问卷结论：
把这些痛点、满意点，包括用户实际接触的界面或功能模块，都归纳记录下来，方便后续将这些痛点进行优化改进。
保存以上部分的相关数据和结论，我们已经了解了用户（进入角色），接下来要确定用户体验场景了（模拟人生）。
在做使用场景前，先通过产品设计者视角梳理出产品目前的用户行为路径，这个步骤的主要目的是找出复杂节点，降低操作成本。
它需要我们对操作流程进行拆解，将一个流程拆解成几个阶段，阶段又可以拆解成具体的操作节点。这样一来，我们可以分析每个动作节点存在的必要性。
根据上图的4步法，第一步——我们在确认主流程的情况下，罗列所有操作节点：
一定不能怕麻烦，用户所有的动作节点都要罗列。
然后我们要找出复杂的操作节点，也就是可以优化用户操作的节点，当然也不能主观地“我觉得”，用交互量化的方法可以快速帮助我们找到问题点：
1. 把每个操作交互定一个数值，即为操作成本。越是高阶越是隐藏的交互手势越复杂，所谓的“交互成本”也越高。这里我们规则为：
2. 通过简单的加减计算，就可以直观地看到复杂节点在哪里。
3. 通过计算，我们能够直观地看到用户操作最繁杂的部分集中于“选择站点城市”“车次查询”“选择乘车人”这三个操作流程中。此时，重新审视这几项繁杂操作节点，让用户在更少的步骤内完成操作是我们的目标，能一次点击完成的操作绝不让用户点击两次。
4.降低操作成本，可以从2个方面入手优化：对于复杂的节点，降低操作难度，用简单的操作替换复杂的；对于可有可无的节点，大胆地删除，减少操作步骤。
（由于精力有限，这块内容暂时不过多展开，因为还涉及很多知识点，以后慢慢讲解。当然，感兴趣的同学也可以自行查找资料，或在文章下方评论交流哦~）
明确了目标用户后，接下来需要我们发挥共情能力，代入用户视角走查产品。
从“带着需求”来（我要买车票），到“完成目标”（买到票）走的核心场景路径，梳理出来粗颗粒度的故事场景 。
【举个栗子】：
场景的梳理，先从颗粒度大的骨干场景出发，举个栗子：假如我们起床到公司这个场景，可以回想一下，在整个过程中我们经历了哪些大的阶段？
——经历了：起床—洗漱—出门—路上—到达。
基于大的阶段，我们可以继续拆分出颗粒度较小的二级故事场景，比如“洗漱”还可以拆解：换衣服—刷牙—洗脸—梳头。
拿到实例中，12306的购票流程是：查询车次—筛选车次—填写乘车信息—提交订单付款—买到票了
切忌在使用场景时流程颗粒度过细，忽略用户使用目的。
【加餐知识点】
这里先讲解一下，场景设计主要分为2类：一是挖掘需求，挖掘用户使用目的及动机；二是研究需求，在已有需求上深入研究和优化。
12306是从1-∞的出行工具类产品，用户的使用目的非常明确——买车票，因此使用场景一定是围绕【研究需求】展开。
运用4W1H场景分析法，我们得到用户使用场景：
在已经了解用户和确认了用户使用场景的基础上，根据以上得到的结论和机会点等资料，开始绘制用户体验地图。
文章开头拆解的组成内容还记得吗？
现在召集团队不同岗位的人员，共同努力填补网格空白处。最好从上到下从左到右开始，不用强求全部填满，因为用户体验地图并不是一锤定音的，它是不断分析和反复更新迭代的。
我们得到了用户体验地图成品：
用户体验地图是产品用户增长的策略工具之一，绘制完成后根据地图针对用户体验情绪与机会点探索解决方案。
绘制好体验地图后，工作并没有结束，还有2项重要的工作：
优化机会点：展开头脑风暴，讨论是否能有最佳方案，来满足用户的目标，提升用户满意度、优化体验
安排后续工作：按照情绪曲线、机会点价值大小，梳理优先级，安排后续工作
然后根据用户体验地图，按照用户情绪的低（解决痛点）、高（放大爽点）、中（思考分析），分别探索优化。
把所有问题点按照上述分类，首先解决用户情绪最焦虑的痛点问题，其次思考是否能把情绪高点继续优化到极致，让用户更嗨，而用户情绪平缓的地方，要研究分析，继续思考优化空间。
· 中转功能操作繁琐，推荐方案不够智能——减少交互步骤+增加智能方案推荐
· 视觉层级冗杂、票价信息不直观——F型分析法优化+增加票价显示
· 列表页排序算法升级（与产品开发相关，不做案例展示）
我们增加了智能方案推荐，并把中转车次与直达车次划在同一页面，优先展示直达车次。极大地增加了用户操作的易用性，可直观对比，减少页面跳转和加载等待时间。
通过多稿权重对比，在信息层级、功能突显和视觉样式中，择优选择了最终稿。
复杂节点降低操作成本，切换动效能直观看出阅读效率和易用性的提高。
通过F型视觉模型和十字交叉法梳理了信息层级，极大的提高了阅读效率。
日期选择由展开点按切换改为滑动切换，提高屏幕利用率的同时，更方便用户操作。
——情感化设计，魅力型功能，让嗨点更嗨。
情绪中线以下，都有优化空间。比如，
添加乘车人操作重复、耽误抢票——默认常用已选+页内抽屉拉起
筛选功能视觉较弱、触点易错——增加视觉识别与触点面积
……
这是一部分可以不断思考打磨的空间，虽然紧要程度低于用户情绪低点，但是花时间将产品从满足80%的用户到满足99%的用户，即使在大多数人看来是一种性价比很低的行为，但却是提升用户体验的绝佳方式。这也是大厂产品体验良好的原因。
文章有点长，感谢阅读。下面概括了一些文中的方法论知识点，方便读者回顾。
市面上有很多关于产品体验地图的文章，但多数是基于已有产品的劣势去直接绘制地图，绘制地图并不是目的，绘制好体验地图之后怎么分析优化才是目的，用户体验地图本身只是一个可视化工具。我们努力去剖析过程、记录方法论，希望初学者能够知其然并知其所以然。
文章来源：站酷 作者：挖设
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
CDEC中国数字智能生态大会的前身为中国软件渠道大会，至今已经走到第十四届。覆盖20座城市，汇聚10000+优秀厂商、5000+渠道商，覆盖行业人群500000+，100+媒体深度报道，100+业界KOL参与演讲，促成合作数千家，大会发布权威研究报告《企业服务生态发展状况研究报告》十多本，打通企业数字化转型服务最后一公里。
2021年我们重新定义了CDEC的品牌视觉形象，以适应中国数字智能生态大会的全新定位。
文章来源：站酷 作者：许静工作室
Web前端基础：
Web前端工具：
jQuery是一个JavaScript函数库。jQuery是一个轻量级的"写的少，做的多"的JavaScript库。 jQuery库包含以下功能:
提示: 除此之外，jQuery还提供了大量的插件。
目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架，而且提供了大量的扩展。
jQuery版本有很多，分为1.x 2.x 3.x
1.x版本:能够兼容IE678浏览器
2.x版本:不兼容IE678浏览器
1.x和2.x版本jquery都不再更新版本了，现在只更新3.x版本。 3.x版本:不兼容IE678，更加的精简(在国内不流行，因为国内使用jQuery的主要目的就是兼容IE678)
国内多数网站还在使用1.x的版本
该总结中所用版本为1.1的版本
jQuery有两个版本:
生成环境使用的和开发测试环境使用的。
Production version - 用于实际的网站中，已被精简和压缩。
Development version - 用于测试和开发(未压缩，是可读的代码)
以上两个版本都可以从 jquery.com 中下载。
这里给个国内的下载地址：
JQuery 下载
jQuery 库是一个 JavaScript 文件，我们可以直接在 HTML页面中通过script 标签引用它，跟引用自己的 外部JavaScript脚本文件一样的语法。
//将第一步中下载好的jQuery资源包进行解压，然后就可以饮用解压好的.js文件 <head> <script src="jquery-1.11.1.js"></script> </head>了。
jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作(actions)
$(selector).action() 说明:美元符号定义 jQuery 选择符(selector)"查询"和"查找" HTML 元素
jQuery 的 action() 执行对元素的操作
文档就绪事件，实际就是文件加载事件。
这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。
如果在文档没有完全加载之前就运行函数，操作可能失败。 所以我们尽可能将所有的操作都在文档加载完毕之后实现。
写法一：
$(function(){ // 开始写 jQuery 代码... });
写法二：
$(document).ready(function(){ // 开始写 jQuery 代码... });
jQuery的ready方法与JavaScript中的onload相似，但是也有区别 :
| 区别 | window.onload | $(document).ready() |
|---|---|---|
| 执行次数 | 只能执行一次，如果执行第二次，第一次的执行会被覆盖 | 可用执行多次，不会覆盖之前的执行 |
| 执行时机 | 必须等待网易全部加载挖完毕(包括图片等)，然后再执行包裹的代码 | 只需要等待网页中的DOM结果加载完 毕就可以执行包裹的代码 |
| 简写方式 | 无 | $(function(){ }); |
jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。
jQuery 中所有选择器都以美元符号开头:$()。
Query 元素选择器基于元素/标签名选取元素。
语法:$("标签名称")
<div>div1</div> <div>div2</div> <div>div3</div> <script type="text/javascript" src="js/jquery-1.11.1.js" > <script> //文档就绪事件: $(document).ready(function(){ //编写jQuery }); $(function(){ //1、标签选择器: //获取所有的div元素(集合) var divList=$("div"); console.log(divList);//jQuery的对象 console.log(divList.length); for(var i=0;i<divList.length;i++){ console.log(divList[i]);//js的对象 //将js对象转换为jQuery的对象 console.log($(divList[i])); } }); </script>
jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。
页面中元素的 id 应该是唯一的，所以在页面中选取唯一的元素需要通过 #id 选择器。
通过 id 选取元素语法如下:
$("#p1")
jQuery 类选择器可以通过指定的 class 查找元素
$(".mydiv")
匹配所有元素
$("*")
将每一个选择器匹配到的元素合并后一起返回
$("div,ul,li,.mydiv")
在给定的祖先元素下匹配所有的后代元素
$("form input"
在给定的父元素下匹配所有的子元素
$("form > input")
匹配所有紧接在 prev 元素后的 next 元素
$("label + input")
匹配 prev 元素之后的所有 siblings 元素
$("form ~ input")
页面对不同访问者的响应叫做事件
事件处理程序指的是当 HTML 中发生某些事件时所调用的方法
| 鼠标事件 | 键盘事件 | 事件 | 文档/窗口事件 |
|---|---|---|---|
| click | keydown | submit | load |
| dblclick | keyup | change | |
| mouseover | focus | ||
| mouseout | blur | ||
| hover |
在 jQuery 中，大多数 DOM 事件都有一个等效的 jQuery 方法
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
大屏可视化界面设计可谓是当今行业、企业发展的见证，生动直观地再现了行业、企业的全貌。不仅作为展示，方便了解、监督；同时可以作为一个有效的管理平台，带来效益。大屏界面面向范围广，协同性好，易于被采用。下面几个大屏的界面设计，沉稳的背景上，加上亮色作为点缀和强调。既不失其风格，又富有灵动性。
接下来为大家分享精美的大屏 UI设计案例：
蓝蓝设计(北京兰亭妙微科技有限公司）是一家专注而深入的UI设计公司，公司对UI设计的追求一向很高，致力于为卓越的国内外企业提供卓越的手机 ui设计、软件界面设计、网站设计，用户研究、交互设计等服务。
图片均来源于网络）
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
更多精彩文章：
大数据可视化界面设计赏析（一）
大数据可视化界面设计赏析（二）
大数据可视化界面设计赏析（五）
这篇文章主要分享怎么做一套毛玻璃拟态图标，以及在这基础上如何发散创意。带着这个想法，我开始逛“避寒寺”和“追波”，找可以参考的作品。这套作品我挺喜欢的，作者还做出了 3D 视角的。
先分析一下图标的结构。图标有三层：底部几何色块、毛玻璃主造型，带有含义的白色图形。
再分析俯视角度时图标的表现，方便用工具表现。
最后是颜色的归纳。作者用了饱和度非常高的颜色，基本都在右上角最尖尖的位置。
分析完以后可以开始临摹了…因为造型比较简单，我没有临摹，直接创意发散做了另一套。选主题的时候我随便开了个 APP（当时打开的是微博），觉得个人中心的快捷入口图标主题可以拿来试试。我选了深色作为背景，所以这套图标用到界面会比较难适配，和原 APP 风格也不符合。在这里单纯利用主题来做练习。
做底部的几何色块时，形状可以尽量跟主图形相关性大一些，加强它们之间的关联性，如果实在没法关联的也不必勉强。
我降低了几何色块的面积，增加了多一层毛玻璃形状层，并且让白色的图形更灵活，而不是雕刻在毛玻璃层上。这是我理解了原作者图标的结构之后，自己进行的改变，效果还行。
做的过程中，发现草稿箱如果里面放一张白色的卡纸，视觉效果还不错，所以我又做了另一种效果。最终呈现出来的效果只有草稿箱比较出彩，其它很牵强。
拿「照片」这个图标来进行拆分，参数分别如下：
这是最后呈现的效果：
封面图参考了小米的屏保。我用 sketch 做的，效果一般，可能用 ps 做会更逼真吧。
临摹一套图标的时候，要带着目的去临摹，分析原作者每一步的处理。然后把图标拆分成不同的变量，修改这些变量的时候或许会得到不错的想法。
文章来源：优设网 作者：牙线y2x
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
作者 新手如何做seo · 来源 新手怎么做seo
文章主路径如下：
这组图标非常有活力和创意，色彩很活泼，原作者是菜心。我也常用微渐变来做图标，但是没有尝试过加上描边，并且这种强烈的对比色也在我习惯用色外。临摹这组图标可以突破我的用色习惯。
我们先逐步拆分，再进行总结。
第一步，分析原作品的结构。
图标可以拆分为线、面和小元素。我在 sketch 做的，形状的线面转换比较简单。线跟面的图层要分开，因为面图层带有反光，而线图层没有。
第二步，确定光源的方向。
从作者的表现来看，光源在左上角，因此所有的图标应该遵循同一光源方向的原则。光源的表现会因为材质的不同而不同。比如「LIKE 灯牌」带有自发光、「铃铛」带有高光。所有物体的反光比受光面要亮一点，让人感觉很通透。
第三步，分析原作的颜色。
不要吸色，先自己调色。刚开始会有点难，但是这种练习会帮助我们提高眼睛辨色的能力，提高色感。对比自己和原作的颜色，发现我调色不够准确，没有做到不同颜色饱和度一致，渐变色跳跃比较大。这表示我还没有理解原作的用色，后续临摹的时候需要修正。
第四步，总结作者的设计语言。
分析完以后开始临摹。
先说一下体量感的问题，因为有很多设计师在做图标的时候会忽略这一点。常见的方法是拿图标框来限定，但是问题又来了，有的人限定得太死板，不会根据实际情况来微调。针对这种情况，可以拿别人的整套图标作品做反推，在临摹的时候，留意别人对体量感的把握。
定义了大概的体量之后，我会观察图标大致的形状和角度，凭印象先把造型做出来。过程中没有把原作品放在旁边，最多在忘记的时候去看一眼。这样做的好处是，可以发现自己观察的时候漏了什么（这个方法是跟菜心学的）。下图就是第一次临摹的草稿，orz…铃铛最不好画了。
拿着草稿来对比原图，把自己错漏的地方找出来。
统计错漏的地方，重新调整图标，达到 90%以上的相似度后，给图标上色。
做完这一步后，大概理解了作者做这套图标时的逻辑以及方法。我们可以开始做半原创的设计，在原作的基础上延展几个图标。我选择电商主题的「充值、签到 、赚钱、砍价」这四个图标来做。
我们先找参考素材。不管画图标、做界面，还是画插画，学会找参考非常重要。参考不是照抄，而是给我们提供灵感来源，切记不要凭空想象。有一天，团队的设计师跟我说她不会画衣服的褶皱，画起来总是怪怪的。我叫她上网找相似衣服的图片，看一下别人的褶皱和光影，她就茅塞顿开了。因为她总是用“原创”局限自己，没有找实物参考。
原创绝不是凭空想象，而是有源设计的融合。
结合作者的设计语言做延展图标，放在原作里面也不违和的话，就成功一大半啦。
接下来是原创时间～我们将作者的设计语言其中一些变量改变，会得出不同的结果。
文章来源：优设网 作者：牙线y2x
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
编辑导读：内容生态产品，连接着两方，一方是内容创作者，一方是消费内容的用户。如何建立运行机制，让平台健康自由成长是每个平台建设方头疼的问题。本文作者对此发表了自己的看法，与你分享。
写这篇文章是源于我之前的工作，之前的工作是做内容生态方向的产品。那时候我们天天把“生态”这个词挂嘴边，虽然每天都有工作做，也很忙，但是却很少静下心来想想内容生态是什么，去描绘它的样子。
最近看了一本书《简读中国史》，书中讲到当年英国、法国、西班牙这三个强国，其实刚开始英国并不是最强大的，英国的崛起有几个重要因素，其中非常重要的一点就是国会制度，不像我国古代似的，皇帝一人说了算。英国的国会制度，让国家有了很高的信任度，虽然没钱，但是有了借钱能力，这样使其在扩张的时候有了很大的财力支持，最终成了欧洲最强的国家。
在做内容生态产品这件事上，给我的一个启发是作为平台建设方，很重要的一点也是建立机制，建立一套运行规则，让平台自由健康生长。
一个内容平台，连接着两方，一方是内容创作者，一方是消费内容的用户。当然这两个角色也很有可能是同一个人。
首先要做的基础工作就是建立账号体系，这是任何一个平台最基础的工作，创作者要有身份。
既然是内容产品，自然就要有内容来源的通道，提供创作工具，让用户提供内容。例如抖音的剪映，快手的快影，包括荔枝和喜马拉雅都推出了自家的创作工具。所有的内容产品都在搭建自己的创作平台，从战略上来讲，这是必做的一环，主要负责内容的引入。谁也不愿说在内容的源头不占据主动作用。
创作工具也可以单独作为一个工具存在，把功能和体验做好一点，在这个环节，需要做的就是工具的多样性和易用性，多是一些体验层面的东西。而给自家平台导内容就是一件自然而然的事情了。
基础工作中，还有很重要的一点就是给创作者反馈。当创作者把内容放到你这里，产生了什么效果应该告诉他们。不仅平台自己关心内容的效果，创作者也很关心，而且越详细越好，便于他们对自己的内容进行分析。之前我接触过有的产品不太重视这一环节，其实你真正了解就会发现，很多创作者他们都很专业，他们非常关心自己作品的数据，也会根据数据去调整自己的创作方向。
现在内容平台之间竞争激烈，无论是上游的创作工具，还是内容的反馈和数据分析这些创作者服务，都已经成最基本功能了。
有了身份，有了内容来源的入口，我们就要为内容源源不断的流入做准备了。
因为流入的内容肯定有好有坏，所以我们要对内容进行分级。关于内容评级的方式，主要有两种：一种是内容自身的数据，如播放量，分享数等，根据这些数据来判定一个内容的等级；第二是通过一些技术手段对内容进行提炼，判断其内容质量，也会根据里面的主要内容做推荐。这两种方式都是比较机械化的，而内容是有温度，有情感的，判定内容的优劣还有一些不确定因素。所以我们也要增加人为因素，提供一些方式让运营人员人工筛选，发现新来的好内容，好作者。
内容分级后，间接的我们对创作者也相应的分出等级了。对于好的创作者，平台通常都会主动建立联系，维持好关系。而对于普通的生产者，可能就采取放任不管的态度。合规的基础之上，随意玩，但是不给你曝光机会。说白了，即使内容不好，也不至于溅起大的浪花。
时间长了，平台心中会逐步会有一杆秤，对内容的优劣有个判别。建立一套标准，至于说谁能胜出，关键的还是看内容自己，作者自己。至于说平台是否要强制干预，自己完全有主动权。
内容优劣，创作者等级，奖励的程度，这三者关联性很大，呈正比例关系。
在给予创作者的奖励方面，最主要的做法有两个，一个是流量的扶持，一个是金钱的奖励。
什么等级的内容该推到什么位置，展示多长时间，需要定义一个标准。毕竟推荐位是有限的，平台对于推荐位的权重心里也要有杆秤。现在很多家平台，在用户端的流量渠道都不只一个，这就涉及到更复杂的内容分发问题，把什么样的内容分发给哪个渠道，哪个用户，这也需要制定规则。
流量是最基本的，但只是靠着流量已经难以俘获作者的心了，特别是在一个竞争激烈的内容领域。对于大牌的创作者，很多平台都推出了物质奖励。内容达到什么程度，给予多少物质回报，平台也需要制定一个奖励制度。
说到物质奖励，如果只是平台自掏腰包的话，不可持续发展。最健康的生态的就是建立一个利用内容赚钱的机制，比如广告，内容吸引了流量，然后平台在内容中植入广告，赚了钱大家一起分。这样一来给创作者的钱，并不是平台掏的，来自于广告商。也是一个非常传统，使用非常广泛的商业模式。
这还不够，单纯靠着广告的话，估计大多数创作者的收益都不如预期，所以现在很多平台也把电商加入其中，给作者提供了直播带货的工具。
说到底，创作者的钱都是自己赚的，平台开发了功能，提供了土壤，也能从中享受分成。这个思路总的来说就一点，给创作者提供更多自身可创造收益的工具，包括打赏、虚拟礼物等。设计更多酷炫的虚拟礼物，用户通过视觉上的愉悦来给自己喜欢的创作者送礼物。
除此之外，有的平台还会做一套成长体系，一切都来源于的内容，一切的判断标准也都依赖于内容。不同的内容数据，累计不同的积分，不同的积分代表不同的等级，不同的等级又代表着权益不同。而权益跟奖励又是挂钩的，建立这样一个关系链条，只有这样用户才会有动力去升级。其实这个工作主要也是对创作者进行分层，平台的运营者毕竟不可能服务好每个创作者。通过这种方式，一来对创作者进行筛选，第二也是彼此建立信任的一个过程。我们都会关注内容风险，有了信任之后才放心把更多功能开放给创作者。
有了内容源，有了分发规则，有了判定标准，有了奖励，这样一个内容产品基础的循环就算有了。
为了更好的服务创作者，平台还要扮演一个导师的作用，给创作者做指导，撰写攻略分享给创作者。主要分三方面：一是产品功能的使用；二是如何把内容写好；三是传授一些运营知识。定期搞一些活动，激励用户生产内容的积极性，平台要与用户共同成长。
再往深了说，平台要继续提高竞争门槛。帮着用户保护他们的内容不被侵犯，如果被侵犯了能够及时的告诉他们。更激进的方式是跟他们签约，建立一个法律上的合作关系和约束力，这样对于创作者以后继续给你内容提供了法律上的保障。
上面所说的这些，到今天为止仍然是所有内容平台都会做的，任何一个新的内容诞生还是沿着这条路线发展。做了这么多年内容产品，我一直希望搭建一个可持续、健康的内容生态。平台作为规则的制定者，少一些人为干预。
平台还要做的很重要的一件事，就是建立内容与用户之间的通道。归纳总结内容到达用户的路径有3个：一个是官方的推荐；一个是个性化推荐；还有一个是用户与内容的订阅关系，与作者的关注关系。
理想情况下，如果把内容生态搭建好了，等着自由循环就可以。但对于创作者而言，最看重的就是粉丝，有了粉丝，即使没有平台的流量支持，内容也会有数据。而任何一个内容产品，如果没有粉丝关注这个关系，那创作者的角色都会比较被动，没有安全感。
从现实的角度讲，创作者的创作动力本身是基于兴趣和个人的能力，但是时间长了，大家的驱动力也会参杂一些利息因素。而单纯靠着平台基于内容给予的奖励或者是说平台插入广告的分成，并不能让创作者满意，或者说这个量级还是太少了。如果内容是广告的话，平台肯定是不会给予推荐的，所以最后只能通过这个关注关系来传播。虽然作为平台不希望有广告，但想要创作者有持续创作的动力，需要给予创作者一定的空间。
上面说的是产品功能，可功能谁都会做，关键还是看谁做出来的有效。有的平台，创作者尽管有十几万粉丝，但是发布的内容却没有人看，主要原因还是用户的活跃度不行。平台需要从用户这一端想办法提高其活跃度，要不然创作者的热情就会减退，搭建的这个机制也没法很好的运行起来。
可提高活跃度又谈何容易，说到更深层次的原因，跟平台本身内容的类型和媒介有很大关系。有的内容虽然有价值，但是用户的接收门槛比较高，用户主动去接触内容的动力自然不足，这种情况下想去提高用户活跃度势必会非常困难。
对于创作者而言，不同平台的价值也是不一样的。有的平台创作内容的成本很高，但是效果却很差，但有的平台创作成本比较低，却能收到不错的效果。差异之大，跟平台自身的定位和覆盖的用户群有关，前者决定了内容的衡量标准，后者决定了内容的用户接受程度。
很无奈，用时下流行的一个词来说，这就是赛道不同造成的优劣势吧。
现在的内容平台也有媒介之分，像B站和抖音是以视频为主，喜马拉雅主要是音频，今日头条是所有媒介都有的综合平台。
媒介的一个很重要的影响就是，不同的媒介覆盖的用户群体不一样，视频＞音频＞图文。今天我们看以视频为主的，不管是爱奇艺、腾讯视频还是抖音，日活都是上亿规模，而在音频领域，即使喜马拉雅这样的行业领头羊，日活数据也比视频平台低了好几倍。两者完全不是一个量级，单纯做图文产品的日活就更小了。
一个音频产品怎么去超过一个视频产品的用户呢？其实我觉得没必要，各自安好，但是有的单一媒介产品有这样的梦想，做内容的，本来赚钱就难，用户量少的话，吃饭更困难。
从内容源头上来说，不同媒介的内容可能都来自于一个创作者，创作者可以把同样的内容写成文章，录制成音频，也可以制作成视频，放到不同的平台上传播。内容的本质没变，只是媒介形式变了而已。
然后这个问题就变成了平台对于创作者的吸引力，哪种媒介平台对于创作者更有吸引力？虽然说创作者可以把内容制作成不同的媒介，但这是有成本的，看创作者的动力。再探究，到头来还是得看内容生态的规模，用户量，内容数据，服务，收益的方式和数量，关注这几个方面。
这几年，我平时也有写一些文章，放到一些垂直类的内容平台。感叹一点，一些垂直领域的内容平台，本身用户量很少，内容又无法直接收费，平台的营收又比较困难，所以在吸引创作者方面非常尴尬。给予的东西吸引力非常弱，如果在同行业还有竞争对手，且不说能不能发展成功，速度一定是非常慢的。
蓝蓝 http://www.lanlanwork.com