&p&emmmm……谷歌推出一款智能画图软件 &b&&a href=&//link.zhihu.com/?target=http%3A//www.autodraw.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&AutoDraw&/a&&/b& &/p&&p&能让每一个人都能在5秒内快速作画，作为新媒体运营人员来说，真的觉得蛮有用。至少，在赶时间的时候，鬼画桃符一下就能得到自己想要的图案。&/p&&a class=&video-box& href=&//link.zhihu.com/?target=https%3A//www.zhihu.com/video/548160& target=&_blank& data-video-id=&& data-video-playable=&true& data-name=&& data-poster=&https://pic1.zhimg.com/80/v2-3b319a8cf210dcafa561c_b.jpg& data-lens-id=&548160&&
&img class=&thumbnail& src=&https://pic1.zhimg.com/80/v2-3b319a8cf210dcafa561c_b.jpg&&&span class=&content&&
&span class=&title&&&span class=&z-ico-extern-gray&&&/span&&span class=&z-ico-extern-blue&&&/span&&/span&
&span class=&url&&&span class=&z-ico-video&&&/span&https://www.zhihu.com/video/548160&/span&
&/a&&p&&br&&/p&&p&这是一款由谷歌工程师开发的神器，通过天才设计师们的设计，结合天才工程师们的代码，让你的鬼画桃符和天才画作智能匹配。至少有以下效用：&/p&&p&&br&&/p&&p&1.节省时间，如果你是新媒体运营者或者PPT制作者，自己绘制图标或者下载图标都很麻烦，但在这里不会；&/p&&p&&br&&/p&&p&2.手残党福音，如果你不会画画，那么它可以让你做出专业的内容；&/p&&p&&br&&/p&&p&如果你是一个已经废了的画家，曾经从绘画道路上下来，并且拥有成型的创造力并且知道自己在做什么，AutoDraw还是比较适合你的。&b&但，千万不要拿去给你的孩子，这会让他们养成惰性，同时，也会限制他们的想象力，你以为你节省了他们的时间，但你可能毁掉了一个毕加索呢！！！！&/b&&/p&&p&&br&&/p&&p&至于你？都已经废了，就这么着吧。&/p&&p&&br&&/p&&p&不需要下载APP，只需要登录www.autodraw.com,就可以了。&/p&&p&&br&&/p&&p&&b&But需要科学上网才能使用，很扎心！但，还好我会，嘻嘻~&/b&&/p&
emmmm……谷歌推出一款智能画图软件
能让每一个人都能在5秒内快速作画，作为新媒体运营人员来说，真的觉得蛮有用。至少，在赶时间的时候，鬼画桃符一下就能得到自己想要的图案。 这是一款由谷歌工程师开发的神器，通过天才设计师们的设计，结合天…
&h2&&b&推荐一款免费实用的PPT插件 &a href=&//link.zhihu.com/?target=https%3A//www.islide.cc/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&islide&/a&&/b&&/h2&&a class=&video-box& href=&//link.zhihu.com/?target=https%3A//www.zhihu.com/video/654272& target=&_blank& data-video-id=&& data-video-playable=&true& data-name=&& data-poster=&https://pic1.zhimg.com/80/v2-bef7cadb5f50e5c_b.jpg& data-lens-id=&654272&&
&img class=&thumbnail& src=&https://pic1.zhimg.com/80/v2-bef7cadb5f50e5c_b.jpg&&&span class=&content&&
&span class=&title&&&span class=&z-ico-extern-gray&&&/span&&span class=&z-ico-extern-blue&&&/span&&/span&
&span class=&url&&&span class=&z-ico-video&&&/span&https://www.zhihu.com/video/654272&/span&
&/a&&p&制作PPT最痛苦的事情，就是非专业的你，正在你摆弄一个专业工具。&b&据说在职场中81%的人都在使用PPT，但90%的人都在抱怨&/b&——要么像我们之前所说的，你可以使用斧子演示或者sway等工具，要么，你是否需要老老实实地从头学习设计？&/p&&p&&br&&/p&&p&那也不一定，还有一款插件也许能够帮到你，那就是islide。&/p&&p&&br&&/p&&p&当你的Powerpoint软件安装了这款插件。你不必再忍受杂乱的字体、颜色和排版，也不用做一页一页去更改调整这样的重复性工作。&b&你可以一键统一文本格式、一键添加参考线、快速建立布局规范；&/b&&/p&&p&&br&&/p&&p&同时，我们不再需要用眼睛或者依靠自带的参考线去布局图文，使用islide，也可以实现参数化调整，不止布局更加专业好看，也省去了大量时间；&/p&&p&&br&&/p&&p&&b&图表也是PPT最常用的元素之一，使用islide，人人都可以实现数据的视觉化设计，而且你随时可以更改图标、更改数据。&/b&当然，插件中，还拥有大量的图标、图示库，供你随意选择、任意切换。如果你对色彩搭配并不擅长，也可以使用色彩库，建立专业的色彩主题。&/p&&p&&br&&/p&&p&另外，islide还有其他的一些小功能，比如将你制作的PPT一键生成长图，方便用于社交网络的分享和学习。&/p&&p&以及其他视频中没有提及的功能等你解锁，总之这款免费插件能满足你大多数要求。&/p&&p&&br&&/p&&p&&b&收藏不要忘记点赞哦，毕竟爱心暂时还不能发电，biubiubiu~&/b&&/p&
推荐一款免费实用的PPT插件 制作PPT最痛苦的事情，就是非专业的你，正在你摆弄一个专业工具。据说在职场中81%的人都在使用PPT，但90%的人都在抱怨——要么像我们之前所说的，你可以使用斧子演示或者sway等工具，要么，你是否需要老老实实地从头学习设…
&figure&&img src=&https://pic1.zhimg.com/v2-af582eeea6ebc7bdff605fb14f154dea_b.jpg& data-rawwidth=&1728& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1728& data-original=&https://pic1.zhimg.com/v2-af582eeea6ebc7bdff605fb14f154dea_r.jpg&&&/figure&读书笔记已经到第二篇啦，这次详解设计专业必读的配色基础书籍—《色彩构成》，选用的依然是清华大学于国瑞编著的这本书。上一期的《平面构成》总结了点线面在设计中的基本用法，错过的同学可以戳&a href=&https://zhuanlan.zhihu.com/p/?refer=guanhaippt& class=&internal&&【平面构成】&/a&&p&&b&第一章.色彩基础知识&/b&&/p&&p&&b&1.光与色&/b&&/p&&p&没有光颜色也就无从谈起，人们对于光的认知还要追溯到1666年牛顿做的一个著名实验。这场实验中，牛顿使阳光透过三棱镜，使其分解为七色彩带。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-b080d2ac36e7efdeba15919_b.jpg& data-rawwidth=&1500& data-rawheight=&1200& class=&origin_image zh-lightbox-thumb& width=&1500& data-original=&https://pic1.zhimg.com/v2-b080d2ac36e7efdeba15919_r.jpg&&&/figure&&blockquote&牛顿据此推论：太阳白光由这七种颜色的光混合而成。&br&&/blockquote&&p&而色彩的产生，是由于光线照射到物体上之后，会被吸收、反射或透射出来，也就是说物体表现了什么颜色也就是反射了什么颜色的光。&/p&&ul&&li&&b& 色光三原色&/b&&/li&&/ul&&p&1802年英国生理学家托马斯·杨根据人眼的生理特征，提出色光三原色由朱红光、翠绿光、蓝紫光组成，这三个色光都不能用其他的色光相混而生，但却可以混出其他任何色光。&figure&&img src=&https://pic2.zhimg.com/v2-31c9bd68ae45c73caf2ea_b.jpg& data-rawwidth=&706& data-rawheight=&476& class=&origin_image zh-lightbox-thumb& width=&706& data-original=&https://pic2.zhimg.com/v2-31c9bd68ae45c73caf2ea_r.jpg&&&/figure&&/p&&ul&&li&&b&色料三原色&/b&&/li&&/ul&&p&在颜料色中，三原色是品红、柠檬黄、青色，是用以调配其他色彩的基本色。&/p&&p&&b&&figure&&img src=&https://pic3.zhimg.com/v2-28f01aa037bc0ea624b4f7cb6593213c_b.jpg& data-rawwidth=&706& data-rawheight=&476& class=&origin_image zh-lightbox-thumb& width=&706& data-original=&https://pic3.zhimg.com/v2-28f01aa037bc0ea624b4f7cb6593213c_r.jpg&&&/figure&2.色系&/b&&/p&&p&虽然自然中色彩千变万化，但归纳起来可以分为&b&彩色系和无彩色系。&/b&&/p&&p&&b&彩色系&/b&&/p&&blockquote&包括了可见光中的所有色彩，以红橙黄绿青蓝紫为基本色，基本色混合进而产生众多的色彩。彩色系中的任何一种颜色，都具有&b&色相、明度和纯度&/b&三种属性。&/blockquote&&p&&b&色相&/b&：即色彩的相貌，是区别各种不同色彩的最准确的标准。（下图为24色相环）&/p&&p&&figure&&img src=&https://pic2.zhimg.com/v2-f7bfdcca095d06b6a15e2b_b.jpg& data-rawwidth=&976& data-rawheight=&964& class=&origin_image zh-lightbox-thumb& width=&976& data-original=&https://pic2.zhimg.com/v2-f7bfdcca095d06b6a15e2b_r.jpg&&&/figure&&b&明度&/b&：颜色在明暗、深浅上的不同变化，也就是色彩的明度变化。色彩的明度越大，颜色看起来越亮，色彩的明度越小，颜色看起来就越暗。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-bfbf535ac4cf87_b.jpg& data-rawwidth=&1594& data-rawheight=&794& class=&origin_image zh-lightbox-thumb& width=&1594& data-original=&https://pic4.zhimg.com/v2-bfbf535ac4cf87_r.jpg&&&/figure&&p&&b&纯度&/b&：指色彩的纯净程度，它表示颜色中所含有色成分的比例。同一种颜色含有灰色的成分越多，纯度越低。（即越不纯净）&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-1cbbffe0a8b40f_b.jpg& data-rawwidth=&1463& data-rawheight=&684& class=&origin_image zh-lightbox-thumb& width=&1463& data-original=&https://pic1.zhimg.com/v2-1cbbffe0a8b40f_r.jpg&&&/figure&&br&&p&&b&无彩色系&/b&&/p&&blockquote&无彩色系是指黑色、白色以及黑白两色混合而成的各种灰色系列。无彩色系只有一种基本性质——&b&明度&/b&。&/blockquote&&figure&&img src=&https://pic3.zhimg.com/v2-ec7f5a0cfee8d5_b.jpg& data-rawwidth=&1280& data-rawheight=&720& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&https://pic3.zhimg.com/v2-ec7f5a0cfee8d5_r.jpg&&&/figure&&p&&b&二.色彩的对比构成&/b&&/p&&p&&b&1.明度对比&/b&&/p&&blockquote&明度对比是色彩构成最重要的因素，因为明度对比是拉开色彩层次的有效手段。利用明度对比，可以充分表现色彩的层次感、立体感和空间关系。&/blockquote&&p&根据色彩明度的高低，分别传达了不同的视觉感受：&/p&&blockquote&&p&高明度：轻快、纯洁、淡雅之感&/p&&p&中明度：含蓄、稳重、明确之感&/p&&p&低明度：浑厚、沉重、压抑之感&/p&&/blockquote&&p&黑白灰的明度对比案例：&/p&&figure&&img src=&https://pic1.zhimg.com/v2-fd070e24f2074dbe86921_b.jpg& data-rawwidth=&397& data-rawheight=&435& class=&content_image& width=&397&&&/figure&&p&&figure&&img src=&https://pic2.zhimg.com/v2-8ee061ac7a68e48d20e727_b.jpg& data-rawwidth=&400& data-rawheight=&400& class=&content_image& width=&400&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-b461c37fabcd389bd776_b.jpg& data-rawwidth=&564& data-rawheight=&557& class=&origin_image zh-lightbox-thumb& width=&564& data-original=&https://pic3.zhimg.com/v2-b461c37fabcd389bd776_r.jpg&&&/figure&彩色的明度对比案例：&/p&&p&&figure&&img src=&https://pic4.zhimg.com/v2-c6edad38f5e5fa149a1f09_b.jpg& data-rawwidth=&1194& data-rawheight=&1308& class=&origin_image zh-lightbox-thumb& width=&1194& data-original=&https://pic4.zhimg.com/v2-c6edad38f5e5fa149a1f09_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-e5dc92cd358782dec75d48f2395e11ea_b.jpg& data-rawwidth=&564& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&564& data-original=&https://pic3.zhimg.com/v2-e5dc92cd358782dec75d48f2395e11ea_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-ba52a37f85fb7efdaa593ee_b.jpg& data-rawwidth=&400& data-rawheight=&400& class=&content_image& width=&400&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-1e459fdabc13ead65aa3996_b.jpg& data-rawwidth=&400& data-rawheight=&400& class=&content_image& width=&400&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-b550a5a6e06ff6fc3d28e4ee_b.jpg& data-rawwidth=&400& data-rawheight=&400& class=&content_image& width=&400&&&/figure&&b&2.色相对比&/b&&/p&&blockquote&色相是色彩的最大特征，通俗点可以说是色彩的种类，例如蓝色和绿色的区别，小李和小王的区别。根据色相差别的大小又可以分为弱对比、中对比、强对比。较弱的色相对比具有柔和的优点，但也有单调、乏力的缺点；较强的色相对比具有饱满、丰富的优点，但也容易产生杂乱的感觉。&/blockquote&&p&较弱的色相对比案例：(主色相差较小）&/p&&figure&&img src=&https://pic3.zhimg.com/v2-32ac85c8ee934d73f994_b.jpg& data-rawwidth=&400& data-rawheight=&400& class=&content_image& width=&400&&&/figure&&p&&figure&&img src=&https://pic3.zhimg.com/v2-fa13b43e2d401d6aecde8ba2ed54f50f_b.jpg& data-rawwidth=&400& data-rawheight=&400& class=&content_image& width=&400&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-ebb587daa61_b.jpg& data-rawwidth=&564& data-rawheight=&618& class=&origin_image zh-lightbox-thumb& width=&564& data-original=&https://pic2.zhimg.com/v2-ebb587daa61_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-787fbe7ae1f91d577426fbf_b.jpg& data-rawwidth=&500& data-rawheight=&750& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic1.zhimg.com/v2-787fbe7ae1f91d577426fbf_r.jpg&&&/figure&较强的色彩对比案例：(主色相差较大）&/p&&p&&figure&&img src=&https://pic4.zhimg.com/v2-98a3f7cbfc6bb05c1c8fdfe_b.jpg& data-rawwidth=&564& data-rawheight=&507& class=&origin_image zh-lightbox-thumb& width=&564& data-original=&https://pic4.zhimg.com/v2-98a3f7cbfc6bb05c1c8fdfe_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-f31c0be50f22fe6a4e9fae4ceb4a10f0_b.jpg& data-rawwidth=&443& data-rawheight=&640& class=&origin_image zh-lightbox-thumb& width=&443& data-original=&https://pic2.zhimg.com/v2-f31c0be50f22fe6a4e9fae4ceb4a10f0_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-c846e5cf65bfa155d54e6bb151ec7b26_b.jpg& data-rawwidth=&564& data-rawheight=&729& class=&origin_image zh-lightbox-thumb& width=&564& data-original=&https://pic4.zhimg.com/v2-c846e5cf65bfa155d54e6bb151ec7b26_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-a90d4ae0c2efc8c1116d58_b.jpg& data-rawwidth=&564& data-rawheight=&565& class=&origin_image zh-lightbox-thumb& width=&564& data-original=&https://pic4.zhimg.com/v2-a90d4ae0c2efc8c1116d58_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-a4fbd4645_b.jpg& data-rawwidth=&564& data-rawheight=&655& class=&origin_image zh-lightbox-thumb& width=&564& data-original=&https://pic3.zhimg.com/v2-a4fbd4645_r.jpg&&&/figure&&b&3.纯度对比&/b&&br&&/p&&blockquote&同一种颜色，色彩的纯度越高，给人的直观感觉就是越鲜艳。在颜色中加入灰色之后，颜色的纯度会降低，随着灰色的增多，颜色会向着灰色逐渐偏移，变得毫无生气。&br&&/blockquote&&p&我们可以通过混入灰色/黑色使原色的纯度降低，但后者也同时会降低明度。色彩纯度的降低，通俗地说表现为由鲜艳到黯淡。&/p&&p&&figure&&img src=&https://pic4.zhimg.com/v2-c85b9c7ab2b1dc71f09e23_b.jpg& data-rawwidth=&410& data-rawheight=&344& class=&content_image& width=&410&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-0a35d8e1a3f51df32c89aa87_b.jpg& data-rawwidth=&949& data-rawheight=&1024& class=&origin_image zh-lightbox-thumb& width=&949& data-original=&https://pic4.zhimg.com/v2-0a35d8e1a3f51df32c89aa87_r.jpg&&&/figure&&b&4.冷暖对比&/b&&/p&&blockquote&冷暖本来是人对外部温度的感觉，这种感觉促使人看到红橙黄感到温暖，看到蓝紫绿感到寒冷。而蓝色和橙色是色彩冷暖的两极。&/blockquote&&p&&figure&&img src=&https://pic1.zhimg.com/v2-41601cbb0fce1cfaaa522b_b.jpg& data-rawwidth=&400& data-rawheight=&400& class=&content_image& width=&400&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-67e704dbff5a_b.jpg& data-rawwidth=&437& data-rawheight=&399& class=&origin_image zh-lightbox-thumb& width=&437& data-original=&https://pic1.zhimg.com/v2-67e704dbff5a_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-291fc3bc10a300decf7420_b.jpg& data-rawwidth=&400& data-rawheight=&400& class=&content_image& width=&400&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-4de95262bca935ed16e57adf361674fc_b.jpg& data-rawwidth=&398& data-rawheight=&454& class=&content_image& width=&398&&&/figure&&b&三.色彩调和与秩序构成&/b&&/p&&b&色彩调和&/b&&br&&blockquote&在色彩构成中，对比是绝对的，调和是相对的。因为色彩的组合总会存在色相、明度、纯度等方面的对比，而调和又是与对比共存的，没有对比也就无所谓调和。&/blockquote&&p&&b&1.同色相调和&/b&&br&&/p&&p&指采用同一色相的颜色进行组合，色彩的选择限制在色环中60°之内的色相。简而言之就是相似色配色，也是生活中常见的配色方式，效果与之前的弱色相对比、明度对比较为相似。&/p&&p&&figure&&img src=&https://pic4.zhimg.com/v2-acec2679591facd3cf275b9_b.jpg& data-rawwidth=&400& data-rawheight=&400& class=&content_image& width=&400&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-eed548ba8b7add45_b.jpg& data-rawwidth=&400& data-rawheight=&400& class=&content_image& width=&400&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-ddfc_b.jpg& data-rawwidth=&400& data-rawheight=&400& class=&content_image& width=&400&&&/figure&&b&2.同明度调和&/b&&/p&&p&指采用相同明度的色彩进行组合的方式，色彩在色相、纯度方面有所变化。&/p&&p&&figure&&img src=&https://pic2.zhimg.com/v2-ce9cddf07bc_b.jpg& data-rawwidth=&564& data-rawheight=&564& class=&origin_image zh-lightbox-thumb& width=&564& data-original=&https://pic2.zhimg.com/v2-ce9cddf07bc_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-fd66bcecd7cbee0a02ae55_b.jpg& data-rawwidth=&400& data-rawheight=&400& class=&content_image& width=&400&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-5d9ce6cf9826356fae263_b.jpg& data-rawwidth=&564& data-rawheight=&513& class=&origin_image zh-lightbox-thumb& width=&564& data-original=&https://pic3.zhimg.com/v2-5d9ce6cf9826356fae263_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-819e365f233cde3a88a0b27eadab25af_b.jpg& data-rawwidth=&400& data-rawheight=&461& class=&content_image& width=&400&&&/figure&&b&3.同纯度调和&/b&&/p&&p&指采用相同纯度的色彩进行组合，色彩在色相、明度方面应当有所变化，避免出现脏灰等不良效果。&/p&&p&&figure&&img src=&https://pic3.zhimg.com/v2-b88df80d8aee94e8a2b8bb023712bed0_b.jpg& data-rawwidth=&400& data-rawheight=&400& class=&content_image& width=&400&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-eaff8be74_b.jpg& data-rawwidth=&400& data-rawheight=&400& class=&content_image& width=&400&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-de4ce6f9d590c53090aba03d2361ecb7_b.jpg& data-rawwidth=&398& data-rawheight=&452& class=&content_image& width=&398&&&/figure&&b&色彩秩序&/b&&/p&&blockquote&色彩秩序可以使色彩变得有条理，从而取得色彩的调和。色彩秩序是按色相的逐渐转移、明度由明到暗、色彩冷暖的有序排列等规律，有秩序地建立起来的。&br&&/blockquote&&p&&b&1.色相秩序构成&/b&&/p&&p&按照色相环中红橙黄绿青蓝紫的顺序进行色彩排列的构成方式，兼具不同的色彩相貌，色彩感强烈，却能给人祥和、美好的视觉感受。&/p&&p&&figure&&img src=&https://pic3.zhimg.com/v2-f0e7ba5d9bd09acb171dad_b.jpg& data-rawwidth=&500& data-rawheight=&620& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic3.zhimg.com/v2-f0e7ba5d9bd09acb171dad_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-771e3e4c7bc99387aea65_b.jpg& data-rawwidth=&564& data-rawheight=&564& class=&origin_image zh-lightbox-thumb& width=&564& data-original=&https://pic3.zhimg.com/v2-771e3e4c7bc99387aea65_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-7b9fc2bee9eca7c75abf7_b.jpg& data-rawwidth=&500& data-rawheight=&667& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic4.zhimg.com/v2-7b9fc2bee9eca7c75abf7_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-4bce399ba625b026d7650c_b.jpg& data-rawwidth=&398& data-rawheight=&600& class=&content_image& width=&398&&&/figure&&b&2.明度秩序构成&/b&&/p&&p&按照由明到暗的顺序，一种中等明度的色彩加白、加黑的秩序构成方式。由于明度秩序的特征就是深浅变化，黑白分明，但色彩比较单一。&/p&&p&&figure&&img src=&https://pic1.zhimg.com/v2-eea0c5bb256f_b.jpg& data-rawwidth=&564& data-rawheight=&800& class=&origin_image zh-lightbox-thumb& width=&564& data-original=&https://pic1.zhimg.com/v2-eea0c5bb256f_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-0dfeaa015d5f_b.jpg& data-rawwidth=&550& data-rawheight=&733& class=&origin_image zh-lightbox-thumb& width=&550& data-original=&https://pic4.zhimg.com/v2-0dfeaa015d5f_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-da3a77e4feb_b.jpg& data-rawwidth=&550& data-rawheight=&733& class=&origin_image zh-lightbox-thumb& width=&550& data-original=&https://pic1.zhimg.com/v2-da3a77e4feb_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-cd2de44c76efd089ba72f1af5a93d190_b.jpg& data-rawwidth=&550& data-rawheight=&795& class=&origin_image zh-lightbox-thumb& width=&550& data-original=&https://pic2.zhimg.com/v2-cd2de44c76efd089ba72f1af5a93d190_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-d7f7d5a5c10ea7c97cf2ab_b.jpg& data-rawwidth=&550& data-rawheight=&611& class=&origin_image zh-lightbox-thumb& width=&550& data-original=&https://pic4.zhimg.com/v2-d7f7d5a5c10ea7c97cf2ab_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-64f8fc14746bda1bad7abda_b.jpg& data-rawwidth=&550& data-rawheight=&611& class=&origin_image zh-lightbox-thumb& width=&550& data-original=&https://pic2.zhimg.com/v2-64f8fc14746bda1bad7abda_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-4ac66d3f_b.jpg& data-rawwidth=&550& data-rawheight=&733& class=&origin_image zh-lightbox-thumb& width=&550& data-original=&https://pic3.zhimg.com/v2-4ac66d3f_r.jpg&&&/figure&&b&3.纯度秩序构成&/b&&/p&&p&按照色彩纯度由鲜到灰的顺序进行色彩排列的秩序构成方式，由于纯度比较细微，图形看看起来含混模糊，调和效果显著，但往往缺少明快和生动。&/p&&p&&b&&figure&&img src=&https://pic3.zhimg.com/v2-f5f7bc9da6639eaa15fce4_b.jpg& data-rawwidth=&903& data-rawheight=&939& class=&origin_image zh-lightbox-thumb& width=&903& data-original=&https://pic3.zhimg.com/v2-f5f7bc9da6639eaa15fce4_r.jpg&&&/figure&四.色彩情感&/b&&/p&&blockquote&色彩本身只是一种物理现象，无所谓情感。人之所以能够感知色彩的情感，是因为人们长期生活在一个色彩世界中，会产生色彩联想，并在心里引发情绪。&/blockquote&&p&红色：热情、活力、危险...&/p&&p&橙色：温暖、欢喜、嫉妒...&/p&&p&黄色：光明、希望、快活...&/p&&p&绿色：和平、安全、新鲜...&/p&&p&蓝色：平静、悠久、理智...&/p&&p&紫色：优雅、高贵、神秘...&/p&&p&黑色：严肃、恐怖、死亡...&/p&&p&白色：纯洁、神圣、光明...&/p&&p&在色彩的情感表现中，色相决定了情感的基调，明度确定强度，纯度确定态度。纯度越高，态度越积极，纯度越低，态度越消极。&/p&&p&&figure&&img src=&https://pic4.zhimg.com/v2-ffd309e05484fdb9fb3ba424_b.jpg& data-rawwidth=&400& data-rawheight=&400& class=&content_image& width=&400&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-e5170febcac4c0515bd28fae_b.jpg& data-rawwidth=&564& data-rawheight=&505& class=&origin_image zh-lightbox-thumb& width=&564& data-original=&https://pic4.zhimg.com/v2-e5170febcac4c0515bd28fae_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-b6ee8f03ac1b05e9ab827fa39b2501db_b.jpg& data-rawwidth=&400& data-rawheight=&400& class=&content_image& width=&400&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-82d072d122a7bbfededda8e96a5d60ac_b.jpg& data-rawwidth=&400& data-rawheight=&400& class=&content_image& width=&400&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-3a328cba3df4fcb154dc1b_b.jpg& data-rawwidth=&400& data-rawheight=&400& class=&content_image& width=&400&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-27d6c919e5a118a80be460325fcd94db_b.jpg& data-rawwidth=&399& data-rawheight=&439& class=&content_image& width=&399&&&/figure&本期内容就到这里，如果有所帮助可以&b&点赞收藏打赏&/b&O(∩_∩)O&/p&&p&所用案例图片大多来自Pinterest，搜索color palette(调色板)即可。&/p&&p&新浪微博/微信订阅：观海PPT&/p&
读书笔记已经到第二篇啦，这次详解设计专业必读的配色基础书籍—《色彩构成》，选用的依然是清华大学于国瑞编著的这本书。上一期的《平面构成》总结了点线面在设计中的基本用法，错过的同学可以戳第一章.色彩基础知识1.光与色没有光颜色也就无…
&figure&&img src=&https://pic4.zhimg.com/v2-8f6d041db0f85a021e4a45dd68ce7949_b.jpg& data-rawwidth=&800& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&https://pic4.zhimg.com/v2-8f6d041db0f85a021e4a45dd68ce7949_r.jpg&&&/figure&&p&习惯是一种很强大的力量，它无形中可以改变你的生活方式，工作方式。良好的工作习惯可以极大地提高工作效率和专业能力。新人设计师刚开始从事设计行业，在工作中养成一些良好的习惯可以快速成长，提高工作效率，接到需求的时候不会那么迷茫，不知道从何下手。&/p&&p&今天我们来谈谈新人设计师在工作中需要养成的5个好习惯，仅仅是个人在工作中总结出来的几点经验，我自己也有很多做不好的地方，若有说得不对的，欢迎一起讨论，共同成长。（文中所有案例均来源于网络，版权归原作者所有。）&/p&&p&&b&1.养成整理并且归类素材的好习惯。&/b&&/p&&p&设计师经常在网上浏览别人的作品，有时候同事也会共享他们的一些作品。看到好的作品，我们通常觉得很心动，心想别人怎么能设计得这么好看！于是鼠标右键另存为，默默保存了，希望下次自己做图的时候能参考一下。日积月累，我们收集的作品越来越多。设计风格有那么多种，如果今天我们接到一个需求，要做成文艺的风格，我们想参考一下之前自己收集的别人的优秀作品，从何而找？收集的作品又多又乱，找起来是非常浪费时间并且极大地降低了工作效率。所以，整理并且归类素材是非常重要的。如果你的归类做得好，你在接到需求的时候就知道要从哪里找灵感。下面是我花瓣主页的一部分截图。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-036a56f5b1c_b.jpg& data-rawwidth=&642& data-rawheight=&397& class=&origin_image zh-lightbox-thumb& width=&642& data-original=&https://pic2.zhimg.com/v2-036a56f5b1c_r.jpg&&&/figure&&p&我把平时收集到的一些作品的风格进行了分类，分为活泼、时尚、体育、科技、传统等等风格。当我接到需求的时候，先明确这个需求是要做成什么样的风格的，再从我分好类的作品当中去找灵感。这样就会提高工作效率。&/p&&p&例如，下面这些案例的风格可以归类为体育风。当你要做一个体育类的需求，就可以从下面这些案例当中去找灵感。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-c970ea07af1cebdc87727eed_b.jpg& data-rawwidth=&616& data-rawheight=&800& class=&origin_image zh-lightbox-thumb& width=&616& data-original=&https://pic1.zhimg.com/v2-c970ea07af1cebdc87727eed_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-bb6ba45a3e86b65de933d7e_b.jpg& data-rawwidth=&671& data-rawheight=&800& class=&origin_image zh-lightbox-thumb& width=&671& data-original=&https://pic3.zhimg.com/v2-bb6ba45a3e86b65de933d7e_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-3adcbb8386e1_b.jpg& data-rawwidth=&627& data-rawheight=&800& class=&origin_image zh-lightbox-thumb& width=&627& data-original=&https://pic2.zhimg.com/v2-3adcbb8386e1_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-9c553f2db79c6b7143e49_b.jpg& data-rawwidth=&627& data-rawheight=&800& class=&origin_image zh-lightbox-thumb& width=&627& data-original=&https://pic2.zhimg.com/v2-9c553f2db79c6b7143e49_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-eb6319cae2c95ed1b57cc3_b.jpg& data-rawwidth=&627& data-rawheight=&800& class=&origin_image zh-lightbox-thumb& width=&627& data-original=&https://pic1.zhimg.com/v2-eb6319cae2c95ed1b57cc3_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-d0000185efc4a676e24c5b1b_b.jpg& data-rawwidth=&504& data-rawheight=&504& class=&origin_image zh-lightbox-thumb& width=&504& data-original=&https://pic1.zhimg.com/v2-d0000185efc4a676e24c5b1b_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-a61bb8ac7b343d1ff6a138dbe1458e9f_b.jpg& data-rawwidth=&504& data-rawheight=&504& class=&origin_image zh-lightbox-thumb& width=&504& data-original=&https://pic2.zhimg.com/v2-a61bb8ac7b343d1ff6a138dbe1458e9f_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-cb0cb4e57def_b.jpg& data-rawwidth=&1000& data-rawheight=&678& class=&origin_image zh-lightbox-thumb& width=&1000& data-original=&https://pic3.zhimg.com/v2-cb0cb4e57def_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-31911fab5c2c49baab0e1b_b.jpg& data-rawwidth=&1000& data-rawheight=&678& class=&origin_image zh-lightbox-thumb& width=&1000& data-original=&https://pic3.zhimg.com/v2-31911fab5c2c49baab0e1b_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-b91eabeea7c0_b.jpg& data-rawwidth=&1000& data-rawheight=&678& class=&origin_image zh-lightbox-thumb& width=&1000& data-original=&https://pic4.zhimg.com/v2-b91eabeea7c0_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-e7cf2fbc6d8517539eecbca_b.jpg& data-rawwidth=&1000& data-rawheight=&678& class=&origin_image zh-lightbox-thumb& width=&1000& data-original=&https://pic4.zhimg.com/v2-e7cf2fbc6d8517539eecbca_r.jpg&&&/figure&&p&再比如，下面这些案例的风格可以归类为复古风。当你要做一个复古风的需求时，就可以从下面这些案例当中去找灵感。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-498db978caccc_b.jpg& data-rawwidth=&496& data-rawheight=&495& class=&origin_image zh-lightbox-thumb& width=&496& data-original=&https://pic2.zhimg.com/v2-498db978caccc_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-c9ccb76930b3bbf4ff49fc9c_b.jpg& data-rawwidth=&496& data-rawheight=&495& class=&origin_image zh-lightbox-thumb& width=&496& data-original=&https://pic1.zhimg.com/v2-c9ccb76930b3bbf4ff49fc9c_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-325d52e4b773d31cdbbc_b.jpg& data-rawwidth=&496& data-rawheight=&495& class=&origin_image zh-lightbox-thumb& width=&496& data-original=&https://pic3.zhimg.com/v2-325d52e4b773d31cdbbc_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-476c8ab82d5f78a9eda9_b.jpg& data-rawwidth=&496& data-rawheight=&497& class=&origin_image zh-lightbox-thumb& width=&496& data-original=&https://pic2.zhimg.com/v2-476c8ab82d5f78a9eda9_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-a1ee5b6c4b60d369e3d199_b.jpg& data-rawwidth=&496& data-rawheight=&497& class=&origin_image zh-lightbox-thumb& width=&496& data-original=&https://pic3.zhimg.com/v2-a1ee5b6c4b60d369e3d199_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-7aa6cf7aed0e55ab0d9e4d_b.jpg& data-rawwidth=&496& data-rawheight=&495& class=&origin_image zh-lightbox-thumb& width=&496& data-original=&https://pic2.zhimg.com/v2-7aa6cf7aed0e55ab0d9e4d_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-d59aa02fa7bd4cfc55f76ee241d9ca41_b.jpg& data-rawwidth=&496& data-rawheight=&495& class=&origin_image zh-lightbox-thumb& width=&496& data-original=&https://pic3.zhimg.com/v2-d59aa02fa7bd4cfc55f76ee241d9ca41_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-27ef20d891c1aba6e3f16_b.jpg& data-rawwidth=&479& data-rawheight=&570& class=&origin_image zh-lightbox-thumb& width=&479& data-original=&https://pic2.zhimg.com/v2-27ef20d891c1aba6e3f16_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-eb167c292eb83c3466d45a_b.jpg& data-rawwidth=&496& data-rawheight=&545& class=&origin_image zh-lightbox-thumb& width=&496& data-original=&https://pic3.zhimg.com/v2-eb167c292eb83c3466d45a_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-e8bab93ebb40efa6ee4c02_b.jpg& data-rawwidth=&496& data-rawheight=&497& class=&origin_image zh-lightbox-thumb& width=&496& data-original=&https://pic1.zhimg.com/v2-e8bab93ebb40efa6ee4c02_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-069d9d0fcbf7_b.jpg& data-rawwidth=&496& data-rawheight=&495& class=&origin_image zh-lightbox-thumb& width=&496& data-original=&https://pic4.zhimg.com/v2-069d9d0fcbf7_r.jpg&&&/figure&&p&再比如，下面这些案例的风格可以归类为时尚风。当你要做一个时尚风的需求时，就可以从下面这些案例当中去找灵感。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-271a4eefec8a7aae3a859b4efc2ae24f_b.jpg& data-rawwidth=&564& data-rawheight=&2103& class=&origin_image zh-lightbox-thumb& width=&564& data-original=&https://pic4.zhimg.com/v2-271a4eefec8a7aae3a859b4efc2ae24f_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-feeddbdf7f66a405f4955_b.jpg& data-rawwidth=&564& data-rawheight=&739& class=&origin_image zh-lightbox-thumb& width=&564& data-original=&https://pic1.zhimg.com/v2-feeddbdf7f66a405f4955_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-32a347dc72be0e9f858f_b.jpg& data-rawwidth=&564& data-rawheight=&798& class=&origin_image zh-lightbox-thumb& width=&564& data-original=&https://pic2.zhimg.com/v2-32a347dc72be0e9f858f_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-2eb8e8c18aedf71502af9_b.jpg& data-rawwidth=&564& data-rawheight=&2252& class=&origin_image zh-lightbox-thumb& width=&564& data-original=&https://pic1.zhimg.com/v2-2eb8e8c18aedf71502af9_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-bf24dd5d2c114aeb337d0ffc_b.jpg& data-rawwidth=&564& data-rawheight=&768& class=&origin_image zh-lightbox-thumb& width=&564& data-original=&https://pic1.zhimg.com/v2-bf24dd5d2c114aeb337d0ffc_r.jpg&&&/figure&&p&你看过的案例越多，收集的案例越多，脑海中的案例越多，你做出来的作品质量就会越高，工作效率就会越高。&/p&&p&2.&b&定期翻看并删除自己收集的素材。&/b&&/p&&p&从事设计的时间越来越长，我们看的案例越来越多，无形中我们的审美能力也会越来越高。以前觉得有用的、好看的、可以参考的，可能现在回过头来重新翻看，觉得其实也就一般般，没什么参考价值。所以我们要定期清理自己的素材库，让自己的素材库精益求精，收集的作品的质量越来越高。收集别人的作品，不能仅仅求量，还要求质。&/p&&p&以下是我近期收集到的一些案例，平时工作灵感枯竭的时候，看看这些案例，或许可以有些新的想法。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-43ac63ae6fb39b0824150b_b.jpg& data-rawwidth=&658& data-rawheight=&346& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-43ac63ae6fb39b0824150b_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-1767bc0acef4407accb0214828fefe61_b.jpg& data-rawwidth=&658& data-rawheight=&462& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-1767bc0acef4407accb0214828fefe61_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-def1035b94_b.jpg& data-rawwidth=&658& data-rawheight=&346& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-def1035b94_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-9f9becc726a4d3a4720c0_b.jpg& data-rawwidth=&658& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic4.zhimg.com/v2-9f9becc726a4d3a4720c0_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-18a15ec5e71e_b.jpg& data-rawwidth=&658& data-rawheight=&1523& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-18a15ec5e71e_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-2dc5d2c3dfadcc4_b.jpg& data-rawwidth=&1200& data-rawheight=&803& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&https://pic3.zhimg.com/v2-2dc5d2c3dfadcc4_r.jpg&&&/figure&&p&3.&b&规范命名源文件的图层，并做好分组。&/b&&br&&/p&&p&我在工作中会经常遇到要二次处理别人作品的情况。客户提供他们的设计做的图，由我们来修改成合适的尺寸，方便放到我们的客户端上面，这时候的设计师俗称“接盘侠”。每一次我看到源文件里面乱七八糟的图层命名和乱七八糟的分组，我都一肚子火。&/p&&p&混乱的命名和分组是对自己和对别人的不负责。如果是图层简单的源文件，后果还没那么严重。如果是几百个图层甚至上千个图层，没有做好命名和分组，自己做图的时候，思维肯定会越来越混乱。没有规范命名和分组图层，也会不利于同事二次处理你的源文件，领导看到你混乱的图层，对你的印象也会减分。所以，规范命名图层和做好分组非常重要，我们一定要养成这个习惯。这一点，我自己也做不好，还在改善中。以下是我工作文件中的一个截屏，这个源文件的图层不算复杂，仅供参考。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-66bfdcd1e3e4ecf8c615d0c_b.jpg& data-rawwidth=&256& data-rawheight=&608& class=&content_image& width=&256&&&/figure&&p&&b&4.不仅要规范命名图层，还要规范命名你的工作文件。&/b&&/p&&p&规范命名工作文件有两个主要原因。第一，方便以后查找文件。比如今天同事需要用到你去年做的一个时装周H5的源文件，如果你没有规范命名，你要从何查找。你要翻回去年做的文件，一个一个找吗？无疑这是一个非常浪费时间的行为。那如果当初做需求的时候，首先新建了一个文件夹，并把此文件夹命名为_H5_2015秋冬时装周，今天查找起来是不是特别方便呢？只要在电脑的搜索框输入2015秋冬时装周，搜索结果就出来了。&/p&&p&第二，方便同事用你的电脑查找你的文件。我曾经试过在请假期间，需求方临时要改需求，由于我不在公司，必须要同事帮忙完成需求。在这种情况下，如果你规范命名了工作文件，同事就可以快速找到你的文件，帮忙完成需求。否则，同事花了很长时间都找不到想要的源文件，甚至连你自己都讲不清楚你的文件保存在哪里了，这样是不是特别糟糕？连累别人，还让别人对你的印象减分。所以，记得要规范命名工作文件哦。&/p&&p&5.&b&共享源文件给同事的时候，要记得删除隐藏图层。&/b&&/p&&p&为什么要删除隐藏图层呢？第一，删除隐藏图层后文件大小会小很多，真的小很多，不信你试试。这对于接收文件的同事来说绝对是一种非常贴心的行为。第二，图层少了，别人修改你的源文件也会轻松很多。那怎么删除隐藏图层呢？点下图红框框住的部分，再点击删除隐藏图层就好了，非常简单。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-c77b9e74d5cc3628d40fae12f428fb9f_b.jpg& data-rawwidth=&275& data-rawheight=&727& class=&content_image& width=&275&&&/figure&&p&以上就是我分享的新人设计师在工作中要养成的5个好习惯。别小看这5个习惯哦，养成了良好的工作习惯，离大神之路又近了一步。养成一个习惯并不是一瞬间的事情，需要长期坚持一个行为，自然而然形成一种习惯，有一天你不做这件事，你都觉得不自然。坚持做一件有意义的事，一直做，然后等待时间的回报。&/p&&p&&b&欢迎关注我的微信公众号哦。&/b&&/p&&p&&b&公众号名称：凉小七&/b&&/p&&p&&b&公众号ID：sunnyxiaoqi597&/b&&/p&&p&&a href=&https://link.zhihu.com/?target=http%3A//weixin.qq.com/r/1DnD273EVOArrfm492zG& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&weixin.qq.com/r/1DnD273&/span&&span class=&invisible&&EVOArrfm492zG&/span&&span class=&ellipsis&&&/span&&/a& (二维码自动识别)&/p&
习惯是一种很强大的力量，它无形中可以改变你的生活方式，工作方式。良好的工作习惯可以极大地提高工作效率和专业能力。新人设计师刚开始从事设计行业，在工作中养成一些良好的习惯可以快速成长，提高工作效率，接到需求的时候不会那么迷茫，不知道从何下手…
&figure&&img src=&https://pic4.zhimg.com/v2-fe97b2c184d_b.jpg& data-rawwidth=&900& data-rawheight=&500& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&https://pic4.zhimg.com/v2-fe97b2c184d_r.jpg&&&/figure&&p&作为一个重度沉溺在音乐世界中的设计师，我是上班路上塞着耳机，作图的时候塞着耳机，下班路上还是塞着耳机的，其实这样对听力不好。但是一边听音乐一边作图，真的觉得灵感都丰富多了。心情愉快，做出来的图也会更令人满意哦。&/p&&p&所以我是每天都必须打开音乐类APP的人，平时用得最多的两个音乐类APP就是网易云音乐和虾米音乐。很喜欢这两个APP，觉得无论从视觉设计上，还是用户体验上，它们都有可圈可点之处。我认为网易云音乐和虾米音乐的banner设计都比较有设计感。&br&&/p&&p&今天我想和大家简单分析一下，这两个APP的banner设计。主要从构图、字体、配色、装饰这四个方面来分析。以下案例均来自网络，版权归网易云音乐和虾米音乐所有。&br&&/p&&p&首先想和大家简析一下网易云音乐的banner设计。&br&&/p&&p&&strong&1.构图&/strong&&br&&/p&&p&A.左字右图。&/p&&p&左字右图是最常见最容易掌握的排版，中规中矩，不易出错。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-0de798315_b.png& data-rawwidth=&658& data-rawheight=&299& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-0de798315_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-5d50ab6b0bb231cedf3e6bb10d204cf5_b.png& data-rawwidth=&658& data-rawheight=&300& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-5d50ab6b0bb231cedf3e6bb10d204cf5_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-e717ccc9_b.png& data-rawwidth=&658& data-rawheight=&289& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-e717ccc9_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-ff92ba5dfcba3cbfe2ba9c_b.png& data-rawwidth=&658& data-rawheight=&300& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-ff92ba5dfcba3cbfe2ba9c_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-a2ae3bca2b_b.png& data-rawwidth=&658& data-rawheight=&308& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-a2ae3bca2b_r.jpg&&&/figure&&p&B.左图右字。&/p&&p&左图右字和左字右图差不多，首先要根据素材图片的构图和走向确定图片是适合放在左边还是右边，再做文案的排版。左图右字也是属于比较常规不容易出错的构图。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-4b2a518133ace23ff4a7e_b.png& data-rawwidth=&658& data-rawheight=&298& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-4b2a518133ace23ff4a7e_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-ebd3aea88ba156ffedf96baec5c6c91d_b.png& data-rawwidth=&658& data-rawheight=&304& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-ebd3aea88ba156ffedf96baec5c6c91d_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-bbc3836aaeb9c1bace4e507_b.jpg& data-rawwidth=&658& data-rawheight=&303& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic4.zhimg.com/v2-bbc3836aaeb9c1bace4e507_r.jpg&&&/figure&&p&C.左中右构图。&/p&&p&左中右构图。左中右构图一般为左图中字右图或者左字中图右字。这种构图比左右构图版式会丰富点，但是比它们难把握。如果banner上要出现两个人物，比较适合左中右构图。或者想要重点突出人物，也可以把人物居中，把文案放在人物两侧。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-891faefe8b455abdf1a40b7_b.png& data-rawwidth=&658& data-rawheight=&305& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic4.zhimg.com/v2-891faefe8b455abdf1a40b7_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-dcbc0_b.png& data-rawwidth=&658& data-rawheight=&299& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-dcbc0_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-bada433efc778_b.png& data-rawwidth=&658& data-rawheight=&299& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-bada433efc778_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-af56bcefcb5_b.png& data-rawwidth=&658& data-rawheight=&293& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-af56bcefcb5_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-05bcfb21fa0b72ffb0c9_b.jpg& data-rawwidth=&658& data-rawheight=&303& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-05bcfb21fa0b72ffb0c9_r.jpg&&&/figure&&p&D.上下构图。&/p&&p&上下构图一般为上字下图。上下构图不好掌握，常见于一个Banner中要出现多个人物，多个人物在左右构图里不好摆放。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-eaf903e13_b.jpg& data-rawwidth=&658& data-rawheight=&299& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic4.zhimg.com/v2-eaf903e13_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-68a345c0d6c0cf916d770240fbe14b69_b.png& data-rawwidth=&658& data-rawheight=&303& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-68a345c0d6c0cf916d770240fbe14b69_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-1ffb1b87dc7121add20dc18f4c82708b_b.png& data-rawwidth=&658& data-rawheight=&306& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic4.zhimg.com/v2-1ffb1b87dc7121add20dc18f4c82708b_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-b4dec335ea0bfea080cb0_b.png& data-rawwidth=&658& data-rawheight=&304& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-b4dec335ea0bfea080cb0_r.jpg&&&/figure&&p&E.文字作为主体居中&/p&&p&图片作为背景起到一个装饰的作用，或者没有图片素材。常见于文案内容比较抽象、不方便或者不需要用到图片素材、不知道用什么图片素材去表达画面内容，没有一个代表性的图片素材作为画面主体的情况。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-7eaadae1a5a2f1e_b.png& data-rawwidth=&658& data-rawheight=&288& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic3.zhimg.com/v2-7eaadae1a5a2f1e_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-823fccc526dd257b5fbd7_b.png& data-rawwidth=&658& data-rawheight=&301& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic4.zhimg.com/v2-823fccc526dd257b5fbd7_r.jpg&&&/figure&&p&F.不规则构图。&/p&&p&不规则构图最难把握，相对的，最有设计感。不规则构图如果把握得好，版式的丰富会给人眼前一亮的感觉。其实不规则构图也是在常规构图的基础上再做一些变化，万变不离其宗。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-8d351b51b35e9b74c481fd24af24f4f8_b.png& data-rawwidth=&658& data-rawheight=&305& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-8d351b51b35e9b74c481fd24af24f4f8_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-43a734d347ad7bd592d2110_b.jpg& data-rawwidth=&658& data-rawheight=&303& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-43a734d347ad7bd592d2110_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-c19eaf04a18b381d0484_b.png& data-rawwidth=&658& data-rawheight=&301& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-c19eaf04a18b381d0484_r.jpg&&&/figure&&p&&strong&2.字体&/strong&&/p&&p&正确选择字体在banner设计中也是非常重要的，字体的气质和画面的气质要一致，这样画面看起来才是一个和谐的整体。例如，如果画面中的人物是女生，就不适宜用粗犷硬朗的字体，要用能够衬托出主角气质的字体。&/p&&p&字体主要分为两类，一类是系统字体，一类是设计师自己设计的字体，设计师设计字体可以在系统字体的基础上做些改变，或者自己重新设计字体的笔画，但是重新设计会比较费时间。所以要根据工作时间做合理的安排，如果时间紧急，就没必要做字体设计了。当然对于大神来说，做个字体设计是小菜一碟，但是对于我来说，做字体设计还是挺吃力的，还需努力。&br&&/p&&p&网易云音乐作为一个音乐类APP，banner的风格一般都比较文艺，最常见的字体是宋体和细黑体，有时候会根据画面的气质做相应的改变。下面举几个案例。&br&&/p&&p&A.用宋体和细黑体表达文艺、品质感的气质。&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-5d50ab6b0bb231cedf3e6bb10d204cf5_b.png& data-rawwidth=&658& data-rawheight=&300& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-5d50ab6b0bb231cedf3e6bb10d204cf5_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-a2ae3bca2b_b.png& data-rawwidth=&658& data-rawheight=&308& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-a2ae3bca2b_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-1d80b9f1dcb8a997d194_b.png& data-rawwidth=&658& data-rawheight=&303& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-1d80b9f1dcb8a997d194_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-eca88b514af632b5232fdbd2a60d9b7b_b.jpg& data-rawwidth=&658& data-rawheight=&263& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic4.zhimg.com/v2-eca88b514af632b5232fdbd2a60d9b7b_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-c24cb1e6b867d1d00dfd1dc_b.jpg& data-rawwidth=&658& data-rawheight=&301& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-c24cb1e6b867d1d00dfd1dc_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-73ee178dc447afb49cf26bf_b.jpg& data-rawwidth=&640& data-rawheight=&371& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-73ee178dc447afb49cf26bf_r.jpg&&&/figure&&p&B.根据画面的气质做相应的选择。&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-9ce295dbebf03a56ca25e78_b.jpg& data-rawwidth=&658& data-rawheight=&303& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-9ce295dbebf03a56ca25e78_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-e717ccc9_b.png& data-rawwidth=&658& data-rawheight=&289& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-e717ccc9_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-bf1eb8e9ff0ec16eccea5985807bcda8_b.jpg& data-rawwidth=&658& data-rawheight=&303& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-bf1eb8e9ff0ec16eccea5985807bcda8_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-c6aafbd07f048e98b16302_b.jpg& data-rawwidth=&658& data-rawheight=&303& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic3.zhimg.com/v2-c6aafbd07f048e98b16302_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-f19adde4e6ab6cdcbabb543f14d58884_b.png& data-rawwidth=&658& data-rawheight=&301& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-f19adde4e6ab6cdcbabb543f14d58884_r.jpg&&&/figure&&p&C.字体设计。&/p&&p&经过设计的字体总是让人眼前一亮，富有设计感。为画面增色不少。&br&&br&&figure&&img src=&https://pic3.zhimg.com/v2-cbcdb0749846_b.jpg& data-rawwidth=&658& data-rawheight=&303& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic3.zhimg.com/v2-cbcdb0749846_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-a1cbe5447885eae7ac7dbb9_b.png& data-rawwidth=&658& data-rawheight=&303& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-a1cbe5447885eae7ac7dbb9_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-2e4dd573a4e3eeaf47fb9_b.png& data-rawwidth=&658& data-rawheight=&302& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-2e4dd573a4e3eeaf47fb9_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-2ad8a4d9d61b08dcb6a268_b.png& data-rawwidth=&658& data-rawheight=&301& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-2ad8a4d9d61b08dcb6a268_r.jpg&&&/figure&&br&&figure&&img src=&https://pic2.zhimg.com/v2-af56bcefcb5_b.png& data-rawwidth=&658& data-rawheight=&293& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-af56bcefcb5_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-b1dc69557bee77908faa11d631e8aff5_b.png& data-rawwidth=&658& data-rawheight=&295& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-b1dc69557bee77908faa11d631e8aff5_r.jpg&&&/figure&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-05bcfb21fa0b72ffb0c9_b.jpg& data-rawwidth=&658& data-rawheight=&303& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-05bcfb21fa0b72ffb0c9_r.jpg&&&/figure&&p&&strong&3.配色&/strong&&/p&&p&配色用得最多的两种方法，第一，把素材黑白化，再根据文案和人物的气质选取一个合适的颜色。第二种方法就是从素材里面直接吸取合适的颜色，再调节饱和度和明度，调出一个基本色，再取基本色的对比色、近似色等等作为辅助色。&/p&&p&下面举几个把素材黑白化，根据文案和人物的气质选取一个合适的颜色的案例。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-ef6e0d3c26bbf68115c09f_b.png& data-rawwidth=&658& data-rawheight=&302& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic4.zhimg.com/v2-ef6e0d3c26bbf68115c09f_r.jpg&&&/figure&&p&黄黑白这种颜色搭配比较经典，容易出效果。素材黑白化之后加入黄色的色块，对比鲜明，具有视觉冲击力，符合文案的气质。&figure&&img src=&https://pic1.zhimg.com/v2-b4dec335ea0bfea080cb0_b.png& data-rawwidth=&658& data-rawheight=&304& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-b4dec335ea0bfea080cb0_r.jpg&&&/figure&&/p&&p&浅蓝色和黑白搭配。人物素材黑白化处理之后，选用了浅蓝色作为背景色，再调节背景色的饱和度和明度，深蓝色点缀画面。&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-af56bcefcb5_b.png& data-rawwidth=&658& data-rawheight=&293& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-af56bcefcb5_r.jpg&&&/figure&&p&蓝色和黑白搭配。人物素材黑白化处理，可以看到人物的亮部调得很亮，黑色背景突出人物，文案用了蓝色。&/p&&p&下面举几个从素材里面直接吸取合适的颜色的案例。&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-05bcfb21fa0b72ffb0c9_b.jpg& data-rawwidth=&658& data-rawheight=&303& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-05bcfb21fa0b72ffb0c9_r.jpg&&&/figure&&p&可以看到人物衣服的颜色主色是蓝绿色和黄色。直接吸取衣服的颜色，加以调节，蓝绿色作为背景色，黄色作为点缀色，整个画面比较和谐统一。&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-73ee178dc447afb49cf26bf_b.jpg& data-rawwidth=&640& data-rawheight=&371& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-73ee178dc447afb49cf26bf_r.jpg&&&/figure&&p&可以看到人物衣服的颜色主色是蓝色和浅蓝色。所以直接用了浅蓝色作为背景色，蓝色作为文案色。&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-df3eb689c7d349ca07e0_b.jpg& data-rawwidth=&658& data-rawheight=&299& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-df3eb689c7d349ca07e0_r.jpg&&&/figure&&p&这个案例是吸取了人物头发的颜色，调浅之后作为背景色，调深了作为文案的颜色，再加入浅黄色和白色的色块，整个画面非常文艺和安静。&/p&&p&&strong&4.装饰&/strong&&/p&&p&装饰常见于点、线、面，或者一些手绘的元素等等，在确定基本的构图和配色之后，加入一点小元素和小装饰，会让画面更有细节，更有设计感。&br&&/p&&p&例如下面这个案例，给人物加上一些手绘的小装饰，画面增加了一些轻松、诙谐、可爱的感觉。加什么装饰，要看设计师的目的，而不是盲目地为了加而加，加任何一个元素，都要有它存在的意义。&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-38eb413da671a16a44959f_b.jpg& data-rawwidth=&658& data-rawheight=&302& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic4.zhimg.com/v2-38eb413da671a16a44959f_r.jpg&&&/figure&&p&例如下面这个案例，加入了嘴唇的剪影和线框，增强了设计感，线框把文案和人物连接在一起，形成一个整体。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-1d244c89c82bb70be87ba58ae659f7a6_b.png& data-rawwidth=&658& data-rawheight=&304& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic3.zhimg.com/v2-1d244c89c82bb70be87ba58ae659f7a6_r.jpg&&&/figure&&p&例如下面这个案例，斜线不仅填补了空白，平衡画面，而且丰富了画面。&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-4b866f645a2_b.jpg& data-rawwidth=&658& data-rawheight=&303& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic3.zhimg.com/v2-4b866f645a2_r.jpg&&&/figure&&p&下面这个案例也是同样的道理，波浪线和右边的英文字母不仅起到一个平衡画面的作用，还装饰了画面。&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-ee7d82d8c9abacfe4303_b.jpg& data-rawwidth=&658& data-rawheight=&306& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic4.zhimg.com/v2-ee7d82d8c9abacfe4303_r.jpg&&&/figure&&p&下面这个案例就加入了一些墨迹，渲染了“摇滚”的氛围，同时还起到“点”的作用，丰富了画面。&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-db0cecbbc47069_b.jpg& data-rawwidth=&658& data-rawheight=&302& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-db0cecbbc47069_r.jpg&&&/figure&&p&谈完了网易云音乐，下面和大家分享一下虾米音乐的banner设计。虾米音乐的我就不讲那么详细了，其实道理都差不多。下面主要是举例。&/p&&p&&strong&1.构图&/strong&&/p&&p&A.左图右字。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-0c7ebebb2c985db65234d_b.png& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-0c7ebebb2c985db65234d_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-0c7efff2e106_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic3.zhimg.com/v2-0c7efff2e106_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-45feb0ff71c12dfa5e963ef_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic4.zhimg.com/v2-45feb0ff71c12dfa5e963ef_r.jpg&&&/figure&&p&B.左字右图&br&&/p&&p&&figure&&img src=&https://pic3.zhimg.com/v2-f363b92ea9a9b7d0e28ec2_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic3.zhimg.com/v2-f363b92ea9a9b7d0e28ec2_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-c02f93ee3d5610e38eedda_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic3.zhimg.com/v2-c02f93ee3d5610e38eedda_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-e937a77e3bb2d3cb1213fa_b.png& data-rawwidth=&658& data-rawheight=&154& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic3.zhimg.com/v2-e937a77e3bb2d3cb1213fa_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-abe3b4cbc2b_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic4.zhimg.com/v2-abe3b4cbc2b_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-d4e83d0d9af0ac53b302c9_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-d4e83d0d9af0ac53b302c9_r.jpg&&&/figure&C.左中右构图&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-cda43f4a08e0de6eefa945_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-cda43f4a08e0de6eefa945_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-bc55b63fcfacbad7b445a_b.png& data-rawwidth=&658& data-rawheight=&150& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-bc55b63fcfacbad7b445a_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-2d65da103a9e7cc8ddcca_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic3.zhimg.com/v2-2d65da103a9e7cc8ddcca_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-6e2c80a2edd2af805311_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-6e2c80a2edd2af805311_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-ae_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic3.zhimg.com/v2-ae_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-3f49f85f2aad30aa82625_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-3f49f85f2aad30aa82625_r.jpg&&&/figure&&p&D.文字作为主体居中。&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-aeca8ff179deb2b8f6784792_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic3.zhimg.com/v2-aeca8ff179deb2b8f6784792_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-67af468b6bcac300f0572bcaa8427ca1_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-67af468b6bcac300f0572bcaa8427ca1_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-7b868d8b_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic4.zhimg.com/v2-7b868d8b_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-03b2f6e871b6f1a816a6a7e2aa28bfc2_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic3.zhimg.com/v2-03b2f6e871b6f1a816a6a7e2aa28bfc2_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-bc900c5167d0_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-bc900c5167d0_r.jpg&&&/figure&&p&&strong&2.字体&/strong&&/p&&p&A.用宋体表达文艺、品质感、复古的气质。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-52f49aaa90e3b0686263_b.png& data-rawwidth=&658& data-rawheight=&153& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic4.zhimg.com/v2-52f49aaa90e3b0686263_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-08acbabd3a38ccb7e82cb5_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-08acbabd3a38ccb7e82cb5_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-f68c026afb13637cfb729759_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-f68c026afb13637cfb729759_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-73d7f9a669a3ac04308ebbc92ea55a2e_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic3.zhimg.com/v2-73d7f9a669a3ac04308ebbc92ea55a2e_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-bc900c5167d0_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-bc900c5167d0_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-03b2f6e871b6f1a816a6a7e2aa28bfc2_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic3.zhimg.com/v2-03b2f6e871b6f1a816a6a7e2aa28bfc2_r.jpg&&&/figure&&p&B.在虾米音乐的banner里面，其实黑体反而是最常见的，大概是因为黑体几乎适合所有的气质，并且适合做标题吧。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-35ce529efd94bb8d24e1cc5e3c0a346c_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-35ce529efd94bb8d24e1cc5e3c0a346c_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-3f49f85f2aad30aa82625_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-3f49f85f2aad30aa82625_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-b2e4baf2d85aa44279cecf_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic4.zhimg.com/v2-b2e4baf2d85aa44279cecf_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-37eb1dfef55dfd9e90bf_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic4.zhimg.com/v2-37eb1dfef55dfd9e90bf_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-d6417ec8dedbcf968a003e01c8ce537d_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-d6417ec8dedbcf968a003e01c8ce537d_r.jpg&&&/figure&&p&C.根据画面的气质做相应的选择&/p&&figure&&img src=&https://pic1.zhimg.com/v2-7a7268493ffb2f49bf25b0_b.png& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-7a7268493ffb2f49bf25b0_r.jpg&&&/figure&&p&D.字体设计&/p&&p&看了一下我收集的案例，发现虾米音乐banner的字体设计比网易云音乐的要少。虾米音乐的Banner主要是运用点线面把画面的版式设计得非常丰富。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-ffff7b8dd84feb3f39f2f42ff7bd9002_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic3.zhimg.com/v2-ffff7b8dd84feb3f39f2f42ff7bd9002_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-4ebc862d8bb431d881ec_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-4ebc862d8bb431d881ec_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-d2fb9e00fbea_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic3.zhimg.com/v2-d2fb9e00fbea_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-ae8ed41eaa346d8f4d55e256_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic3.zhimg.com/v2-ae8ed41eaa346d8f4d55e256_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-acdc4cdee490ebb4b5585690_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-acdc4cdee490ebb4b5585690_r.jpg&&&/figure&&p&&strong&3.配色&/strong&&br&&/p&&p&A.发现虾米音乐非常喜欢把人物单色化处理。&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-52be057f21fd1d31cb182ec1a4eee0ad_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-52be057f21fd1d31cb182ec1a4eee0ad_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-acdc4cdee490ebb4b5585690_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-acdc4cdee490ebb4b5585690_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-f68c026afb13637cfb729759_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-f68c026afb13637cfb729759_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-6e2c80a2edd2af805311_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-6e2c80a2edd2af805311_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-37eb1dfef55dfd9e90bf_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic4.zhimg.com/v2-37eb1dfef55dfd9e90bf_r.jpg&&&/figure&&p&B.从素材里面直接吸取合适的颜色，再调节饱和度和明度。&/p&&p&吸取衣服的颜色。&/p&&p&&figure&&img src=&https://pic1.zhimg.com/v2-4ebc862d8bb431d881ec_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic1.zhimg.com/v2-4ebc862d8bb431d881ec_r.jpg&&&/figure&吸取衣服的颜色。&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-ae8ed41eaa346d8f4d55e256_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic3.zhimg.com/v2-ae8ed41eaa346d8f4d55e256_r.jpg&&&/figure&&p&吸取衣服图案的颜色。&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-290d4a0da1c342efa627933_b.png& data-rawwidth=&658& data-rawheight=&154& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic4.zhimg.com/v2-290d4a0da1c342efa627933_r.jpg&&&/figure&&p&吸取衣领的颜色。&br&&/p&&p&&figure&&img src=&https://pic3.zhimg.com/v2-c02f93ee3d5610e38eedda_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic3.zhimg.com/v2-c02f93ee3d5610e38eedda_r.jpg&&&/figure&吸取人物身上披着的布料的颜色。&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-f363b92ea9a9b7d0e28ec2_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic3.zhimg.com/v2-f363b92ea9a9b7d0e28ec2_r.jpg&&&/figure&&p&吸取人物衣服的颜色和肤色。&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-d4e83d0d9af0ac53b302c9_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-d4e83d0d9af0ac53b302c9_r.jpg&&&/figure&&p&&strong&4.装饰&/strong&&/p&&p&A.点。&br&&/p&&p&通常起到点缀和丰富画面的作用。&br&&/p&&p&&figure&&img src=&https://pic2.zhimg.com/v2-dc3eff5632ebdedf14f0bcec1ce5c4fd_b.jpg& data-rawwidth=&658& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&https://pic2.zhimg.com/v2-dc3eff5632ebdedf14f0bcec1ce5c4fd_r.jpg&&&/figur}