&figure&&img src=&https://pic3.zhimg.com/v2-a3bab4e42ad070ceb222263_b.jpg& data-rawwidth=&1999& data-rawheight=&1247& class=&origin_image zh-lightbox-thumb& width=&1999& data-original=&https://pic3.zhimg.com/v2-a3bab4e42ad070ceb222263_r.jpg&&&/figure&&p&前阵子，社群里在讨论「战略上的勤奋」和「战术上的勤奋」。&/p&&p&有人问我，怎么看待这个问题。&/p&&p&说起来比较复杂。我讲个故事吧。&/p&&p&在我还在数字营销公司的时候，有个朋友，跟我一样做创意。很努力，天天最后一个下班。&/p&&p&有一次，我接了个项目，某汽车品牌，蛮大的客户。他私戳我：&/p&&blockquote&你手头不是挺忙的吗？这个项目事情多不多，要不要我帮忙？&/blockquote&&p&我很诧异 —— 还是第一次看见有人往自己身上揽活。我问他：为什么这么拼？你是工作狂吗？&/p&&p&他倒也直率：&/p&&blockquote&我喜欢创意啊，想在这一行发展，所以想趁现在多积累些项目经验。你这个客户够大，我想多学点东西，积累一些资本。将来跳槽升职都更有底气。&/blockquote&&p&说得好。&/p&&p&没什么好说的，我把他拉了进来。&/p&&p&当时的我是什么状态呢？跟他恰恰相反。我很早就意识到，乙方这一行，会有天花板，始终没法触及太核心的东西，这跟我的成就动机不符合。所以，我不可能在这一行长久干下去，以后一定会转行。&/p&&p&对我来说，多做一个项目，少做一个项目，完全无关紧要 —— 这对我未来的发展并不会有决定性的作用。&/p&&p&所以，我每天都怎么做呢？早早把手头的事情做完，第一个下班，回到家里读书，写作，学新的东西。&/p&&p&说实话，我大学是品牌和传播出身，对心理学完全没有研究。我现在积累的心理学知识，都是那几年，利用下班后的时间，读了几百万字的著作和论文，练出来的。&/p&&p&包括在知乎写东西，也只是在践行我「输入 - 内化 - 输出」的学习观念而已。&/p&&p&后来，我辞了职，跳到互联网公司，与此同时，在自媒体上也有了点名气，开始接一些企业的咨询和培训。&/p&&p&那位哥们呢，升到主创后跳槽，现在听说在某家4A公司做创意总监，过得也蛮不错。&/p&&p&我和他的发展路径迥异，但有一点非常相似 —— &b&我们都非常清楚，自己想要什么。并且在这个基础上，去付出大量的努力来接近目标。&/b&&/p&&p&这就是「战略」。&/p&&p&&b&确定自己想要什么，确定努力的方向，比努力本身更重要。&/b&&/p&&p&&br&&/p&&p&同样是前阵子，社群里有朋友问我：&/p&&blockquote&L先生，我换了新工作，每天都有做不完的事情，九点以后才能下班。感觉自己的生活完全被工作占据了，没有任何时间去自我提升，怎么办？&/blockquote&&p&我告诉她：不要去想着「生活被工作占领」，不要去把工作和生活割裂开来考虑。你应该这样想：&/p&&p&&b&我每天花费的时间，做的这些事情，对我的长远发展来说，有没有正面收益？&/b&&/p&&p&如果有，那么，无论你是在工作，还是在学习，其实，都是在进行自我投资和提升。&/p&&p&举个例子：如果你想培养自己的演讲能力，刚好你的上级，要求你去给销售团队做培训 —— 你会觉得「这是一种负担」吗？&/p&&p&不会的。这简直就是千金难买的实践机会。&/p&&p&所以，不要问「如何看待加班」「薪水太低，怎么办」—— 如果你已经认准了这一行，想在这一行积累经验、快速成长，那适当的加班，较普通的薪水，就是原始积累的代价。&/p&&p&简而言之，对于工作来说，什么是最重要的？&/p&&p&不是薪水，不是工作量，跟自己的长远发展一致，才是最重要的。&/p&&p&但是，万一不一致呢？&/p&&p&很多朋友的生活可能是这样的：做着自己不喜欢的工作，对长远发展也没太大帮助，但每天事情又多，又累人，心力交瘁，下了班什么事都不想干，更别说学习了。&/p&&p&这该怎么办呢？怎样才能从这个怪圈里跳出来呢？&/p&&p&答案也非常简单：&b&拖。&/b&&/p&&p&&br&&/p&&p&是的。&/p&&p&如果你觉得现在的工作没有价值，那就不要太上心。&/p&&p&&b&每天只做最重要的、不得不做的事情，其他事情能拖就拖，拖到它变成「最重要、不得不做」的事情时，再去做。&/b&&/p&&p&省下来的时间做什么呢？当然是自我提升，尽可能去获得成长，争取早点跳出来。&/p&&p&我在前公司的时候，有两位应届生，做着繁琐的运营工作，每天兢兢业业地做推荐，审内容，管后台，填数据，做报表。&/p&&p&有一天实在忍不住了，我找来他们，说：&/p&&p&这份工作就是一个动手的机械活，本来就是给实习生们准备的，让实习生能了解这个行业。你们已经毕业了，这项工作做再久，也体现不出自己的价值，因为根本不需要任何思考。为什么还要一直做下去呢？不考虑换个岗位吗？&/p&&p&当工作跟个人发展不一致时，哪一个比较重要？&/p&&p&当然是……后者啊。&/p&&p&（作为一个老板，含着泪说出了这段话）&/p&&p&那么，在工作中，如何正确、高效、合理地偷懒，为我们节省宝贵的时间呢？&/p&&p&可以参考下面三个技巧。&/p&&p&&br&&/p&&h2&&b&1. 为制约因素松绑 &/b&&/h2&&p&如果让你快速给手头上所有的工作，按优先级排序，你会怎么排？&/p&&p&四象限原则告诉我们：可以把所有工作，按照「重要性」和「紧急度」打分，选出「重要且紧急」的事情，这些就是最需要解决的。&/p&&p&问题在于，紧急性很容易知道，重要性怎么看？&/p&&p&我自己的做法，是把每一项工作，按照&b&「复杂度」&/b&和&b&「困难度」&/b&来进行划分。&/p&&p&这样讲比较抽象，举个例子：&/p&&p&想象一个城市公路网络，四通八达，现在是高峰期，一辆车要从城市一头到另一头，它最有可能堵在哪些地方？&/p&&p&第一个，必然是交通枢纽，就是多条公路交汇的点。&/p&&p&来自四面八方的车，全部挤在这里，这是最容易造成拥堵的地方。&/p&&p&第二个呢？肯定是商业区、学校，这种高人口密集度的场所。&/p&&p&这些地方未必是枢纽，但城市里大多数的人都集中在这里，一到下班或者放学，必然人满为患。&/p&&p&这其实就是「复杂度」和「困难度」。&/p&&p&复杂度，指的是有多少条项目路径，交汇在这个任务。简单来说，就是：如果你不完成，会有多少人需要等你。&/p&&p&这种任务必然是要优先完成的。高复杂度的任务，往往是项目中的关键路径。如果你不完成，影响的不只是你一个人，很可能整个项目都会受波及。&/p&&p&在 TOC 理论中，这样的任务，就称为整个项目的&b&「制约因素」&/b&。我们要做的，就是为它们松绑。&/p&&p&困难度，指的则是，完成这个任务，本身所需要耗费的时间和精力。&/p&&p&为什么要优先完成高困难度的任务呢？非常简单，因为&b&在一个项目中，能够拉开差距的，能够跟竞争对手有所区隔的，不是那些毫无难度的小事，而是这些高困难度的节点。&/b&&/p&&p&这几个节点，做到60分，80分，100分，所体现出来的差距，可能是天差地别。&/p&&p&复杂度和困难度，是对「重要性」的进一步拆分。如下图的部分，往往就是我们工作中，最重要的那部分任务。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-225bdfcfa0c1abc5a44a3eab_b.jpg& data-rawwidth=&1080& data-rawheight=&579& class=&origin_image zh-lightbox-thumb& width=&1080& data-original=&https://pic2.zhimg.com/v2-225bdfcfa0c1abc5a44a3eab_r.jpg&&&/figure&&p&优先把它们做好。&/p&&p&&br&&/p&&h2&&b&2. 让任务交付人「安心」&/b&&/h2&&p&很多朋友可能会说：我也想拖啊，但老板天天催，我有什么办法，只能尽快赶给他……&/p&&p&很多时候，当老板（或者客户）向我们催要工作进度时，他们要的是什么？真的是要我们加班加点尽快做出来吗？&/p&&p&其实未必。&/p&&p&你会发现，即使你加班加点赶出来了，交给他，他多半也不会立刻看 —— 因为还有一堆会议和琐事要处理。很可能，你周一提交的汇报，到了周四他才有进一步的指示给你。&/p&&p&你可能会犯嘀咕：既然如此，那周三交不也行吗？干嘛要一直催？&/p&&p&其实，很多时候，&b&老板催进度，他想要的，只是一种「安心」的感觉。&/b&&/p&&p&他需要确认：&b&整个项目是有进度的，是在进行中的，没有停滞不前，你没有在怠工。&/b&&/p&&p&明白了吧。真正非常赶的任务，是极少数的 —— 如果真的很赶，老板一定会再三跟你确认截止时间，而且这个截止时间通常是当天。&/p&&p&因为，老板也会拖啊。&/p&&p&其他大多数工作，你只需要让他安心就可以了。&/p&&p&如何才能让老板安心呢？&/p&&p&最简单的原则，就是保证，每次汇报时，每次老板问你进度时，&b&你都能讲出新的东西&/b& —— 而不是「还没做完」或者「很快就好」。&/p&&p&这个新的东西，可能是一些小的进展，可能是一些尝试，可能是新的进度，等等。&/p&&p&总而言之，你需要让老板知道的是：项目正在顺利进行，请您放心。&/p&&p&掌握了这一点，你就可以不用再急着赶工了。&/p&&p&&br&&/p&&h2&&b&3. 利用 Deadline，清空大脑&/b&&/h2&&p&很多人的「忙」，其实不是忙于工作，而是忙于烦恼。&/p&&p&烦恼什么呢？今天还有这么多事情没做，明天还有一大堆东西，后天，下周，下下周……感觉自己的未来一片灰暗。&/p&&p&当我们大脑中存放了太多负担，这些负担，就会造成认知盈余 —— 它们会压缩我们的大脑空间，从而影响我们投入工作的精力。&/p&&p&简而言之，这些对未来的担忧，就是我们大脑中的垃圾文件。它们会拖慢大脑的运行速度。&/p&&p&如何处理这个问题呢？&/p&&p&我采用的办法，是采用减法思维，倒推 deadline，并将已经安排的事务清出大脑，以此来掌控自己的思维。&/p&&p&用一个例子来说明。&/p&&p&&b&首先，我会计算出自己每天「能够用于工作」的实际时间。&/b&&/p&&p&这里的时间，是去除了吃饭、通勤、休息、放松，以及偶尔的开小差之后，一切能用于产出的时间。&/p&&p&如何计算呢？建议用记事本或便签，当自己切换状态时，迅速记一下当前时间 —— 比如，打开浏览器看起了网页，记一下；重新回到PPT做方案，再记一下。等等。&/p&&p&通过这样的操作，你就会发现，自己每天实际的工作时间，其实很可能只有3-4个小时。&/p&&p&这就是你「一天」里，真正的有效时间。&/p&&p&&b&然后，当我接到一个任务时，把它放在最晚的开始时间。&/b&&/p&&p&假设我平均每天的有效时间，是 4 小时。现在我接到一个约稿，估测需要 6 小时，而约定的截稿日期是下周三中午 12 点。&/p&&p&下周三中午 12 点，减去 6 小时，刚好是下周二早晨。&/p&&p&那么，我就会把这个约稿，安排到下周二早晨，把它写进 Todo List。&/p&&p&&b&接着，直到这个时间点为止，在此之前，不去想它。&/b&&/p&&p&当到了下周二，起床，我看一下当天的 Todo List，就会知道，有一个优先级非常高的约稿，需要马上着手去做。否则，就会拖延过 deadline。&/p&&p&这就可以保证让自己用最集中的状态，去全力以赴把这个任务做好。&/p&&p&&b&与此同时，这段预定用于解决任务的时间，就被「锁定」了。&/b&&/p&&p&如果我再接到另一个约稿，同样是周三截稿，我就得考虑放到下周一去做 —— 因为下周二已经没有空位了。&/p&&p&就是这么简单。&/p&&p&但这个方法，可以极大地提高你的效率。尤其可以防止你，把大量的时间耗费在忧虑、思索、准备、瞻前顾后上面。&/p&&p&实际上，观察一下自己，你会发现，大量的时间，都浪费在这些边边角角和无谓的情绪波动上 —— 而它们对完成任务来说，是无关紧要的。&/p&&p&你要做的，是等到时机成熟，坐下，全力以赴，开工，完成，一气呵成。&/p&&p&最后补充一点。&/p&&p&如果这项任务有一定难度 —— 比如接到的约稿，主题不太熟悉，没法一气呵成写出来，怎么办？&/p&&p&我会先通读一遍约稿要求，列出几个问题，写成清单，记入手机，在碎片时间里，或者需要转换思维、放松大脑时，用来思考。&/p&&p&然后，等到原定的开始时间（比如下周二早晨），无论得出了什么结论，都停下来，立刻切换成「执行」状态，集中注意力开工。&/p&&p&不要花时间去忧虑、烦恼，也不要一直拖着不做，你要做的是：&b&该思考的时候思考，该执行的时候执行。&/b&严格按照自己的规划来。&/p&&p&能控制自己思维的人，效率都不会太差。&/p&
前阵子，社群里在讨论「战略上的勤奋」和「战术上的勤奋」。有人问我，怎么看待这个问题。说起来比较复杂。我讲个故事吧。在我还在数字营销公司的时候，有个朋友，跟我一样做创意。很努力，天天最后一个下班。有一次，我接了个项目，某汽车品牌，蛮大的客户…
&figure&&img src=&https://pic1.zhimg.com/v2-4e7ccaa99c4dfcb1bd9b_b.jpg& data-rawwidth=&700& data-rawheight=&233& class=&origin_image zh-lightbox-thumb& width=&700& data-original=&https://pic1.zhimg.com/v2-4e7ccaa99c4dfcb1bd9b_r.jpg&&&/figure&&p&在大家的印象中，想要完成漂亮的设计，一定要掌握 PS、AI、Sketch 等专业的做图工具才可以。其实，现在有很多网站可以帮助不会专业设计工具的我们，做出很多很漂亮的设计，完成自己的设计需求。今天，我们就来介绍一下这些网站。&/p&&h2&原型设计&/h2&&h2&&a href=&https://link.zhihu.com/?target=https%3A//studio.design/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&STUDIO&/a&&/h2&&p&STUDIO 是由日本团队开发的一个可以轻松完成手机 App 和网页原型的设计网站。当你注册完账号登录之后，会有很友好的教学指导，告诉你一些简单的操作。STUDIO 可以创建 iPhone App 和 Web 两种设计文档。&/p&&p&STUDIO 内置了图片库、字体库、图标库，并根据你选择的文档格式，提供了 STUDIO STYLE、 Material Design 和 iOS UI Design 等风格的素材控件，只要根据自己的想法将控件拖拽和组合就可以了。&/p&&p&需要注意的是，STUDIO 的设计原则，很类似于 Web 页面的构成，以方形的 Box 容器为基础，每个 Box 容器只能紧挨着一个 Box 容器排列。通过设置不同的 Margin（外边距）和 Padding（内边距）来调整元素的位置，并不是鼠标自由拖拽来控制 Box 的摆放位置。配合上 STUDIO 提供的 7 中 Box 的排序方式和 Box 的嵌套，就可以完成各种各样的设计样式了。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-d63cbf0a3df4dcb3d37158_b.jpg& data-rawwidth=&1120& data-rawheight=&709& class=&origin_image zh-lightbox-thumb& width=&1120& data-original=&https://pic4.zhimg.com/v2-d63cbf0a3df4dcb3d37158_r.jpg&&&/figure&&p&Box 的 7 中排列方式&/p&&p&当你理解了 Box 的概念之后，你就可以很轻松的拖拽出一个心目中理想的 App 设计了。我也随便拖了一个 App 的设计页面，给大家展示一下。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-d9caaaa445659cfe14e3cc6_b.jpg& data-rawwidth=&1120& data-rawheight=&709& class=&origin_image zh-lightbox-thumb& width=&1120& data-original=&https://pic4.zhimg.com/v2-d9caaaa445659cfe14e3cc6_r.jpg&&&/figure&&p&随便拖了一个 App 页面设计&/p&&p&STUDIO 还支持不同页面间的跳转，完成简单的交互原型，当你完成的设计后，可以通过创建链接分享你的设计。&br&&/p&&h2&LOGO 设计&/h2&&h2&&a href=&https://link.zhihu.com/?target=https%3A//www.freelogodesign.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Free Logo Design&/a&是&/h2&&p&&br&&/p&&p&Free Logo Design 是一个可以帮我们进行在线 Logo 设计的网站，登录网站后，输入你想要展示的文字信息，并点击 START，选择一个你喜欢的 Logo 模板，就可以开始你的设计之旅了。&/p&&p&Free Logo Design 不仅提供了多种多样的 Logo 模板，同时你也可以根据自己的设计需求，添加文字、形状、图标等元素，来丰富你的设计。&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-38defe24b126f09a3fb13b_b.jpg& data-rawwidth=&1120& data-rawheight=&709& class=&origin_image zh-lightbox-thumb& width=&1120& data-original=&https://pic3.zhimg.com/v2-38defe24b126f09a3fb13b_r.jpg&&&/figure&&p&尝试组合了一个 Logo&/p&&p&当你完成了你的设计之后，点击 SAVE，就可以进行下载，需要注意的是，免费版仅提供 200 * 200 像素的版本下载。&/p&&h2&宣传物设计&/h2&&h2&&a href=&https://link.zhihu.com/?target=https%3A//www.canva.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Canva&/a&&/h2&&p&Canva 是一个可以帮你完成多种类型宣传物的设计网站，不管是海报、Banner，还是Logo、简历，都可以通过它轻松快速的搞定，Canva 提供了极其丰富的设计类型供你选择。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-b197af86efc3af3b6f8089f_b.jpg& data-rawwidth=&1120& data-rawheight=&709& class=&origin_image zh-lightbox-thumb& width=&1120& data-original=&https://pic2.zhimg.com/v2-b197af86efc3af3b6f8089f_r.jpg&&&/figure&&p&Canva 设计类型选择页面&/p&&p&当你选定一个设计类型之后，你就可以使用 Canva 开始你的设计了，利用提供的布局模板，图片，背景，字体等元素，就可以做出很漂亮的宣传物设计了。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-5acfffaac48e65cd4d5666f_b.jpg& data-rawwidth=&1120& data-rawheight=&709& class=&origin_image zh-lightbox-thumb& width=&1120& data-original=&https://pic2.zhimg.com/v2-5acfffaac48e65cd4d5666f_r.jpg&&&/figure&&p&随便设计了一张海报&/p&&h2&&a href=&https://link.zhihu.com/?target=https%3A//crello.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Crello&/a&&/h2&&p&Crello 是一个可以在线设计海报的网站，提供了丰富的海报模板可以选择，当你想要快速制作一张海报的时候，使用 Crello 会是一个不错的选择。创建好你的设计项目后，选择一个你喜欢的海报模板，对其中的元素进行替换，就可以快速完成一张属于你的海报了。需要注意的是，Crello 中的有些模板和元素是要收费使用的。&/p&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-3b9a38ad9bc5f76d6f54c329cbf5a90f_b.jpg& data-rawwidth=&1120& data-rawheight=&709& class=&origin_image zh-lightbox-thumb& width=&1120& data-original=&https://pic2.zhimg.com/v2-3b9a38ad9bc5f76d6f54c329cbf5a90f_r.jpg&&&/figure&&p&Crello 模板选择页面&/p&&h2&&a href=&https://link.zhihu.com/?target=https%3A//klex.gravit.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Gravit Klex&/a&&/h2&&p&Gravit Klex 同样是一个可以在线设计海报的网站，功能和使用方法和 Crello 基本相同，区别在于两个网站会提供不同的设计模板和设计元素，如果 Crello 上面没有你喜欢的海报模板的话，不如来 Gravit Klex 上面看一下，我个人还是更喜欢 Gravit Klex 的设计模板的。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-b9fba140fa7_b.jpg& data-rawwidth=&1120& data-rawheight=&709& class=&origin_image zh-lightbox-thumb& width=&1120& data-original=&https://pic1.zhimg.com/v2-b9fba140fa7_r.jpg&&&/figure&&p&Gravit Klex 模板选择页面&/p&&p&通过上面的网站，可以在没有设计软件使用经验的情况下，满足你各种各样的设计需求。当然，你也可以通过参考这些网站的设计模板，来给你寻找一些设计灵感。不管是使用设计软件还是设计模板网站，只要能够做出自己满意的设计就可以了，它们只不过是不同的设计工具罢了。&/p&&p&（题图使用 Canva 网站设计而成）&/p&&hr&&p&&a href=&https://link.zhihu.com/?target=https%3A//itunes.apple.com/cn/app/%25E5%25B0%%%25E6%25B4%25BE-%25E9%25AB%%E8%25B4%25A8%25E6%%25E5%25AD%%25B6%%25B4%25B9%25E6%258C%%258D%2597/id%3Fmt%3D8& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&下载少数派 iOS 客户端，不错过任何一款好工具&/a&
&/p&&figure&&img src=&https://pic2.zhimg.com/v2-e9b87c5a1b232e39a6e5cb8_b.jpg& data-rawwidth=&697& data-rawheight=&233& class=&origin_image zh-lightbox-thumb& width=&697& data-original=&https://pic2.zhimg.com/v2-e9b87c5a1b232e39a6e5cb8_r.jpg&&&/figure&&p&&/p&
在大家的印象中，想要完成漂亮的设计，一定要掌握 PS、AI、Sketch 等专业的做图工具才可以。其实，现在有很多网站可以帮助不会专业设计工具的我们，做出很多很漂亮的设计，完成自己的设计需求。今天，我们就来介绍一下这些网站。原型设计STUDIO 是由…
&b&最近发现一些超级过分的事情！！！有各种小朋友表示自己培训班／学校／团队做培训的时候用的就是这个例子，还过来质疑我是不是抄的……妈蛋这必须不！能！忍！！！&/b&&br&&br&&b&把你们培训班／学校／团队名字给我报！上！来！商用还假装自己原创哪有这么不要脸的！告丫侵权！有赔偿我分你一半！&/b&&br&&br&※另有新品上市，已加入十分钟拯救丑设计系列套餐，欢迎围观～&br&&a href=&http://www.zhihu.com/question//answer/?group_id=450624& class=&internal&&设计中，如何安排视觉上的优先级？ - 知乎用户的回答&/a&&br&&br&&br&&br&＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝&br&隔了好久之后的update＝ ＝&br&&br&&br&&br&以下是原答案～&br&===============================================================&br&填坑。&br&本来觉得知乎上这么多优秀的设计师，实在不好意思班门弄斧的，可是这么久过去了，也没有一个靠谱可操作的回答，那就……我来吧。&br&===============================================================&br&首先我要申请吐槽！&br&&br&那些放几张图让楼主看着来的同学们，你们这都是&b&民！科！&/b&你们造吗？&br&谁说设计就是看感觉看审美，设计&b&很科学&/b&的好吗！！！&br&脱离原则谈打破原则，还没及格就想高大上，你们呀……真是太不尊重设计这门学科了哼！&br&&br&审美从来就是一种能力，而不是一种态度。&br&吐槽完毕。&br&================================================================&br&&br&先祭出设计四大基本原则：&br&&b&重复，&/b&&b&对比，&/b&&b&亲密，&/b&&b&对齐。&/b&&br&&br&&br&&b&1，重复&/b&&br&&figure&&img data-rawheight=&192& src=&https://pic2.zhimg.com/50/aab10b5ab001d61e64ed199_b.jpg& data-rawwidth=&900& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&https://pic2.zhimg.com/50/aab10b5ab001d61e64ed199_r.jpg&&&/figure&&b&重复指的是，设计中的视觉要素在整个作品中重复出现。&/b&&br&可不是说放几个一样的小方块就是重复了哦，仔细看上图，颜色重复出现，高度、宽度重复出现，元素间距重复出现，可以预见的是，如果我们在最后再加一个小方块，一定还是同样的颜色、高度、宽度、间距，如果不是为了突出，我们不会引入新的元素。&br&应用上来说就是，如果我要加一行字，第一反应是，用之前用过的颜色和字体，如果没有确凿的理由，就坚决不出现新的要素。这是设计的克制，也是初学者最最先要学会的一件事！&br&&br&来我们根据这个原则，对题主的海报进行第一次手术，手术的奥义是——&b&重复&/b&。&br&&figure&&img data-rawheight=&533& src=&https://pic1.zhimg.com/50/ef12e6a7be41_b.jpg& data-rawwidth=&800& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&https://pic1.zhimg.com/50/ef12e6a7be41_r.jpg&&&/figure&&blockquote&完全按照题主的意图和内容，将文字提了出来，字体全部用微软雅黑（新手用这个字体没错就是啦），大小和位置也没有改，只是扔掉了花花绿绿的视觉元素（字体样式、大小、行间距），按照重复的原则进行整顿。&br&&/blockquote&什么，一点都不高大上？都说了这是科学！要一步一步来！&br&&br&&b&2，对比&/b&&br&&figure&&img data-rawheight=&681& src=&https://pic3.zhimg.com/50/9b867c75fd7a1bf673de4_b.jpg& data-rawwidth=&900& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&https://pic3.zhimg.com/50/9b867c75fd7a1bf673de4_r.jpg&&&/figure&……？&br&&br&&br&&b&对比指的是，避免页面元素的太过相似，如果元素不相同，那就请深深的不相同。&/b&&br&有重复就一定有对比，重复是基调，对比就是焦点。重复一定要精确，对比一定要大胆。&br&对比可以有多种方式产生。大字体与小字体，oldstyle与sanserif，粗线条与细线条，冷色与暖色，平滑与粗糙，长宽与高窄，小明与大明（咦？）……等等。&br&&br&正所谓密不透风，疏可跑马，放手去搞不要逃，不强烈的对比宁可不要。&br&&figure&&img data-rawheight=&533& src=&https://pic4.zhimg.com/50/37d61c12a57cce1dfb5d55a16b609b4c_b.jpg& data-rawwidth=&800& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&https://pic4.zhimg.com/50/37d61c12a57cce1dfb5d55a16b609b4c_r.jpg&&&/figure&&blockquote&好吧其实题主原本的对比已经很明显了（我指字号），我稍微调整一下，再配张小图，形成图与文的对比。（图是百度来的，百度图片现在很好用哒，还有推荐的是昵图网和站酷网，设计师标配，不过切记要注意版权问题~）&br&&/blockquote&是不是看着很乱，找来找去找不到想要的信息累觉不爱？不急，下一步。&br&&br&&b&3，亲密&/b&&br&&figure&&img data-rawheight=&373& src=&https://pic3.zhimg.com/50/051efae694fbaa9f4a0757_b.jpg& data-rawwidth=&900& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&https://pic3.zhimg.com/50/051efae694fbaa9f4a0757_r.jpg&&&/figure&&br&&br&&b&亲密性指的是，物理位置的接近意味着内容的关联，所以要将&/b&&b&相关的项目组织在一起&/b&&b&。&/b&&br&新手的设计总是元素四散，杂乱无章，看似是他们不懂留白的奥义，但实际上是不懂亲密。相关内容得到有效组织，空间自然会空出来，就像知乎的Club感觉会场都是人，但要是让他们按照大小个以男左女右前后相隔一臂左右相隔一拳原则立正看齐排排站，我保证还能塞进500人（……我在说什么）。&br&&br&标题要对应相关文本，图片要响应对应内容，大小层次，尊卑有序，&b&亲密&/b&，保证了内容传达的有效性。&br&&figure&&img data-rawheight=&533& src=&https://pic3.zhimg.com/50/bffb9349aa99cbbdfb68e6ca517e403a_b.jpg& data-rawwidth=&800& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&https://pic3.zhimg.com/50/bffb9349aa99cbbdfb68e6ca517e403a_r.jpg&&&/figure&稍微有点样子了吧~？再来本阶段最后一步。&br&&br&&b&4，对齐&/b&&br&&b&&figure&&img data-rawheight=&278& src=&https://pic3.zhimg.com/50/fdd230ac5bf1_b.jpg& data-rawwidth=&900& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&https://pic3.zhimg.com/50/fdd230ac5bf1_r.jpg&&&/figure&对齐指的是，任何元素都不能在页面上随意安放，每一项都应当与页面上的某个内容存在某种视觉联系。&/b&&br&对齐是地心引力，一根参考线立在那里，就要求所以被选中的元素死死的贴在上面，不允许有一像素的叛离。&br&同一根参考线意味着某种联系，将依附于它的元素建立起&b&亲密&/b&以外的秩序。&br&&br&由于&b&对齐&/b&原则在以上的示范中其实无处不在，我已经默默遵循了（不对其会死晚期），就不再单独示范啦。需要强调的是，在物理位置相聚太远的情况中，要熟练运用辅助元素将不同的对齐联系起来。比如：&br&&figure&&img data-rawheight=&578& src=&https://pic3.zhimg.com/50/be117e84fb78619ecd9ced9d_b.jpg& data-rawwidth=&896& class=&origin_image zh-lightbox-thumb& width=&896& data-original=&https://pic3.zhimg.com/50/be117e84fb78619ecd9ced9d_r.jpg&&&/figure&&blockquote&右边利用辅助线，将上半部分的左对齐与下半部分的右对齐联系起来，使得画面稳定，内容具有连续性。&br&&/blockquote&&br&到现在为止，我们利用设计四项基本原则对答主的海报进行了初步的处理，使其基本达到【及格】标准。&br&&figure&&img data-rawheight=&533& src=&https://pic1.zhimg.com/50/930a000fdaaabe0d2d0e6_b.jpg& data-rawwidth=&800& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&https://pic1.zhimg.com/50/930a000fdaaabe0d2d0e6_r.jpg&&&/figure&&br&这是一个非常具有可操作性，非常适合零基础新手的设计方法，各位切记设计也是门科学，谨记原则多加练习才是正道哦~~&br&&br&当然，最后这张成果仅仅是初步处理，完全算不上高品位也完全算不上优秀，颜色上氛围上，字体的考究选择上依然有非常大的改进空间，但是路要一步一步走嘛，由于时间（拖延）和精力（太懒）原因，我下次再慢慢填：）&br&&br&对了，以上理论基础均来自于《写给大家看的设计书》，此书深入浅出，例证丰富，居家旅行必备良品，每次公司的产品GG问我怎么提高设计审美时，我都首推这本书。PS：不光是新手，好多设计专业的同学们，也真的需要看一看了……&br&&br&&br&这么久了还有人会点赞，我真的十分感谢。我一直觉得，让生活变好也许很难，让生活变美却是我们可以做到的事。作为一枚设计师，我愿意跟大家分享生活中一切可以变得更美的细节，个人订阅号 &b&生活与美学&/b& （全拼音搜索即是），欢迎关注^_^&br&&p&&a href=&//link.zhihu.com/?target=http%3A//weixin.qq.com/r/DDihuWTEjTnyrSDa920e& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&weixin.qq.com/r/DDihuWT&/span&&span class=&invisible&&EjTnyrSDa920e&/span&&span class=&ellipsis&&&/span&&/a& (二维码自动识别)&/p&
最近发现一些超级过分的事情！！！有各种小朋友表示自己培训班／学校／团队做培训的时候用的就是这个例子，还过来质疑我是不是抄的……妈蛋这必须不！能！忍！！！ 把你们培训班／学校／团队名字给我报！上！来！商用还假装自己原创哪有这么不要脸的！告丫…
&p&作者：&a href=&//link.zhihu.com/?target=https%3A//sspai.com/user/751972& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Phoebe星球&/a&&/p&&p&原文：&a href=&//link.zhihu.com/?target=https%3A//sspai.com/post/40194& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&极简印象笔记 | emoji 标签一目了然&/a&&/p&&p&Emoji 目前已经被我广泛应用在各个 App 当中，比起文字，视觉符号对我的刺激程度更强烈，图像更能抓住我的眼球，让我分清主次，从而使得效率提升。&/p&&p&作为极简主义的实践者，我本能的在平日的行为里以极简的态度思考。所谓极简，即是必需、不多余。无冗杂的话语，无繁琐的动作，无干扰的成分。&/p&&p&&br&&/p&&ul&&li&首先，关于 App 的极简。为了减少动作，我把 App 删减到一面（此行为实践起来很简单，作为曾经的 App 下载控实践之后有感），删不掉或是必需却鲜少打开的 App 都放在一个文件夹里。&/li&&li&其次，保持专注。如何专注，专注就是重复使用一个综合性价比较好的 App，而不彷徨在多个App 中。记住，工具只是形式，内容才是主体。&/li&&/ul&&p&配合 Forest 应用使用了一段时间后我发现，手机（iPhone6s）可以做到两天充一次电 ，基本上大量时间都处在待机状态中。就我个人而言，手机比电脑更容易使我分心、浪费时间，我在电脑上比较专注，思维不容易被打断，所以微信回复也是使用电脑端。&/p&&p&&br&&/p&&p&经过一段时间的精简，留下的 App 之一就有印象笔记。我没有订阅高级会员，非深度用户，普通功能于我已足够使用。&/p&&p&使用方法极其简单，甚至不大需要文件夹归类。&/p&&p&如图，标题用 &b&Emoji + 固定标签&/b& 注明且分类。&/p&&figure&&img src=&https://pic4.zhimg.com/50/v2-dcab03d77bcb155414eee_b.jpg& data-rawwidth=&1120& data-rawheight=&786& class=&origin_image zh-lightbox-thumb& width=&1120& data-original=&https://pic4.zhimg.com/50/v2-dcab03d77bcb155414eee_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/50/v2-a3aab0ba50bb_b.jpg& data-rawwidth=&1120& data-rawheight=&560& class=&origin_image zh-lightbox-thumb& width=&1120& data-original=&https://pic4.zhimg.com/50/v2-a3aab0ba50bb_r.jpg&&&/figure&&p&按时间顺序排列笔记&/p&&p&因为印象笔记逻辑设定的原因，不常打开文件夹分类这个部分。在我来看，笔记多了以后，标签和标题比文件夹的分类更加简明而重要。所以文件夹我只是用来粗略的归类，文件夹的标题比较泛泛，例如「学习」、「技能」、「工作」、「读书」等。&br&&/p&&p&而用 Emoji 标签，非常直观清晰，我可以如上图一样，按时间顺序观看笔记，同时也可以按标题观看，更加清晰，如图：&/p&&figure&&img src=&https://pic4.zhimg.com/50/v2-5a772ab834b41d2800bfaf533f8d9ee8_b.jpg& data-rawwidth=&1120& data-rawheight=&786& class=&origin_image zh-lightbox-thumb& width=&1120& data-original=&https://pic4.zhimg.com/50/v2-5a772ab834b41d2800bfaf533f8d9ee8_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/50/v2-29d9a55c8dcb2385fbb9d6b8f1430f6c_b.jpg& data-rawwidth=&1120& data-rawheight=&560& class=&origin_image zh-lightbox-thumb& width=&1120& data-original=&https://pic3.zhimg.com/50/v2-29d9a55c8dcb2385fbb9d6b8f1430f6c_r.jpg&&&/figure&&p&按Emoji标题顺序排列笔记&/p&&p&Emoji 标签另一个优势在于，可以有更多样化的分类。试想一下，如果打开文件夹分类页面，排列着密密麻麻的文件夹，头会很痛。如果按 Emoji 标签排列，对于整理则更方便，分类也可以更详细，之后突然有新增的笔记标签类别也可以随心所欲地增加。&/p&&p&Emoji 作为标签真的好用啊～ &/p&&p&处处用上格外清晰！笔记整理控必备！&/p&&p&例如提醒事项?，备忘录 ，日历 安排日程等等……&/p&&figure&&img src=&https://pic4.zhimg.com/50/v2-b87e35c83bcac8e8a626ef0c_b.jpg& data-rawwidth=&1120& data-rawheight=&1031& class=&origin_image zh-lightbox-thumb& width=&1120& data-original=&https://pic4.zhimg.com/50/v2-b87e35c83bcac8e8a626ef0c_r.jpg&&&/figure&&p&虽然 Emoji 貌似与内容无关，但是自己能懂就好啦 &/p&&p&以上。&/p&&p&--------------------------------------------------------------------------------------------------------&/p&&p&&a href=&//link.zhihu.com/?target=https%3A//itunes.apple.com/cn/app/%25E5%25B0%%%25E6%25B4%25BE-%25E9%25AB%%E8%25B4%25A8%25E6%%25E5%25AD%%25B6%%25B4%25B9%25E6%258C%%258D%2597/id%3Fmt%3D8& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&下载少数派 iOS 客户端，找到数字时代更好的生活方式&&/a&&/p&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/50/v2-feacf2e2178acf6dfcfdb2db_b.jpg& data-rawwidth=&700& data-rawheight=&233& class=&origin_image zh-lightbox-thumb& width=&700& data-original=&https://pic2.zhimg.com/50/v2-feacf2e2178acf6dfcfdb2db_r.jpg&&&/figure&
作者：原文：Emoji 目前已经被我广泛应用在各个 App 当中，比起文字，视觉符号对我的刺激程度更强烈，图像更能抓住我的眼球，让我分清主次，从而使得效率提升。作为极简主义的实践者，我本能的在平日的行为里以…
&figure&&img src=&https://pic3.zhimg.com/v2-d835e89c6ea474da2bc3c085503bff83_b.jpg& data-rawwidth=&1268& data-rawheight=&714& class=&origin_image zh-lightbox-thumb& width=&1268& data-original=&https://pic3.zhimg.com/v2-d835e89c6ea474da2bc3c085503bff83_r.jpg&&&/figure&&p&&b&----------------------- 更新&/b&&/p&&p&很多知友反馈技术操作上如何去实现，这里小编已经把大家的需求反馈给产品大大，大大听闻一激动说要写个系列，一步一步给大家剖解！（目前第二篇已发布，欢迎大家关注更新~）&/p&&p&系列二：&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&4步教你玩转可视化大屏设计｜内附实际操作&/a&&/p&&p&&b&------------------------ 分割线&/b&&/p&&p&每年的双十一，天猫都会在整点时刻直播战绩，可怕的战绩背后，不知道大家是否留意到背后展示的数据大屏，简直酷炫吊炸天。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-23846ebbde6ccb_b.jpg& data-caption=&& data-rawwidth=&899& data-rawheight=&467& class=&origin_image zh-lightbox-thumb& width=&899& data-original=&https://pic4.zhimg.com/v2-23846ebbde6ccb_r.jpg&&&/figure&&p&（图片源自网络）&/p&&p&所谓大屏，顾名思义就是一个很大很大的屏。&/p&&p&举个例子，Dashboard可能大家有所了解，就是将一些业务的关键指标以数据可视化的方式展示。而大屏就是将Dashboard展示到一块或多块LED大屏上。经常用在公司的展览中心、老板的办公室，还有城市交通管控中心、交易大厅等等。一般怎么清楚怎么来，怎么酷炫怎么搞。譬如人民的名义里就有这样一幕：&/p&&figure&&img src=&https://pic1.zhimg.com/v2-ff67ac8ecc93c_b.png& data-caption=&& data-rawwidth=&2560& data-rawheight=&1340& class=&origin_image zh-lightbox-thumb& width=&2560& data-original=&https://pic1.zhimg.com/v2-ff67ac8ecc93c_r.jpg&&&/figure&&p&（图片源自网络）&/p&&p&前几天，有位番薯（我们的坛友 &a class=&member_mention& href=&http://www.zhihu.com/people/b99acfc121ddbe7dab8c01f1& data-hash=&b99acfc121ddbe7dab8c01f1& data-hovercard=&p$b$b99acfc121ddbe7dab8c01f1&&@李诚泽&/a& ）在&a href=&http://link.zhihu.com/?target=http%3A//bbs.fanruan.com/thread-.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&帆软论坛&/a&发了个生产大屏的帖子，自己用FineReport做了个大屏的模板，引发了很大反响。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-66fe13bd4132a8dac1ab504b_b.png& data-caption=&& data-rawwidth=&1900& data-rawheight=&918& class=&origin_image zh-lightbox-thumb& width=&1900& data-original=&https://pic3.zhimg.com/v2-66fe13bd4132a8dac1ab504b_r.jpg&&&/figure&&p&也是应于这样的契机，这里抛砖引玉，围绕如何制作的美而实用的大屏，讲讲帆软的经验。&/p&&p&&b&（注：以下demo每处细节都值得推敲借鉴，手机端建议横屏观看，效果更佳！）&/b&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-27bcea3ffc307dd1f4eea_b.jpg& data-caption=&& data-rawwidth=&1280& data-rawheight=&571& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&https://pic3.zhimg.com/v2-27bcea3ffc307dd1f4eea_r.jpg&&&/figure&&h2&1、布局排版&/h2&&p&大屏首先是要服务于业务，让业务指标和数据合理的展现。由于往往展现的是一个企业全局的业务，一般分为主要指标和次要指标两个层次，主要指标反映核心业务，次要指标用于进一步阐述分析。所以在制作时给予不一样的侧重。&/p&&p&这里推荐几种常见的版式。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-b2f3c9bd0a_b.png& data-caption=&& data-rawwidth=&1486& data-rawheight=&765& class=&origin_image zh-lightbox-thumb& width=&1486& data-original=&https://pic3.zhimg.com/v2-b2f3c9bd0a_r.jpg&&&/figure&&p&上面几个版式不是金科定律，只是通常推荐的主次分布版式，能让信息一目了然。实际项目中，不一定使用主次分布，也可以使用平均分布，或者可以二者结合进行适当调整。比如下图所示，指标很多很多，存在多个层级的，就根据上面所说的基本原则进行一些微调，效果会很好。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-a74eaab47f98_b.png& data-caption=&& data-rawwidth=&1216& data-rawheight=&459& class=&origin_image zh-lightbox-thumb& width=&1216& data-original=&https://pic1.zhimg.com/v2-a74eaab47f98_r.jpg&&&/figure&&p&&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-0a846d3b42d3cae0d74e_b.png& data-caption=&& data-rawwidth=&1219& data-rawheight=&467& class=&origin_image zh-lightbox-thumb& width=&1219& data-original=&https://pic3.zhimg.com/v2-0a846d3b42d3cae0d74e_r.jpg&&&/figure&&p&附上几个典型的主次分布的大屏效果给大家看下，是不是看上去更加清晰呢，不会让人有找不到重点的感觉。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-042b0ad666e9dd13dfb08f87_b.jpg& data-caption=&& data-rawwidth=&1280& data-rawheight=&630& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&https://pic4.zhimg.com/v2-042b0ad666e9dd13dfb08f87_r.jpg&&&/figure&&p&&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-b960b7f4a61fdfe72cd62_b.jpg& data-caption=&& data-rawwidth=&1280& data-rawheight=&720& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&https://pic3.zhimg.com/v2-b960b7f4a61fdfe72cd62_r.jpg&&&/figure&&h2&2、配 色&/h2&&p&合理的布局能让业务内容更富有层次，合理的配色能让观看者更舒适。配色的学问很复杂，这里就先讲一讲背景色。背景色又分为整体背景以及单个元素的背景，无论是哪一个，都遵从两点基本原则：深色调&一致性。&/p&&p&之所以选择深色调，主要是为了避免视觉刺激。参加过大型会议的童鞋应该有感受，如果演示PPT是浅色系的，投放到大屏上后会比较刺眼，尤其是前排童鞋简直在遭罪受。下图是两个驾驶舱页面深浅色对比，看图片也许看不出来，感兴趣的可以找公司的大屏硬件测试测试，看看哪个更让人眼睛看着舒服。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-d0c4eb9ff55b7b61f6f86_b.png& data-caption=&& data-rawwidth=&1949& data-rawheight=&965& class=&origin_image zh-lightbox-thumb& width=&1949& data-original=&https://pic3.zhimg.com/v2-d0c4eb9ff55b7b61f6f86_r.jpg&&&/figure&&p&&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-dc623a40ae300c18747e_b.jpg& data-caption=&& data-rawwidth=&864& data-rawheight=&486& class=&origin_image zh-lightbox-thumb& width=&864& data-original=&https://pic3.zhimg.com/v2-dc623a40ae300c18747e_r.jpg&&&/figure&&p&整体背景深色系，可选的余地还是很多的，但是配起来能让多数人都觉得好看的还是以深蓝色系为主，如下所示是几个推荐的配色方案。这几个深色配色，是我们调研下来最常用的背景设置。大家如果去网上搜罗好看的大屏或者驾驶舱页面效果，很多都是这几个色系里头的。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-85565b2fbf6aec4d39a0cf93e54ffb58_b.jpg& data-caption=&& data-rawwidth=&1199& data-rawheight=&199& class=&origin_image zh-lightbox-thumb& width=&1199& data-original=&https://pic1.zhimg.com/v2-85565b2fbf6aec4d39a0cf93e54ffb58_r.jpg&&&/figure&&p&当然，背景不一定要用颜色的，也可以用图片。图片的使用依旧遵从整体深色的原则，同时搭配其他一些现实特性可以让整体看着更有科技感。推荐使用一些带有星空、条纹、渐变线、点缀效果之类的图片。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-d835e89c6ea474da2bc3c085503bff83_b.jpg& data-caption=&& data-rawwidth=&1268& data-rawheight=&714& class=&origin_image zh-lightbox-thumb& width=&1268& data-original=&https://pic4.zhimg.com/v2-d835e89c6ea474da2bc3c085503bff83_r.jpg&&&/figure&&p&单个元素的背景，首先是要和整体背景色系保持一致性，避免突兀。另外一个小技巧，就是透明度的使用。根据实际项目经验，这里极其推荐大家为单个的组件元素搭配一些透明色，透明度设置在10%上下为宜，具体以实际效果微调。如下几个模板，组件增加透明效果后，整体效果有质的提升。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-a89cea3f50c8e5b4fc0fcd_b.jpg& data-caption=&& data-rawwidth=&1268& data-rawheight=&714& class=&origin_image zh-lightbox-thumb& width=&1268& data-original=&https://pic2.zhimg.com/v2-a89cea3f50c8e5b4fc0fcd_r.jpg&&&/figure&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-0533bbf2bcbbcb8140f7bdc_b.jpg& data-caption=&& data-rawwidth=&1263& data-rawheight=&710& class=&origin_image zh-lightbox-thumb& width=&1263& data-original=&https://pic1.zhimg.com/v2-0533bbf2bcbbcb8140f7bdc_r.jpg&&&/figure&&p&&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-848b27bef790ffe_b.jpg& data-caption=&& data-rawwidth=&1280& data-rawheight=&711& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&https://pic3.zhimg.com/v2-848b27bef790ffe_r.jpg&&&/figure&&h2&3、点缀&/h2&&p&细节影响感官体验，在大屏展现上，细节也会极大的影响整体效果。通过适当给元素、标题、数字等添加一些诸如边框、图画等在内的点缀效果，能帮助提升整体美观度。&/p&&p&如下图所示销售驾驶舱大屏，顶部的标题通过左右两个对称线条进行点缀，各个组件的细分标题通过不规则渐变色图片进行点缀，另外每个组件都搭配使用了简洁的边框以提升层次感。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-a57e185bdfe1715feb8ce2_b.jpg& data-caption=&& data-rawwidth=&1280& data-rawheight=&719& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&https://pic3.zhimg.com/v2-a57e185bdfe1715feb8ce2_r.jpg&&&/figure&&p&比如下面图所示大屏，给组件及其标题增加一些不规则的渐变色边框，让整体看上去更富有科技感。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-bd8f34574a87_b.jpg& data-caption=&& data-rawwidth=&1280& data-rawheight=&547& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&https://pic4.zhimg.com/v2-bd8f34574a87_r.jpg&&&/figure&&p&&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-ffb807c96ab0b84d4c4f_b.jpg& data-caption=&& data-rawwidth=&1280& data-rawheight=&549& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&https://pic4.zhimg.com/v2-ffb807c96ab0b84d4c4f_r.jpg&&&/figure&&p&如下图所示的航空大屏，给元素增加一些飞机图标、图画之类的拟物效果，让大屏更真实生动。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-ecdefe96dcfeb1db5cf83181_b.jpg& data-caption=&& data-rawwidth=&1280& data-rawheight=&720& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&https://pic2.zhimg.com/v2-ecdefe96dcfeb1db5cf83181_r.jpg&&&/figure&&h2&4、动效&/h2&&p&动效的范围很广，可以从很多角度解读，最好的参照就是PPT的动画特效，比如前文所提的背景动画、刷新的加载动画、轮播动画、图表的闪烁动画、地图的流向动画等等，都属于动态效果的范畴。前文说过，动效的增加能让大屏看上去是活的，增加观感体验。但过分的动效极其容易喧宾夺主，让观看者的眼球不知道往哪里聚焦，反而丧失了业务展现价值。这个度很难把握，既要平衡酷炫效果，又要突出内容。&/p&&p&列举几个制作的大屏动态示例demo。&/p&&p&如下图所示销售大屏，核心指标车辆总价值以数字显示，通过FineReport 的数据监控功能，动态刷新数值。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-fdb315592fdd8f52b2f0fa_b.jpg& data-caption=&& data-rawwidth=&1603& data-rawheight=&711& data-thumbnail=&https://pic3.zhimg.com/v2-fdb315592fdd8f52b2f0fa_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1603& data-original=&https://pic3.zhimg.com/v2-fdb315592fdd8f52b2f0fa_r.jpg&&&/figure&&p&再如下图所示IT运维大屏，中间地图上模拟的呼吸动画，底部的滚动消息等。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-2ada25cea09e165b18af8c_b.jpg& data-caption=&& data-rawwidth=&1603& data-rawheight=&711& data-thumbnail=&https://pic4.zhimg.com/v2-2ada25cea09e165b18af8c_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1603& data-original=&https://pic4.zhimg.com/v2-2ada25cea09e165b18af8c_r.jpg&&&/figure&&p&如下图所示金融大屏的轮播动画，借助轮播效果，来实现同一个位置滚动播放不同的指标内容，避免平铺展开所有指标把大屏界面挤满。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-03ebee70b1fe9cb5b69ce284e4a22b49_b.jpg& data-caption=&& data-rawwidth=&1603& data-rawheight=&711& data-thumbnail=&https://pic2.zhimg.com/v2-03ebee70b1fe9cb5b69ce284e4a22b49_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1603& data-original=&https://pic2.zhimg.com/v2-03ebee70b1fe9cb5b69ce284e4a22b49_r.jpg&&&/figure&&p&再比如这个销售驾驶舱，通过边框动画、地图流向动画，来增加大屏展示的整体活力。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-0d6abc9af4a0cb186a8ec023aebb4d32_b.jpg& data-caption=&& data-rawwidth=&1413& data-rawheight=&761& data-thumbnail=&https://pic3.zhimg.com/v2-0d6abc9af4a0cb186a8ec023aebb4d32_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1413& data-original=&https://pic3.zhimg.com/v2-0d6abc9af4a0cb186a8ec023aebb4d32_r.jpg&&&/figure&&h2&5、总结&/h2&&p&从布局、背景、点缀边框、动效等几个方面，简单介绍了一些大屏展现页面制作的基本方法。其实不难发现很多环节都是相通或交叉的，比如单个元素的背景色，往往会和一些边框一起使用；比如一些动态效果，可能是背景或者边框本身的GIF动画。&/p&&p&大屏展现作为数据可视化的一个典型使用场景，其涵盖的知识太多太多了，一个完整的大屏项目从开始调研到实施交付可能需要开发工程师、项目经理、视觉工程师、UI工程师、硬件工程师等等众多专业人员的参与。&/p&&blockquote&注：&br&1、以上大屏均是由第三方客户基于finereport制作的效果图，图中数据并非真实数据，仅供参考。&br&2、如有任何形式的冒犯请私信联系小编，但原则上与帆软无关。&br&3、本文只是展示了大屏的布局设计，关于后台技术，之后会写一篇相关技术文，欢迎关注。&br&4、关于产品，很高兴我们的可视化有把大家稍微&震慑&了一下下。但其实大屏只是finereport技术的冰山一角，finereport本质上是一款商用的报表BI类工具，解决的不只是可视化展示的问题，还有企业的各类业务分析，流程数据管理，常规报表制作，更多知识可右戳——&a href=&https://www.zhihu.com/question/& class=&internal&&如何评价报表软件FineReport？&/a&&/blockquote&&p&&/p&
----------------------- 更新很多知友反馈技术操作上如何去实现，这里小编已经把大家的需求反馈给产品大大，大大听闻一激动说要写个系列，一步一步给大家剖解！（目前第二篇已发布，欢迎大家关注更新~）系列二：
&blockquote&这是我一年前的一个热门回答，相信仍有很多人需要。&/blockquote&&p&首先申明，我是一个初入设计行业不到两年，非科班出身，大学期间自学平面设计的后备小生。在此将自己自学平面设计的感悟和学习途径分享如下：&/p&&p&学习平面设计的主要途径是看书学理论，和看视频学软件技法，浏览设计类网站看作品/经验/教程分享，开拓眼界。具体要看什么书，在哪里学软件最靠谱，有哪些值得推荐的学习途径或者学习网站，这个在后文中会一一谈到。&/p&&h2&&b&一、写在前面——不看会死人&/b&&/h2&&p&作为一个新手从零开始学平面设计，首先要弄明白的是平面设计是什么，当你能够用自己的语言解释出来，讲给大伙都听得明白的时候，基本上你就完成从零入门了，这个大家可看看&a href=&//link.zhihu.com/?target=http%3A//baike.baidu.com/link%3Furl%3DcDYktwvRFJ051Ul3vv4JxB220GWANfM4PdXGT4tPZlI0R1lgyF7GQkxKhhqGo0a9-FtulHxMvH7RIq77olOAEa& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&平面设计百度百科&/a&一起来预习或温习一下。&/p&&p&同时你还要明白：学习平面设计要掌握哪些基本知识，&b&和行业知识&/b&，才不至于在学习的过程中产生困惑，迷失方向。&b&从零开始学平面设计的问题，在知乎上已然有成千上万个回答，而真正说到点子上的并不太多。&/b&你不需要明白你首先要看什么样的书，要学什么样的软件，要有多高的审美。而是要知道，人类文明发展到当前这个阶段，平面设计这个领域中包含的最最基础的东西是什么，了解过后你就是有基础的人了，然后再来谈：看么样的书、&b&怎么高效的学习设计软件&/b&、以及后期如何自我提高，这才是有价值的探讨方式。这个样的思维方式，几乎适合任何技术类课题的研究自学。ok，跑远了，言归正传，平面设计领域一定要学习的基本内容包括为以下几项：&/p&&ol&&li&【必学】&a href=&//link.zhihu.com/?target=http%3A//u.qinxue.com/t& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&设计基础三大构成&/a&（包含色彩构成、平面构成、立体构成）、&a href=&//link.zhihu.com/?target=http%3A//u.qinxue.com/t& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&素描基础&/a&（掌握透视原理、光影关系）同时再专研一下色彩搭配、色彩心理学。
&/li&&li&【掌握】文案设计/营销知识，各行各业都能综合运用，编写个简单的广告语什么的，都是要会的。
&/li&&li&【必学】版式布局、原理（画册、广告、网页设计用得多）掌握版式形成原理、网格设计理论、页面的基本元素类型。
&/li&&li&【软件】至少选一个矢量和位图软件学习：&a href=&//link.zhihu.com/?target=http%3A//u.qinxue.com/t17921/40& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CorelDRAW&/a&[矢量软件选学]、&a href=&//link.zhihu.com/?target=http%3A//u.qinxue.com/t17921/80& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&photoshop&/a&[位图软件必学]、&a href=&//link.zhihu.com/?target=http%3A//u.qinxue.com/t17921/51& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&illustrator&/a&[矢量软件选学]、&a href=&//link.zhihu.com/?target=http%3A//u.qinxue.com/t17921/17& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Indesign&/a&[排版软件选学]。 &/li&&/ol&&p&然后就是根据你所处行业/岗位不同，会涉及到以下内容，同时它们也是相互穿插交错着的，大家也不必太过纠结分类是否合理：&/p&&ol&&li&印刷类设计：需要学习一些&a href=&//link.zhihu.com/?target=http%3A//u.qinxue.com/z& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&印前技术知识&/a&，比如：名片、VIP卡、宣传单（也叫DM单）、海报、POP等的设计。
&/li&&li&户外喷绘类设计：店招、灯箱、吊旗、海报、舞台背景等。
&/li&&li&包装类设计：还需要学习产品包装材质、外形、尺寸、刀模等专业知识。
&/li&&li&品牌类设计：企业VIS设计、logo设计、字体设计，这一类需要对矢量图形软件有非常娴熟的掌握才能胜任。
&/li&&li&web类设计：&a href=&//link.zhihu.com/?target=http%3A//u.qinxue.com/z& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&网页设计&/a&、UI设计、&a href=&//link.zhihu.com/?target=http%3A//u.qinxue.com/t& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&淘宝店铺装修&/a&、H5页面设计，通常还会学习到html+css3方面的行业知识。&/li&&/ol&&h2&&b&二、自学平面设计的途径：&/b&&/h2&&p&无论你是从看书学理论出发，还是从软件的学习开始，只要你走在学习的路上就对了。&/p&&p&&b&1.通过书籍学习平面设计：&/b&&/p&&p&这个网站整理了一些非常棒的&a href=&//link.zhihu.com/?target=http%3A//www.xxriji.cn/books/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&平面设计书籍推荐&/a&，我也买得有。大家可参考着购买：&/p&&figure&&img src=&https://pic3.zhimg.com/50/v2-ca08e1fc301d9c6a89bf_b.jpg& data-rawwidth=&960& data-rawheight=&1598& class=&origin_image zh-lightbox-thumb& width=&960& data-original=&https://pic3.zhimg.com/50/v2-ca08e1fc301d9c6a89bf_r.jpg&&&/figure&&p&这些书籍买回来后，最好是用尽可能短的时间全篇通读一下啊，然后放在自己能随手翻阅的地方。养成定期买书充实自己的好习惯，做设计如果不看书持续学习，创意总是有枯竭的一天。买书肯定会花掉你的不少银子的，不过以后都会有回报的，同时你也能感受到在打开设计这扇窗门后，你会感觉自己的生活开始“亮”了起来。&/p&&p&&b&2. 通过视频（软件）学习平面设计&/b&&/p&&p&视频课程的学习，通常是以软件操作，以及实战案例的学习作为切入点，这也算是学习平面设计，最快速入行的捷径吧。如果说把平面设计比作是一场战斗，那么书籍则是战场上的指挥官，而软件的操作技法则是战场上的坚船利炮。所以一个优秀的设计师，除了有丰富的文化内涵，必然也有高超的软件操作能力。&/p&&p&当然无论你在什么行业，PS一定是要学得精通，如果所处行业涉及印刷、包装，那么你的CorelDRAW软件一定学得炉火纯青。软件的学习，如果你不缺三五百的银子，推荐你去付费的&a href=&//link.zhihu.com/?target=http%3A//u.qinxue.com/a17921/4& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&勤学网&/a&系统的学习软件操作及实战，&a href=&//link.zhihu.com/?target=http%3A//u.qinxue.com/z& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Photoshop视频教程&/a&、&a href=&//link.zhihu.com/?target=http%3A//u.qinxue.com/z& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&illustrator视频教程&/a&、&a href=&//link.zhihu.com/?target=http%3A//u.qinxue.com/z& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CorelDraw 视频教程&/a&类都有。如果实在是郎中羞涩，那就买本PS或则其他软件操作的书籍自行摸索吧。（真的不推荐，太耗费时间了）。&/p&&p&作为过来人的我，特别想说的是：网上免费的课程（实为广告）的确很多，但质量参也差不齐，很多免费课程为了让你加入他们的QQ学习群，然后邀你去听免费的公开课。通常主讲老师一上来就会给你炫耀各种炫酷的案例效果，让你心生崇拜，然后带着你一起来实操，对于没有软件基础的初学者，通常跟不上、看不懂老师的节奏，公开课上只会让你挫败感十足。课程结束后主讲老师就开始一股劲给你洗脑，告诉你有多么的糟糕，让你报它们后续的课程来拯救自己，一套下来少说都有六七千，懵懂无知的我就报过这样的培训班，学到最后都是很基础的软件操作，实战案例的拓展性也不强，没有预期的好，总的来说就是性价比不高。曾被坑过的我，在此奉劝各位想要学习平面设计的初学者，如果要报班学习平面设计，一定要综合对比，货比三家再做决定。这也是为什么我会给大家推荐&a href=&//link.zhihu.com/?target=http%3A//u.qinxue.com/a17921/4& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&勤学网&/a&的原因。&/p&&p&在软件的学习中会激发出你的大量灵感，这个过程应与你所学到理论相辅相成，在将这些平面设计软件操作技法掌握通透过后，紧接着就是不断提高自己的审美和内涵，保持持续学习的状态，与时俱进，你终究会成为一个优秀的设计师。&/p&&p&&b&3.通过浏览设计类网站，看别人的作品/经验/教程分享学习平面设计&/b&&/p&&p&这一段分享，讲的就如何做到与时俱进，保持持续学习状态，应该收藏哪些学习资源和渠道在你的浏览器当中，今晚天色已晚。我要睡觉了。改日再来补上。文件夹里面放着何种资源，如果大家想看我就分享给大家。晚安。&/p&&figure&&img src=&https://pic1.zhimg.com/50/0b3ca0b28d34b_b.jpg& data-rawwidth=&899& data-rawheight=&717& class=&origin_image zh-lightbox-thumb& width=&899& data-original=&https://pic1.zhimg.com/50/0b3ca0b28d34b_r.jpg&&&/figure&&p&&br&&/p&&p&—————————————————添加更新—————————————————&/p&&p&以下这些平面设计学习渠道、网站，是我在自学过程中，一点一滴收藏下来的，当然里面也包含与工业设计、服装设计相关的文化内容等，不仅局限于平面设计。今天分享出来供大家学习参考，希望所有走在平面设计学习路上的新人，能够借助这些渠道不断提升自己，假以时日能够创作出优秀的平面设计作品，成为一名优秀的设计师，造福人类。&/p&&blockquote&话痨引言1：借助一下公开课、文化两大类的学习渠道来进修设计文化、理论、陶冶设计情操、培养生活情调、拓宽设计视野也是一个不错的途径，推荐网站如下。&/blockquote&&p&(1).公开课平台&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//study.163.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&网易云课堂&/a&&/p&&p&&a href=&file:///E:/%E5%8B%A4%E5%AD%A6%E7%BD%91%E6%8E%A8%E5%B9%BF/%E7%BE%A4%E5%8F%91/%E4%BA%91%E8%AF%BE%E5%A0%82%EF%BC%9A%E8%AE%A1%E7%AE%97%E6%9C%BA%E4%B8%93%E4%B8%9A%E8%AF%BE%E7%A8%8B%E6%B1%87%E6%80%BB&&网易云课堂：计算机专业课程汇总&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//open.163.com/special/cuvocw/sumiao.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&网易公开课：中国美术学院素描课程&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//open.163.com/special/cuvocw/sumiao.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&网易公开课：密歇根州平面设计&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//open.163.com/movie//R/MAL4AE081_MAL4ATO9R.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&网易公开课：什么是艺术设计？&/a&&/p&&p&&a href=&//link.zhihu.com/?target=https%3A//ke.qq.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&腾讯课堂&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//class.qq.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&腾讯精品课：让成长加速！&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//wenku.baidu.com/course/index& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&百度文库课程&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.chuanke.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&百度传课&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.icourse163.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&中国大学MOOC(慕课)：最好的在线课程学习平台&/a&&/p&&p&&a href=&//link.zhihu.com/?target=https%3A//www.coursera.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Coursera：全世界最好的课程&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//edu.youku.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&优酷教育&/a&&/p&&p&(2).文化&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.cafa.edu.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&中央美术学院&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//v.youku.com/v_show/id_XNDIwNTQ5MDU2.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&中央美院柳冠中讲座&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//v.youku.com/v_show/id_XMzk4NDgwODky.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&“中国创意”产品设计大赛全国院校巡回讲座第一站——华东理工&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//v.youku.com/v_show/id_XNDA2MDE1Nzgw.html%3Ftpa%3DdW5pb25faWQ9MTAyMjEzXzEwMDAwMl8wMV8wMQ& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&“中国创意”产品设计大赛全国院校巡回讲座第五场——上海理工大学&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//v.youku.com/v_show/id_XMzY0MTUzOTI0.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&电影：我是设计师&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//v.youku.com/v_show/id_XMjM4MjU5OTEy.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&视频：让设计师们揪心的视频，据说好多设计师看哭了&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.mathsisfun.com/index.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Math is Fun——Maths Resources&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.verycd.com/entries/743921/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&BBC纪录片：(Design for Life Season 1 )&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.tudou.com/programs/view/E56V2RzkfDQ/%3Ftpa%3DdW5pb25faWQ9MTAyMjEzXzEwMDAwMl8wMV8wMQ& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&视频：My life in typefaces&/a&&/p&&p&&br&&/p&&blockquote&话痨引言2：这一组是绝对的干货，学会了就能用得上，这里的教程是设计战场上的枪支弹药。但是&b&请注意：以下很多网站大部分都有自家的训课程，多是收费的，就其培训效果效果在此我做不保障&/b&。因为我没有去上过，没有太多发言权，但不可否认的是，有些网站的免费课程也是干货十足的。当然我也有花钱买过课程，排在前两的就是，就其原因就是性价比高呗。我也有被培训机构坑的经历，&b&面对培训机构，反正大家慎重就对了&/b&。ok，以下网站排名是根据个人的使用频率、喜爱程度而排。&/blockquote&&p&(3).教程&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//u.qinxue.com/z& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&正版优质良心教程：勤学网——职业技能高效率在线自学平台&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.jingweipx.com/portal.php& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&无微不至超详细：敬伟PS教程&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.gogoup.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&高高手 - 艺·术 在线教育&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.55555tao.com/Actives/18.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&电商设计：悟淘公开课&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.zhisheji.com/sp/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&电商设计：致设计公开课视频合集&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//soft.zol.com.cn/school/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&PS教程|CAD教程|EXCEL教程|WORD教程-ZOL网络学院&/a& &/p&&p&&a href=&//link.zhihu.com/?target=http%3A//design.tutsplus.com/categories/adobe-photoshop& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&国外高质量ps教程：Adobe Photoshop Design&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.68ps.com/index.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&国内ps特效技巧：PS联盟--Photoshop专业教程网&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.56.com/w28/album-aid-.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&小特效：PS字体效果视频&/a& &/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.46ps.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&PS教程：46PS网&/a& &/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.51zxw.net/list.aspx%3Fcid%3D8& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&平面设计-我要自学网&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//study.163.com/course/introduction.htm%3FcourseId%3D/courseDetail& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&网易云课堂：设计之道&/a& &/p&&p&&a href=&//link.zhihu.com/?target=http%3A//ke.qq.com/huodong/photoshop/index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&腾讯课堂：PS大神合辑&/a&&/p&&blockquote&话痨引言3：之前以为花上两个小时就能将这些学习渠道的网址整理完毕，但是没想到的是将这些超级链接导入到word里面编辑时，出现了各种不可控制，不可描述，同时又要验证网站的准确性，以及链接是否有效，照顾到大家的阅读体验，需要优化一下链接文字，所以今天就跟新到这里，欢迎大家收藏这些网址。我们改日见。&/blockquote&&p&————————————————以上是添加更新———————————————&/p&&p&&br&&/p&&p&（4）素材资源：&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.58pic.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&千图网&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//588ku.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&千库网——免费设计元素&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.sccnn.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&素材中国&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.ooopic.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&我图&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.ffpic.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&非凡图库&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.ffpic.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&素材中国&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//bannerdesign.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Banner设计欣赏网&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//bannerdesign.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&站&/a&&a href=&//link.zhihu.com/?target=http%3A//www.poluoluo.com/xinshang/brand/banner/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&banner欣赏——破洛洛&/a&&/p&&p&&a href=&//link.zhihu.com/?target=https%3A//zxn.taobao.com/index.htm%3Fspm%3Da215h..0.SrHgwj& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&电商设计——淘宝店铺模板&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//sc.chinaz.com/tupian/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&站长网高清图片&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.yunmiss.com/%3Fuid%3D2368& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&云米创意——样机&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.huiyi8.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&绘艺素材_素材&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.daimg.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&大图网&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.taopic.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&淘图网&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//sc.jb51.net/amaomb/index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&淘宝素材&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.daimg.com/scrapbook/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&大图网——剪贴素材&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.lanrentuku.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&懒人图库——免费素材下载&/a&&/p&&p&&br&&/p&&p&（5）图片类资源网站&/p&&p&&a href=&//link.zhihu.com/?target=https%3A//www.pinterest.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&花瓣鼻祖——Pinterest: Discover and save creative ideas&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.ooopic.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&我图——大量灵感来源&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.quanjing.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&全景网——商务感强&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.look.com.ua/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&@李汶骏分享——俄罗斯网站&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.nipic.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&昵图——量大质量高&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.poco.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Poco.cn——滤镜唯美图片&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.inmagine.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&影美网——PPT商务多&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.sucaitianxia.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&素材天下——质量多高热点&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.cnsphoto.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&中国新闻——官方实时新闻图&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.cnsphoto.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&图片&/a&&a href=&//link.zhihu.com/?target=http%3A//www.viewstock.com/WelCome/WelcomeNew.aspx& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&景象图片——直接复制无水印&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.topit.me/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&TOPIT.ME ——直接复制治愈系图片&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.gettyimages.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&华盖创意图片库——全球最大的商业图片&/a&&/p&&p&&a href=&//link.zhihu.com/?target=https%3A//www.flickr.com/photos/N04/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Flickr: liangjingfeng 的所有相片&/a&&/p&&p&&a href=&//link.zhihu.com/?target=https%3A//500px.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&最出色的摄影社区 / 500px&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.666pic.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&拍图网——摄影图片交易&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.taopic.com/member/index.php& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&淘图网——充值下图&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//creative.vcg.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&视觉中国&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//creative.vcg.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&创意首页—— 中国领先的创意图片&/a&&/p&&p&&a href=&//link.zhihu.com/?target=https%3A//pixabay.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Pixabay - 免费图片&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//699pic.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&摄图网——免费正版摄影图片&/a&&/p&&p&&br&&/p&&p&（6）设计作品经验分享交流类网站&/p&&p&&a href=&//link.zhihu.com/?target=https%3A//dribbble.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - Show and tell for designers&/a&&/p&&p&&a href=&//link.zhihu.com/?target=https%3A//www.behance.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Online Portfolios on Behance&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.zcool.com.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&站酷&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.uisdc.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&优设-UISDC&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//hao.uisdc.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&SDC设计师网址导航&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//sou.52miui.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&打造IT上网第一品牌&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.ui.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&UI中国-专业界面设计平台&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.xueui.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&学ui网—ui设计师学习教程平台&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.gameui.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GAMEUI&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.ccdol.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&中国设计在线&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.cndesign.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&中国设计网&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//97ui.com/back%23& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&banner——UI设计师灵感库&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.zhisheji.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&致设计——电商设计师,不是淘宝美工&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.55555tao.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&吾淘网——电商设计收录平台&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//90sheji.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&90设计_电商设计师灵感素材_90sheji.com&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.tuquu.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&图趣网（TUQUU）-优秀网页设计平台&/a&&/p&&p&&a href=&//link.zhihu.com/?target=http%3A//www.001daima.com/& class=& wrap external& target=&_blank& rel=&nof}