当前位置： &
为什么桌面图标有阴影
今天格子啦小编为大家带来的是微博故事是什么 怎么开通资讯,近日打开新浪微
今天格子啦小编为大家带来的是eMMC是什么 和UFS闪存比哪个更好教程,今早发现
今天格子啦小编为大家带来的是iPhone7引导式访问是什么意思,在iPhone手机里面
今天格子啦小编为大家带来的是2017nba季后赛什么时候开始,2017nba季后赛结束时
最近《人民的名义》这部反腐电视剧火了,小伙伴们都有看吗?让人没想到的是,这部剧
小伙伴们知道硬盘都是因为什么原因导致硬盘坏道的吗?今天小编给大家带来了
放心桌面软件是一款桌面图标管理工具,采用C++语言开发,适用于企业办公领域。该
程序说明:一、批量服务器导入格式服务器使用人,服务器名称,服务器远程IP和端口
游迅游戏盒是目前最新最好的桌面游戏宝库,电脑上的全能游戏机。这里有中国最
小咪梦幻桌面是一款动态桌面软件,看腻了一成不变的静态桌面不妨试试动态桌
upupoo动态桌面是一款电脑动态桌面软件,又译为啊噗啊噗,可以将视频设为桌面壁
梦露桌面是一款动态视频桌面软件,包含了众多优质动态壁纸,让电脑壁纸变的生
在阴阳师手游中高输出的式神都是些脆皮,开始还觉得没什么影响,但是随着版本
很多小伙伴都想知道Word2007如何设置阴影等字体效果,今天小编就给大家带来Wo
《火影忍者》手游是由腾讯魔方工作室开发的一款格斗游戏,自开放以来一直深受玩
今天格子啦小编为大家带来的是ps内阴影功能教程,内阴影一直都是图层样式的
今天小编为大家带来的是ps图层样式工具中内阴影教程,在本文中我们将了解图
我们在使用金山WPS这款办公软件时常常需要用到文本框,文本框具有插入的位置
小伙伴们有没有给自己的Win10系统更换过鼠标指针主题包呢?今天小编给大家带
H3BPM以“让天下没有难用的流程”为使命,专注于以产品持续提升为目标的自主性创
小编推荐-为什么桌面图标有阴影&figure&&img src=&https://pic2.zhimg.com/v2-aeb8ad9946bea839f6ade03_b.jpg& data-rawwidth=&2333& data-rawheight=&2197& class=&origin_image zh-lightbox-thumb& width=&2333& data-original=&https://pic2.zhimg.com/v2-aeb8ad9946bea839f6ade03_r.jpg&&&/figure&&blockquote&简评：非常实用的指导性文章，一个 logo 从想法到落地的全过程，并推荐了很多高质量资源，请收藏。&/blockquote&&p&&br&&/p&&h2&设计一个现代品牌的符号&/h2&&p&随着越来越多的公司和产品在线上和线下抢占用户的注意力，精心设计一套视觉标志显得尤为重要，这有利于消费者一眼就感受到产品和服务的核心价值。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-ebb677f8cd424eda2e901_b.jpg& data-size=&normal& data-rawwidth=&1680& data-rawheight=&500& class=&origin_image zh-lightbox-thumb& width=&1680& data-original=&https://pic4.zhimg.com/v2-ebb677f8cd424eda2e901_r.jpg&&&figcaption&现代品牌的标识&/figcaption&&/figure&&p&大家都希望自己的 logo 能够体现出公司的理念，但是要真正实现这样的效果需要充足的时间，技能和经验。这需要一个有效且富有创造力的设计过程，本文就为大家揭示这个过程是什么样的，以及如何根据它来展开工作。&/p&&p&本文介绍的是一个简单、直接、高效的 logo 设计过程，旨在为现代品牌和日益复杂的消费者创造 logo。文章提供了一些有用的设计技巧，并且提供了一个 logo 设计者可以直接拿来用的，从概念到产品化的设计过程框架。&/p&&a class=&video-box& href=&https://link.zhihu.com/?target=https%3A//www.zhihu.com/video/425536& target=&_blank& data-video-id=&& data-video-playable=&true& data-name=&& data-poster=&https://pic4.zhimg.com/80/v2-30d717c3c81b9ee0feef724dbcc3613b_b.jpg& data-lens-id=&425536&&
&img class=&thumbnail& src=&https://pic4.zhimg.com/80/v2-30d717c3c81b9ee0feef724dbcc3613b_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/425536&/span&
&p&（视频：Paul Rand 对于 IBM logo 的设计流程）&/p&&p&&br&&/p&&h2&一个成功的 Logo 的特点&/h2&&p&我们首先要清楚一个概念，什么算是成功的 logo？为了使 Logo 成为优秀的品牌大使，必须坚持一些可信的原则。&/p&&p&&b&遵循 SMART 五项原则&/b&，可以有利于公司和产品在竞争激烈的市场中脱颖而出，与消费者行程持久的联系。&/p&&ul&&li&&b&简单（Simple）：&/b&易于理解和识别。&/li&&li&&b&令人难忘的（Memorable）：&/b&一个好的 logo 应该足以让人难以忘怀。&/li&&li&&b&永恒（Ageless）：&/b&最好的标志是永恒的，并在变化中保持自我。&/li&&li&&b&可靠（Reliable）：&/b&在不同平台可扩展和灵活，不同媒体和尺寸是 logo 的关键。&/li&&li&&b&周到（Thoughtful）：&/b&logo 的每个细节都应该被考虑和磨练，以有效象征品牌的质量和实用性。&/li&&/ul&&figure&&img src=&https://pic2.zhimg.com/v2-c46aba9bca9c0adba5e25692_b.jpg& data-size=&normal& data-rawwidth=&1680& data-rawheight=&644& class=&origin_image zh-lightbox-thumb& width=&1680& data-original=&https://pic2.zhimg.com/v2-c46aba9bca9c0adba5e25692_r.jpg&&&figcaption&要考虑不同的平台、媒体、媒介、尺寸&/figcaption&&/figure&&p&对于现代品牌来说，logo 设计应该考虑很多的场景。比如，一家航空公司的 logo 不但要在智能手机上显示，也要在飞机尾部显示，不同大小的视觉传达尤为重要。&/p&&p&&br&&/p&&h2&拆解 Logo 的设计过程&/h2&&p&为了展示 Logo 的设计过程，我们将为一个不存在的新闻 APP Newsbolt 设计一个 Logo。我们会在为它设计 Logo 的过程中，详细介绍每个步骤。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-17f7aac78edb8b57b832d2_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1680& data-rawheight=&900& class=&origin_image zh-lightbox-thumb& width=&1680& data-original=&https://pic2.zhimg.com/v2-17f7aac78edb8b57b832d2_r.jpg&&&/figure&&p&&br&&/p&&h2&理解设计概要非常之重要&/h2&&p&Logo 设计过程第一个阶段设计查阅和理解设计概要。这是一个相对简单的工作，但是至关重要！它可以类比房子的地基。&/p&&p&什么是设计概要？简而言之，这是一个文件，可以帮助确定 Logo 的含义，它一些基本的简介：&/p&&ul&&li&&b&目标：&/b&项目是否具有必须达到的具体目标才能被视为成功？&/li&&li&&b&可交付成果：&/b&项目完成后预期的交付成果是什么？&/li&&li&&b&时间表：&/b&是否有期望在一定的时间内完成项目？&/li&&li&&b&项目利益相关者：&/b&谁参与项目决策？&/li&&li&&b&目标受众：&/b&Logo应与哪些人群共鸣？&/li&&li&&b&产品或公司简介：&/b&产品或公司的目的是什么？他们带给人什么价值？&/li&&li&&b&品牌定位声明：&/b&品牌对消费者承诺的核心是什么，它如何看待与竞争对手的关系？&/li&&li&&b&预算和付款：&/b&是否有项目预算，以及如何处理付款？&/li&&/ul&&p&&br&&/p&&h2&视觉研究与艺术指导&/h2&&p&&b&视觉研究：解释灵感&/b&&/p&&p&设计师在视觉研究的时候，也是在睁开眼睛看世界的时候。它涉及浏览艺术和设计相关的数据，各种设计组合的网站和杂志。也包括前往博物馆、画廊、零售商地或者一场修心之旅。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-83b6ba08deb8215730bb_b.jpg& data-size=&normal& data-rawwidth=&1999& data-rawheight=&916& class=&origin_image zh-lightbox-thumb& width=&1999& data-original=&https://pic4.zhimg.com/v2-83b6ba08deb8215730bb_r.jpg&&&figcaption&使用 Dribbble 进行视觉研究，寻找 logo 设计的灵感&/figcaption&&/figure&&p&推荐一些高品质的资源列表，帮助你寻找灵感：&/p&&ul&&li&&b&&a href=&https://link.zhihu.com/?target=https%3A//www.logolounge.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&LogoLounge&/a&：&/b&一个以 lgoo 为中心的展示网站，用于浏览世界各地的设计师的 logo。&/li&&li&&b&&a href=&https://link.zhihu.com/?target=https%3A//dribbble.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble&/a&：&/b&一个非常有影响力的设计平台，设计师们虔诚地上传他们最新最伟大的作品。&/li&&li&&b&&a href=&https://link.zhihu.com/?target=https%3A//muz.li/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Muzli&/a&：一个&/b&汇集了网络上最受欢迎的设计作品的网站。&/li&&/ul&&p&&b&艺术指导：创造性思维的清晰路径&/b&&/p&&p&一旦视觉研究完成，设计师应该带领客户至少进行一轮的艺术指导。这是一个通过使用主题，情感和视觉思维，来提炼简明的艺术意图规划的过程。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-664a3a3ca4e48c84cc53_b.jpg& data-size=&normal& data-rawwidth=&1680& data-rawheight=&900& class=&origin_image zh-lightbox-thumb& width=&1680& data-original=&https://pic2.zhimg.com/v2-664a3a3ca4e48c84cc53_r.jpg&&&figcaption&在 Sketch 中创建一个简单的 moodboard&/figcaption&&/figure&&p&最好的情绪板（moodboard）可以表现出明显额趋势，并吸引特定的观众。用 Sketch 吧图像快速组织成情景拼图并用投影仪或者大屏幕呈现给客户，是一个好方法。&/p&&p&&br&&/p&&h2&理念和素描&/h2&&p&&b&理念：理念从哪里来？&/b&&/p&&p&不管如何，研究都要转化为创意产出，把创意从脑袋里搬到纸上。在最开始的时候需要头脑风暴，捕捉到相关概念并缩到小最小可行。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-85dd2c3f5a6af0c151c277_b.jpg& data-size=&normal& data-rawwidth=&1680& data-rawheight=&362& class=&origin_image zh-lightbox-thumb& width=&1680& data-original=&https://pic3.zhimg.com/v2-85dd2c3f5a6af0c151c277_r.jpg&&&figcaption&在纸上快速画出创意&/figcaption&&/figure&&p&这里推荐一个特别有效的集思广益的方法，叫做 translating，具体细节可以看看这篇文章 &i&&a href=&https://link.zhihu.com/?target=https%3A//www.fastcodesign.com/-exercises-to-fuel-creative-thinking& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&10 Exercises To Fuel Creative Thinking&/a&。&/i&&/p&&p&&b&素描：每个 logo 设计师的宝贵实践&/b&&/p&&p&即使最基本的草图也是 logo 设计过程中的重要组成。快速、粗略的素描是一种快速探索创意而不考虑完成度和追求质量的好方法。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-f9acbbae0b4_b.jpg& data-size=&normal& data-rawwidth=&1680& data-rawheight=&362& class=&origin_image zh-lightbox-thumb& width=&1680& data-original=&https://pic2.zhimg.com/v2-f9acbbae0b4_r.jpg&&&figcaption&几个草图迭代作为 logo 开发的一部分&/figcaption&&/figure&&p&这些早期粗略草图的另外一个好处是它们通常具有天生的比例和平衡感。当设计人员准备好开始数字化时，它们作为参考层会非常有用。&/p&&p&&br&&/p&&h2&数字细化&/h2&&p&通过构思和概念草图的工作后，用 Adobe Illustrator 中勾画出可靠的蓝图，以提炼 logo。Illustrator 是一个高性能的设计软件，用于创建矢量格式图形，图形可无限扩展的，没有质量损失或像素化。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-98cbba9cf12e53a75fce8e_b.jpg& data-size=&normal& data-rawwidth=&1680& data-rawheight=&362& class=&origin_image zh-lightbox-thumb& width=&1680& data-original=&https://pic4.zhimg.com/v2-98cbba9cf12e53a75fce8e_r.jpg&&&figcaption&标志设计的数字改进过程&/figcaption&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-d31fe3c5c3bf434ff826d77d48ebfd55_b.jpg& data-size=&normal& data-rawwidth=&1680& data-rawheight=&900& class=&origin_image zh-lightbox-thumb& width=&1680& data-original=&https://pic4.zhimg.com/v2-d31fe3c5c3bf434ff826d77d48ebfd55_r.jpg&&&figcaption&在 Illustrator 中的最终标识（单色版本）&/figcaption&&/figure&&p&体检一些 Adobe Illustrator 最有用的 Logo 设计工具视频教程：&/p&&ul&&li&&b&&a href=&https://link.zhihu.com/?target=https%3A//helpx.adobe.com/illustrator/atv/cs6-tutorials/creating-objects-with-the-shape-tools.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&基本形状&/a&：&/b&学习使用圆形，矩形，三角形和正方形的几何形状来创建更复杂的形状和设计。&/li&&li&&b&&a href=&https://link.zhihu.com/?target=https%3A//teamtreehouse.com/library/aligning-objects-in-illustrator& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&对齐工具&/a&：&/b&通过了解如何高效地将对象与精度对齐来节省时间并防止头痛。&/li&&li&&b&&a href=&https://link.zhihu.com/?target=https%3A//design.tutsplus.com/tutorials/illustrator-in-60-seconds-how-to-use-the-pathfinder-tool--cms-25572& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Pathfinder&/a&：&/b&使用相交的形状快速创建新的形状和符号。&/li&&li&&b&&a href=&https://link.zhihu.com/?target=https%3A//design.tutsplus.com/tutorials/illustrator-in-60-seconds-the-shape-builder-tool--cms-26567& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Shape Builder&/a&：&/b&用好了千变万化。&/li&&li&&b&&a href=&https://link.zhihu.com/?target=https%3A//design.tutsplus.com/tutorials/illustrators-pen-tool-the-comprehensive-guide--vector-141& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&钢笔工具&/a&：&/b&这可能是一个棘手的工具学习，但要大胆。笔中有力量！&/li&&li&&b&彩蛋：&/b&不是教程，但是 &a href=&https://link.zhihu.com/?target=https%3A//astutegraphics.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Astute Graphics&/a& 插件是矢量图形世界中的高效工具。免费的「SubScribe」插件集非常有用。&/li&&/ul&&h2&配色方案&/h2&&p&配色是一个非常广泛且重要的过程，这涵盖了从颜色理论到人类心理学的各种学科。考虑到这一点，最好向客户提供简单而和谐的配色方案。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-17f7aac78edb8b57b832d2_b.jpg& data-size=&normal& data-rawwidth=&1680& data-rawheight=&900& class=&origin_image zh-lightbox-thumb& width=&1680& data-original=&https://pic2.zhimg.com/v2-17f7aac78edb8b57b832d2_r.jpg&&&figcaption&最终 logo 彩色版&/figcaption&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-d7c6ad8b14d3f052edce2b948d844910_b.jpg& data-size=&normal& data-rawwidth=&2500& data-rawheight=&617& class=&origin_image zh-lightbox-thumb& width=&2500& data-original=&https://pic3.zhimg.com/v2-d7c6ad8b14d3f052edce2b948d844910_r.jpg&&&figcaption&Adobe Color CC 调色板&/figcaption&&/figure&&p&关于色彩，这里有一些在线的资源，能够帮助你了解颜色：&/p&&ul&&li&&b&&a href=&https://link.zhihu.com/?target=https%3A//www.ctrlpaint.com/library/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Ctrl + Paint&/a&：&/b&概念艺术家 Matt Kohr 介绍了一系列快速简单的视频教程，从数字绘画角度解释颜色选择和混合。对于希望更好地理解颜色组合选择的「原因」和「如何选择」的设计师而言，非常棒。&/li&&li&&b&&a href=&https://link.zhihu.com/?target=http%3A//www.colourlovers.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&COLOUR爱好者&/a&：&/b&来自世界各地的艺术家和设计师创造和分享配色方案的创意社区。&/li&&li&&b&&a href=&https://link.zhihu.com/?target=https%3A//color.adobe.com/create/color-wheel/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Adobe Color CC&/a&：&/b& Color CC 允许用户使用复杂的色盘创建配色方案，或浏览 Adobe社区的数千种颜色组合。&/li&&li&&b&&a href=&https://link.zhihu.com/?target=https%3A//www.pinterest.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Pinterest&/a&：&/b& Pinterest 包含了现成的配色方案，是观察色彩趋势的好地方。&/li&&/ul&&p&在创建配色方案时，重要的是要记住，徽标最终必须离开 Illustrator 和 Sketch 的舒适范围，在那里永远存在白色空间，而现实并不是如此。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-f665a6b8c21379c9ced81d07cc20b081_b.jpg& data-size=&normal& data-rawwidth=&1680& data-rawheight=&420& class=&origin_image zh-lightbox-thumb& width=&1680& data-original=&https://pic1.zhimg.com/v2-f665a6b8c21379c9ced81d07cc20b081_r.jpg&&&figcaption&在 logo 开发过程中，需要关注深色和浅色的 logo 选项&/figcaption&&/figure&&p&这就要求 logo 在深色和浅色，白色和黑色背景下能够正常显示。当在不同颜色下预览，请做好微调，黑白的转换很容易能暴露一些设计缺陷或者更糟的意想不到的象征意义。&/p&&p&&b&*专业提示：&/b&通过应用简单的「反转」滤镜，在 logo 设计过程的构思和草图阶段，通过黑白逆转的寻找设计瑕疵。&/p&&p&&br&&/p&&h2&组织和交付文件&/h2&&p&一旦 logo 得到用户的批准，就可以交出最终的设计文件了。文件夹和文件应该组织良好，标签清晰，可以通过 Google Drive、Dropbox 或者其他可靠地云服务来共享访问。&/p&&p&对于新的 Logo 设计师来说，下面是客户那边可能需要的不同文件格式的快速分类。&/p&&ul&&li&&b&打印文件：&/b&矢量格式文件是打印首选，因为它们允许徽标在大尺寸和低分辨率下保持清晰和清晰。格式包括 EPS，SVG，AI 和 PDF。&/li&&li&&b&Web文件：&/b& Web 需要基于像素的文件（JPEG，PNG，GIF）或基于矢量的文件（SVG - 可缩放矢量图形）。&/li&&li&如果标志设计使用多种颜色转换和渐变，JPEG 文件是最好的，因为它们保留了原始设计的更丰富的照片渲染。&/li&&li&当标志设计使用大多平坦的颜色和形状时，PNG 图像是最好的，几乎没有阴影或渐变的动作。&/li&&/ul&&p&&br&&/p&&h2&如何为客户提供价值与愿景&/h2&&p&&b&提供基本的风格指南&/b&&/p&&p&经验丰富的设计师总是在寻找方法为客户提供附加价值。创建一个漂亮的 logo 是令人钦佩的，但设计师还应该考虑如何为客户提供一个有效使用标志的简单策略。这样做的一种方法是在项目开始时询问客户是否想要基本的风格指南。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-3f32e530f45ea81e49d09acc_b.jpg& data-size=&normal& data-rawwidth=&2500& data-rawheight=&994& class=&origin_image zh-lightbox-thumb& width=&2500& data-original=&https://pic2.zhimg.com/v2-3f32e530f45ea81e49d09acc_r.jpg&&&figcaption&Medium Logo 原则&/figcaption&&/figure&&p&要清楚的是，基本的风格指南与大规模企业品牌文档不是一回事。相反，这是一个 1-2 页的实际应用大纲，logo 的注意事项，如大小，填充，方向等。&/p&&p&案例：&a href=&https://link.zhihu.com/?target=https%3A//medium.design/logos-and-brand-guidelines-f1a01a733592& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Medium 品牌指导&/a&。&/p&&p&&br&&/p&&p&&b&使用微妙的动画&/b&&/p&&p&另一种增加 Logo 附加值的方法是动画。微妙的动画在适当的环境下可以赋予 logo 以生命和意义，进一步提升品牌的讲故事能力。&/p&&a class=&video-box& href=&https://link.zhihu.com/?target=https%3A//www.zhihu.com/video/972288& target=&_blank& data-video-id=&& data-video-playable=&true& data-name=&& data-poster=&https://pic2.zhimg.com/80/v2-2c9c057c66e97b19cf21a65_b.jpg& data-lens-id=&972288&&
&img class=&thumbnail& src=&https://pic2.zhimg.com/80/v2-2c9c057c66e97b19cf21a65_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/972288&/span&
&p&（视频：logo 动画效果会很出彩）&/p&&h2&对独创性和创造性的呼唤&/h2&&p&&a href=&https://link.zhihu.com/?target=https%3A//www.logolounge.com/articles/2017-logo-trends& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&LogoLounge 的第十五届年度 logo 趋势报告&/a&显示，2017 年的 logo 设计似乎没有像过去几年那样显示出如此多的创新。大多数新的 logo 往往跟随行业的领导者，模仿的现象已经存在，而不是敢于脱颖而出。&/p&&p&作为设计师，我们被聘请来帮助客户穿过竞争激烈的市场，在 logo 设计过程中倡导创新是我们的责任。这需要我们的不断自我要求以及经验、实验的积累，这些都是有意义的，设计师就应该如此。&/p&&p&&br&&/p&&p&作者介绍：&/p&&figure&&img src=&https://pic3.zhimg.com/v2-59beec28f1c139fa71f6ee3_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&865& data-rawheight=&257& class=&origin_image zh-lightbox-thumb& width=&865& data-original=&https://pic3.zhimg.com/v2-59beec28f1c139fa71f6ee3_r.jpg&&&/figure&&p&&br&&/p&&blockquote&原文：&a href=&https://link.zhihu.com/?target=https%3A//www.toptal.com/designers/logo/guide-to-logo-development& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&From Concept to Reality – A Guide to Logo Development&/a&&/blockquote&&hr&&p&&b&园长：文章讲解了设计 logo 的工作流，很实用，收藏一下吧。&/b&&/p&&p&&br&&/p&&p&&b&极光日报，&a href=&https://link.zhihu.com/?target=http%3A//y0.cn/6AAFc& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&极光开发者&/a&旗下媒体。&/b&&/p&&p&&b&每天导读三篇英文技术文章。&/b&&/p&&p&&/p&&p&&/p&
简评：非常实用的指导性文章，一个 logo 从想法到落地的全过程，并推荐了很多高质量资源，请收藏。 设计一个现代品牌的符号随着越来越多的公司和产品在线上和线下抢占用户的注意力，精心设计一套视觉标志显得尤为重要，这有利于消费者一眼就感受到产品和服…
&p&我想了一种方法 不知道对不对&/p&&p&首先呢：在ps爸爸里输入你想要的字&/p&&figure&&img src=&https://pic3.zhimg.com/v2-d20d2d285e502ffacff2_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&784& data-rawheight=&1264& class=&origin_image zh-lightbox-thumb& width=&784& data-original=&https://pic3.zhimg.com/v2-d20d2d285e502ffacff2_r.jpg&&&/figure&&p&然后option +command+e 。复制合并 &/p&&p&然后给原图成隐藏， &/p&&figure&&img src=&https://pic3.zhimg.com/v2-f283fd6fbeaffbc96d17c2_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&664& data-rawheight=&804& class=&origin_image zh-lightbox-thumb& width=&664& data-original=&https://pic3.zhimg.com/v2-f283fd6fbeaffbc96d17c2_r.jpg&&&/figure&&p&然后 我们建在各组 一层层叠起来&/p&&figure&&img src=&https://pic3.zhimg.com/v2-8cfd3f442e_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&498& data-rawheight=&336& class=&origin_image zh-lightbox-thumb& width=&498& data-original=&https://pic3.zhimg.com/v2-8cfd3f442e_r.jpg&&&/figure&&p&1.给组1合并一个描边先&/p&&figure&&img src=&https://pic1.zhimg.com/v2-bf9bfe37e69c062b0800_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1472& data-rawheight=&1008& class=&origin_image zh-lightbox-thumb& width=&1472& data-original=&https://pic1.zhimg.com/v2-bf9bfe37e69c062b0800_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-4617ebcd89f1ffe14cd42_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&664& data-rawheight=&796& class=&origin_image zh-lightbox-thumb& width=&664& data-original=&https://pic3.zhimg.com/v2-4617ebcd89f1ffe14cd42_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-1caaa3e6c63fdaf13ad70d41c75820a8_b.jpg& data-size=&normal& data-rawwidth=&1608& data-rawheight=&1518& class=&origin_image zh-lightbox-thumb& width=&1608& data-original=&https://pic1.zhimg.com/v2-1caaa3e6c63fdaf13ad70d41c75820a8_r.jpg&&&figcaption&然后给组2一个2像素的灰色描边&/figcaption&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-f1a6afd9f0c65bd8f9f48_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&974& data-rawheight=&984& class=&origin_image zh-lightbox-thumb& width=&974& data-original=&https://pic1.zhimg.com/v2-f1a6afd9f0c65bd8f9f48_r.jpg&&&/figure&&p&然后按住option 给效果 按这个顺序拖上去&/p&&figure&&img src=&https://pic2.zhimg.com/v2-8ddafd2f852cad_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&648& data-rawheight=&614& class=&origin_image zh-lightbox-thumb& width=&648& data-original=&https://pic2.zhimg.com/v2-8ddafd2f852cad_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-d827d646b32c41cf6063_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&760& data-rawheight=&762& class=&origin_image zh-lightbox-thumb& width=&760& data-original=&https://pic4.zhimg.com/v2-d827d646b32c41cf6063_r.jpg&&&/figure&&p&就变成了这个效果， 以此类推，继续建组 到最后变成这个效果！&/p&&figure&&img src=&https://pic1.zhimg.com/v2-5badcdfe33d92c6f3c3478_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&900& data-rawheight=&1148& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&https://pic1.zhimg.com/v2-5badcdfe33d92c6f3c3478_r.jpg&&&/figure&&p&这是第一种方法，&/p&&p&下边我会给你说第二种，用ai便宜路径做，因为下午比较忙，晚一点给你更&/p&&p& 我看了一下其它回答已经有路径偏移， 我这个就算另一种方法吧， 这个方法的缺点就是 扩展线有点圆 ～&/p&
我想了一种方法 不知道对不对首先呢：在ps爸爸里输入你想要的字然后option +command+e 。复制合并 然后给原图成隐藏， 然后 我们建在各组 一层层叠起来1.给组1合并一个描边先然后按住option 给效果 按这个顺序拖上去就变成了这个效果， 以此类推，继续建组 …
&figure&&img src=&https://pic1.zhimg.com/v2-ab3e4ca716fb882bda16ef_b.jpg& data-rawwidth=&640& data-rawheight=&293& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-ab3e4ca716fb882bda16ef_r.jpg&&&/figure&&blockquote&&b&学习类&/b&&/blockquote&&h2&&b&1.网易云课堂&/b&&/h2&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-bb569b8b491c_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&640& data-rawheight=&343& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-bb569b8b491c_r.jpg&&&/figure&&p&&br&&/p&&p&&b&一个可以自学的网站，资源很多。&/b&&/p&&p&我之前在上面学过Photoshop，如果想学ps的朋友强烈推荐李涛PS高手之路，轻松易懂。不过这个课程里没有基础软件的使用方法，之前完全没接触过Photoshop的，可以再配合一个基础讲解的课程。&/p&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-6adee66acbf95ad21d10_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&613& data-rawheight=&357& class=&origin_image zh-lightbox-thumb& width=&613& data-original=&https://pic1.zhimg.com/v2-6adee66acbf95ad21d10_r.jpg&&&/figure&&p&&br&&/p&&h2&&b&2.TED&/b&&/h2&&p&&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-065ceeb3056486defd33a_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&640& data-rawheight=&293& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-065ceeb3056486defd33a_r.jpg&&&/figure&&p&&br&&/p&&p&平时闲下来的时候，就会看看这个，&b&不仅可以把细碎时间利用起来，而且可以从中得到很多想法。&/b&&/p&&p&这个网站内容更新很快，虽然视频是没有字幕的，但是是有中文翻译的，所以英语不好的伙伴也不要担心啦~&/p&&p&&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-8f58b30b42aaebb3b28f_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&640& data-rawheight=&419& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-8f58b30b42aaebb3b28f_r.jpg&&&/figure&&p&&br&&/p&&p&最近看到一个自己很喜欢的：&/p&&p&说的是如何成为一个更好的交谈者，演讲者说了10个原则，我特别喜欢第六点 &&b&Don't equate your experience with their.& 就是说不要拿自己的经验和人比较。&/b&&/p&&p&当你在交谈的时候，对方可能处于消极状态和你叙述发生的事情，你要做的是给予帮助、安慰，而不是一直说你也发生过相同的事情，怎么惨怎么难过，话题中心不是你，这也不是一个比谁惨的谈话，更不应该是个负情绪的恶性循环。&/p&&p&另外，每一个和你交谈的人都拥有，你所不知道的知识，&b&不要好为人师，你要做的是永远准备好大吃一惊，Be always prepared to be amazed.&/b&&/p&&p&&br&&/p& &p&&br&&/p&&h2&&b&3.网易公开课&/b&&/h2&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-438e88df8e1d763cb42cebcf3c60e8c0_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&640& data-rawheight=&320& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-438e88df8e1d763cb42cebcf3c60e8c0_r.jpg&&&/figure&&p&&br&&/p&&p&个人觉得网易这些系列做的蛮良心的，这个网站收录了国内大学和国际名校公开课、演讲、TED等等，如果觉得TED官网没字幕很麻烦，推荐这个，中英文字幕都是内嵌好的，很方便。&/p&&p&&br&&/p& &p&&br&&/p&&blockquote&&b&放松类&/b&&/blockquote&&h2&&b&1. Bilibili （B站）&/b&&/h2&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-1efb38c3fdbc_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&640& data-rawheight=&352& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-1efb38c3fdbc_r.jpg&&&/figure&&p&&br&&/p&&p&我的拌饭神器！吃饭的时候随便点一个感兴趣的&/p&&p&不仅仅因为没广告，而且内容丰富。动漫、美食、美妆视频、测评、教程……一应俱全。&/p&&p&比如，搜索手帐，就可以出来一大堆手帐开箱、工具测评、拼贴教程……&/p&&p&&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-f7ab763b70f9cc2b839c6_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&640& data-rawheight=&438& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-f7ab763b70f9cc2b839c6_r.jpg&&&/figure&&p&&br&&/p&&p&&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-8a238d0dccb6_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&640& data-rawheight=&444& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-8a238d0dccb6_r.jpg&&&/figure&&p&&br&&/p&&p&&br&&/p& &p&&br&&/p&&h2&&b&2. Behance&/b&&/h2&&p&&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-4ee59246d85fdff59c3fed6_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&640& data-rawheight=&365& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-4ee59246d85fdff59c3fed6_r.jpg&&&/figure&&p&&br&&/p&&p&&b&作为一个全球最大的艺术展示社区,里面好多大神，不仅有绘画还有很多设计作品，一个词形容就是赏心悦目，放松的时候来看看没准会有意想不到的收获。&/b&&/p&&p&&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-fb7cc7aed7b732f9eb03e_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&640& data-rawheight=&385& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-fb7cc7aed7b732f9eb03e_r.jpg&&&/figure&&p&&br&&/p&&p&&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-2948deafd585d200a3f0e0eaeef80a56_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&640& data-rawheight=&741& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-2948deafd585d200a3f0e0eaeef80a56_r.jpg&&&/figure&&p&&br&&/p&&blockquote&&b&搜索类&/b&&/blockquote&&h2&&b&1.鸠摩搜书&/b&&/h2&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-02cbd0ce5c0_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&640& data-rawheight=&430& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-02cbd0ce5c0_r.jpg&&&/figure&&p&&br&&/p&&p&不知道你们需不需要电子书的，这个好用到没朋友哎~内容还蛮全的，mobi、txt、pdf等格式都有，有时候我在亚马逊没资源，我都会来这里找找看。&/p&&p&&br&&/p& &p&&br&&/p&&h2&&b&2.Free stock photos-Pexels&/b&&/h2&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-bfbbd5b332e02ecc49450_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&640& data-rawheight=&282& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-bfbbd5b332e02ecc49450_r.jpg&&&/figure&&p&&br&&/p&&p&这里面的图片都是免费的而且很好看，可以下载下来使用不算侵权。我一般封面图都来自那里，我可是把我的小秘密都告诉你们了~&/p&&p&&br&&/p& &p&&br&&/p&&h2&&b&3.OfficePlus&/b&&/h2&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-7e853faf85a14_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&640& data-rawheight=&420& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-7e853faf85a14_r.jpg&&&/figure&&p&&br&&/p&&p&微软Office官方在线模板。我上课的时候经常要做PPT,以前用别的网站经常会中毒，后来发现这个，就一直常用了，里面的模板都很清爽，而且下载方便。&/p&&p&如果你们有什么好的网站，记得分享哈~&/p&
学习类1.网易云课堂 一个可以自学的网站，资源很多。我之前在上面学过Photoshop，如果想学ps的朋友强烈推荐李涛PS高手之路，轻松易懂。不过这个课程里没有基础软件的使用方法，之前完全没接触过Photoshop的，可以再配合一个基础讲解的课程。 2.TED 平时闲下…
&figure&&img src=&https://pic4.zhimg.com/v2-6fea1c0efd5a1c4149329_b.jpg& data-rawwidth=&1400& data-rawheight=&800& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic4.zhimg.com/v2-6fea1c0efd5a1c4149329_r.jpg&&&/figure&&p&设计师总是在朝着未来的方向前进 - 在我们的“建造和启航”的行业，我们正在打算进一步迭代产品。最后，设计师们总是回到一个简单的问题：我们如何改善用户体验？&/p&&p&考虑到这一点，Figma向18位设计师询问了他们对2018年的UI / UX趋势预测。&/p&&p&我们挑选的设计师们有不同的来源：上个月参加Figma赞助的设计系统晚宴的人员 ，今年Clarity大会上的发言人以及Figma家族的朋友们。你将获得Facebook、Google以及Airbnb的设计师的意见。同时我们也从Twitter上收集，得到61条非常赞的深思熟虑的回应 。&/p&&p&就像一个集体的大脑，许多设计师都涉及类似的话题，从易用性、道德责任到协作设计。&/p&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-6ccf0c0d1bf1bffc053b82_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&640& data-rawheight=&320& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-6ccf0c0d1bf1bffc053b82_r.jpg&&&/figure&&p&&b&1.易用性第一，自我意识第二&/b&&/p&&p&“我真的希望2018年是设计师在设计时考虑到易用性的一年。我们需要停止使用超浅灰色作为基本元素，我们需要停止为每一个像素设置动效，只是为了设计而设计，而且我们需要停止布置让人们更难理解页面的内容，只因为我们想要证明自己是个设计师”。 &/p&&p&—— Slack的产品设计师Hubert Florin&/p&&p&&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-d683abfdeca1ad57e938013_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1400& data-rawheight=&700& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic4.zhimg.com/v2-d683abfdeca1ad57e938013_r.jpg&&&/figure&&p&&b&2.协作中设计需要适应编程&/b&&/p&&p&“无论设计师是否编程，我认为设计团队将开始像开发团队一样进行更多的合作。这可能包括类似于代码评审的设计评审，类似于开发工具的设计工具将在开源设计模式中起到更大的作用。如果所有的开源工程项目都有推动用户体验或信息设计的行业标准的设计，那么软件将会是什么样子？&/p&&p&—— Credit Karma的高级产品设计师Jules Forrest&/p&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-9c99eaff9597_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1400& data-rawheight=&700& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic2.zhimg.com/v2-9c99eaff9597_r.jpg&&&/figure&&p&&b&3.设计师需要更关注道德责任&/b&&/p&&p&“我希望UX / UI设计师能够在2018年更加了解他们的影响力，并在设计时更好地考虑使用他们产品的人在设计选择上的道德分歧。”&/p&&p&—— Tim Belonax ，Pinterest的首席设计师&/p&&p&&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-faabeb95bafa911dcf01_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1400& data-rawheight=&700& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic4.zhimg.com/v2-faabeb95bafa911dcf01_r.jpg&&&/figure&&p&&b&4.设计师会过度依赖行业标准&/b&&/p&&p&“很不幸，我预测设计师会增加对设计规范系统的依赖（如，组件，流程）而不是质疑它们。“&/p&&p&—— Mono Design的UI / UX设计师兼合伙人Johan Ronsse&/p&&p&&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-a55acde5be2_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1400& data-rawheight=&700& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic3.zhimg.com/v2-a55acde5be2_r.jpg&&&/figure&&p&&b&5. 效率更高，责任重大&/b&&/p&&p&“在2018年，我认为我们会看到设计和开发工具在不断融合，更多的综合类工具将助益设计和构建系统，以配合你需要的任何技术或平台。我们将看到CSS网格，自定义变量以及像Vue和React这样的框架，为设计实现带来新的可能性和更高的效率 - 我希望这样可以创造出更多的时间来进行更负责任的设计，并且建立更具包容性的体验。&/p&&p&—— GitHub设计系统经理Diana Mounter&/p&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-8f1a9d582ea815fb4c68_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1400& data-rawheight=&700& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic1.zhimg.com/v2-8f1a9d582ea815fb4c68_r.jpg&&&/figure&&p&&b&6.我们将忽略我们都需要一个趋势&/b&&/p&&p&“我们都需要这样一个趋势，那就是为了易用性和包容性设计而设计。在这个领域有很多工作但几乎没有人想去落实它。 #accessibility “&/p&&p&—— UI / UX设计顾问Matthew Morek&/p&&p&&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-e29e441c6f5f2dec0a07e_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1400& data-rawheight=&700& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic4.zhimg.com/v2-e29e441c6f5f2dec0a07e_r.jpg&&&/figure&&p&&b&7、设计将会是社会变革的主要参与者&/b&&/p&&p&“最重要的设计是解决人类真正问题的设计。向前看，我看到设计在我们如何解决社会中的重大问题上扮演着重要的角色。设计将变得更加政治化，更容易获得，并且会引起真正的变化。“&/p&&p&—— Facebook的设计项目经理Michelle Morrison&/p&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-d7595e57dfc360e3ae886cc28d4a7942_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1400& data-rawheight=&700& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic1.zhimg.com/v2-d7595e57dfc360e3ae886cc28d4a7942_r.jpg&&&/figure&&p&&b&8.设计工具将使人人都是设计师&/b&&/p&&p&“现代设计工具将变得更为平易近人，更多的人将能够在公平竞争的环境中为设计过程做出贡献。我们将更少地将“设计师”看作是一个孤立的角色，而将设计作为更多普通人投身的事业。“&/p&&p&—— Figma设计经理Noah Levin&/p&&p&&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-673c498a9af4cddd56283a_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1400& data-rawheight=&700& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic3.zhimg.com/v2-673c498a9af4cddd56283a_r.jpg&&&/figure&&p&&b&9.Jason Schwartzman说得最好&/b&&/p&&p&“我可以说出我的心里话吗？Huckabees？互连的东西绝对是真的。”&/p&&p&—— Google的材料设计创意主管Zachary Gibson&/p&&p&&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-7f94fc883b11f173fc215_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1400& data-rawheight=&700& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic4.zhimg.com/v2-7f94fc883b11f173fc215_r.jpg&&&/figure&&p&&b&10、是时候反思你自己了&/b&&/p&&p&“在过去几年中，我们给了”同理心“这个词许多关注，接下来我们需要提出“去自我”。许多人依然觉得考虑“非设计师”并不舒服，发现他们最好的设计最终是90%其他人的投入（或更多）和10%他们自己的想法（或更少），但最成功的团队和公司很早就知道关于设计的这一点。&/p&&p&—— Atlassian Buyer Experience首席设计师Nicole Tollefson&/p&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-fb50e7a4c33b060cea500fe_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1400& data-rawheight=&700& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic2.zhimg.com/v2-fb50e7a4c33b060cea500fe_r.jpg&&&/figure&&p&&b&11.人的技能比以往任何时候都重要&/b&&/p&&p&“磨练我们的人才技能变得越来越重要——在这么多的变化中这依然重要。这意味着我们将更多地倾听和协作，确保在我们的工作中可以听到各种各样的跨团队的声音，有最好的环境来实现最好的产出。每个技术问题之下都是人的问题。”&/p&&p&—— Twitter的设计制作人Josh Silverman&/p&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-1b4aa4a436ec_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1400& data-rawheight=&700& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic2.zhimg.com/v2-1b4aa4a436ec_r.jpg&&&/figure&&p&&b&12.现在是对环境做出动态反应的时候了&/b&&/p&&p&“我看到未来的设计将更多地融入现实世界。无论是通过硬件传感器，替代现实还是上下文驱动的用户界面，设计人员都要去理解屏幕外的设计生活。设计将对其周围的环境做出动态反应，并充分利用硬件功能。”&/p&&p&—— Lyft的设计经理Linda Dong&/p&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-b81fa20ab0d6f1ae3e6b3_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1400& data-rawheight=&700& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic1.zhimg.com/v2-b81fa20ab0d6f1ae3e6b3_r.jpg&&&/figure&&p&&b&13. 更好的设计工具将通过设计系统实现更好的品牌效应&/b&&/p&&p&“随着工具迎合设计系统的盛行之风，通过设计系统进行合作和演绎品牌表现将变得更加容易。这将使设计人员能够在产品流程的早期以更高的保真度工作 - 改进决策并降低生产出色的数字作品的成本。”&/p&&p&—— Airbnb的设计技术专家Lucas Smith&/p&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-0fb4f5d79fde0edcec4452_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1400& data-rawheight=&700& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic1.zhimg.com/v2-0fb4f5d79fde0edcec4452_r.jpg&&&/figure&&p&&b&14.设计系统将服务于人，而不是产品&/b&&/p&&p&“设计的下一个巨大转变要求我们将设计系统视为服务而非产品。我们倾向于将设计系统视为“服务产品的产品”，但是我认为这对于如此具有挑战性和高回报的系统工作中的关系，谈判，妥协以及人际交互都是不利的。”&/p&&p&- Facebook的产品设计师Daniel Eden&/p&&p&&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-bf7c7f2ab50e8d6de358c_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1400& data-rawheight=&700& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic3.zhimg.com/v2-bf7c7f2ab50e8d6de358c_r.jpg&&&/figure&&p&&b&15.设计系统只会变得越来越重要&/b&&/p&&p&“我们将继续看到设计系统的兴起以响应设计团队的扩展，模块化以及对机器学习和基于AI的内容的更多依赖。设计师将武装编程的识别和算法思维技能，以满足更多需求。”&/p&&p&—— Backpack Health高级产品设计师Jerel Johnson&/p&&p&&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-a38a123e42bf8d763ff385_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1400& data-rawheight=&700& class=&origin_image zh-lightbox-thumb& width=&1400& data-original=&https://pic3.zhimg.com/v2-a38a123e42bf8d763ff385_r.jpg&&&/figure&&p&&b&16.平面设计将不再是一个焦点&/b&&/p&&p&“我认为，随着我们逐渐从二维静态设计转变为可交互，未来一年我们将看到更多的界面创意。”&/p&&p&—— DigitalOcean高级UI工程师Una Kravets&/p&&p&&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-300b66cb5b33ebf01efd_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&640& data-rawheight=&320& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-300b66cb5b33ebf01efd_r.jpg&&&/figure&&p&&b&17.设计系统将弥补各部门之间的差异&/b&&/p&&p&“就像今年一样，明年的设计趋势肯定会包括设计系统的增长。越来越多的公司正在学习系统化设计的好处，特别是它将如何弥合产品，设计和工程之间的差距。另外，我觉得3D建模和3D可视化将继续流行。可以想象，由于这个原因，更深度地展示UI将会是新的潮流。”&/p&&p&- Twitch高级UI / UX设计师/开发人员Isha Kasliwal&/p&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-821e715dbefc9c9defbe80_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&640& data-rawheight=&320& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-821e715dbefc9c9defbe80_r.jpg&&&/figure&&p&&b&18.CSS的改进将以惊人的方式影响网页设计&/b&&/p&&p&“在CSS中有很多令人兴奋的事情——将诸如网格和定制属性之类的新工具与Calc和Viewport单元等现有功能集成在一起。现在的CSS使交互，响应和数据变得可视化，而在以前这需要大量使用JavaScript。我很高兴看到这项技术有更多新的发展趋势。“&/p&&p&—— OddBird的设计师兼开发人员Miriam Suzanne&/p&&p&&br&&/p&&blockquote&译者：邵瑞琪
&br&原文链接：&a href=&https://link.zhihu.com/?target=https%3A//blog.figma.com/18-designers-predict-ui-ux-trends-for-d41361c6& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&blog.figma.com/18-desig&/span&&span class=&invisible&&ners-predict-ui-ux-trends-for-d41361c6&/span&&span class=&ellipsis&&&/span&&/a&&/blockquote&
设计师总是在朝着未来的方向前进 - 在我们的“建造和启航”的行业，我们正在打算进一步迭代产品。最后，设计师们总是回到一个简单的问题：我们如何改善用户体验？考虑到这一点，Figma向18位设计师询问了他们对2018年的UI / UX趋势预测。我们挑选的设计师们…
&p&AI是一款非常好的矢量图形处理工具，所以用AI制作图标的长阴影也是很简单的。&/p&&p&图片源于网络，侵删。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-3a34c879df_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&700& data-rawheight=&1050& class=&origin_image zh-lightbox-thumb& width=&700& data-original=&https://pic1.zhimg.com/v2-3a34c879df_r.jpg&&&/figure&&p&接下来我就说说长阴影制作的原理，将需要突显长阴影的图标复制并移动到想要的位置，得出路径之后，混合工具制作阴影，对颜色进行渐变。&/p&&p&例子参考@&a href=&//link.zhihu.com/?target=http%3A//www.3lian.com/edu//181057.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&三联&/a&。&/p&&p&1、首先，新建一个500x500px的文档，用RGB或CMYK颜色模式随你喜欢，屏幕72PPI就好，其它不用动，点确定。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-66f22325fec6aa2b8873dce_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&508& data-rawheight=&560& class=&origin_image zh-lightbox-thumb& width=&508& data-original=&https://pic3.zhimg.com/v2-66f22325fec6aa2b8873dce_r.jpg&&&/figure&&p&2、选用星形工具创建一个半径1：160px，半径2：80px，角点数：8的八角星。（任意图形都可以）&/p&&figure&&img src=&https://pic1.zhimg.com/v2-b61e92700add92b1d25196f3cfa92dd8_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&800& data-rawheight=&577& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&https://pic1.zhimg.com/v2-b61e92700add92b1d25196f3cfa92dd8_r.jpg&&&/figure&&p&3、打开外观面板，把八角星的描边去掉。然后添加一个新填色。接下来把下面的白色填色更改成K=40的灰色。再接下来童鞋们注意了，我要变形了。点击 效果 & 扭曲和变换 & 变换，弹出变换效果面板。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-87867deeeeb40b3d731dbb30ac85cba0_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&242& data-rawheight=&300& class=&content_image& width=&242&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-9bcdc7cd3924_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&356& data-rawheight=&319& class=&content_image& width=&356&&&/figure&&p&在变换效果的移动下面的水平和垂直各增加0.5px，副本加500，点击确定。效果如下图。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-d535428bef73d393df59e_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&800& data-rawheight=&575& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&https://pic3.zhimg.com/v2-d535428bef73d393df59e_r.jpg&&&/figure&&p&4、把这个长阴影效果的图形，拖进图形样式里面去，这个样式可以成为你的专属图形样式，你再画个五角星，圆形，什么形状的东东，再套用这个图形样式，马上长阴影就出来了。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-fcce2e36a6f9_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&499& data-rawheight=&499& class=&origin_image zh-lightbox-thumb& width=&499& data-original=&https://pic2.zhimg.com/v2-fcce2e36a6f9_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-898d329a5b8abbefb852_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&500& data-rawheight=&500& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic3.zhimg.com/v2-898d329a5b8abbefb852_r.jpg&&&/figure&&p&5、接下来我们要对刚才填充灰色的填色使用一个渐变效果。打开渐变面板，角度为135°，左边为白色，右边为K=40的灰色。得到效果如图。你也可以调整你喜欢的渐变和角度。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-213c8ff669aba3f1aa005_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&800& data-rawheight=&626& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&https://pic2.zhimg.com/v2-213c8ff669aba3f1aa005_r.jpg&&&/figure&&p&6、打开外观面板，为这个灰白渐变色不透明度选为正片叠底，然后再添加一个相加效果。效果& 路径查找器 & 相加，不用理会弹出的对话框直接点确定。然后把相加和变换调换一下位置，如图一样，变换在上，相加在下。然后把这个图形，拖进图形样式里面去。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-01b9aa024b98ae97ccebc3_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&500& data-rawheight=&129& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic4.zhimg.com/v2-01b9aa024b98ae97ccebc3_r.jpg&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-4a086ff982b609ea6ada4c_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&242& data-rawheight=&300& class=&content_image& width=&242&&&/figure&&figure&&img src=&https://pic4.zhimg.com/v2-d66a715a669b5dfeb3dd8f3_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&293& data-rawheight=&329& class=&content_image& width=&293&&&/figure&&p&7、接下来用矩形工具为画板加一个500x500px的正方形，C=70，M=15的天蓝色，置于底层(Shift+Ctrl+[ )，然后复制副本(Ctrl+C & Ctrl+F)再把矩形置顶(Shift+Ctrl+])，按Ctrl + A全选，进行剪切蒙版(Ctrl+7)。这个简单的扁平化长阴影效果就完成了。&/p&&p&&br&&/p&&p&基本的原理就是这样，当然还有复杂一点的，就是给每一个图标加长阴影，效果可以看看下面的。&/p&&p&效果图：&/p&&figure&&img src=&https://pic4.zhimg.com/v2-44e731fa15a370f5453b_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&500& data-rawheight=&500& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic4.zhimg.com/v2-44e731fa15a370f5453b_r.jpg&&&/figure&&p&8、点击文字工具，打上LONG SHADOW，选好字体，排好版。应用我们刚才存起来的图形样式。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-8e2d1a88aef54fa0d5f069_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&595& data-rawheight=&595& class=&origin_image zh-lightbox-thumb& width=&595& data-original=&https://pic2.zhimg.com/v2-8e2d1a88aef54fa0d5f069_r.jpg&&&/figure&&p&9、把字体转曲线(Ctrl + Shift + O)，取消群组，再应用刚才的图形样式，再群组起来。是不是有点接近了，可是还没完。看起来阴影太强烈了是吧，选择透明度面板，把挖空组打上勾。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-7d58d1a34_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&595& data-rawheight=&595& class=&origin_image zh-lightbox-thumb& width=&595& data-original=&https://pic1.zhimg.com/v2-7d58d1a34_r.jpg&&&/figure&&figure&&img src=&https://pic2.zhimg.com/v2-7be8adfbbcc85_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&232& data-rawheight=&176& class=&content_image& width=&232&&&/figure&&p&10、最终效果如下&/p&&figure&&img src=&https://pic4.zhimg.com/v2-44e731fa15a370f5453b_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&500& data-rawheight=&500& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&https://pic4.zhimg.com/v2-44e731fa15a370f5453b_r.jpg&&&/figure&&p&根据上面的例子悟出原理，制作就很方便啦~&/p&&p&对illustrator不熟悉的可以看看&b&&a href=&//link.zhihu.com/?target=http%3A//www.yiihuu.com/a_6198.html%3FTG%3D2709886& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Illustrator CS6零基础快速入门自学教程&/a&&/b&，从四个要点讲解AI。&/p&&p&&br&&/p&&p&关注微信公众号：yihuwang2012，更多软件资源在等你~&/p&&p&&br&&/p&&p&以上，不足之处望海涵~&/p&
AI是一款非常好的矢量图形处理工具，所以用AI制作图标的长阴影也是很简单的。图片源于网络，侵删。接下来我就说说长阴影制作的原理，将需要突显长阴影的图标复制并移动到想要的位置，得出路径之后，混合工具制作阴影，对颜色进行渐变。例子参考@。1、首…
&figure&&img src=&https://pic4.zhimg.com/v2-b783b8da53ccbc5b8ad3c3_b.jpg& data-rawwidth=&1500& data-rawheight=&1000& class=&origin_image zh-lightbox-thumb& width=&1500& data-original=&https://pic4.zhimg.com/v2-b783b8da53ccbc5b8ad3c3_r.jpg&&&/figure&&p&hello 大家好，欢迎来到知乎&/p&&p&我是心灵，今天和大家分享PS抠图中的几种方法&/p&&figure&&img src=&https://pic1.zhimg.com/v2-92d24e01aff411dba87d0_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1280& data-rawheight=&853& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&https://pic1.zhimg.com/v2-92d24e01aff411dba87d0_r.jpg&&&/figure&&p&&br&&/p&&p&&br&&/p&&p&&b&心灵总结了PS抠图方法有选区工具、矩形工具、套索工具、钢笔工具、色彩范围、通道，调整边缘、混合模式、图层蒙版和计算九种方法&/b&&/p&&p&&br&&/p&&p&&b&1.选区工具：&/b&ps中最初级、最方便初学者的抠图工具，用于清晰轮廓，但在实际使用中抠图得到的效果并不好，一般配合调整边缘来抠图。&/p&&b&&figure&&img src=&https://pic2.zhimg.com/v2-26cfca1db565e17bdaaaf1e26fadd399_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1195& data-rawheight=&1040& class=&origin_image zh-lightbox-thumb& width=&1195& data-original=&https://pic2.zhimg.com/v2-26cfca1db565e17bdaaaf1e26fadd399_r.jpg&&&/figure&&/b&&p&&b&2.套索工具：&/b&分别为套索、多边形、磁性三种，适合抠颜色反差大边缘明显的图象。&/p&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-d3eeff9c75652ceade9ad9_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1195& data-rawheight=&1040& class=&origin_image zh-lightbox-thumb& width=&1195& data-original=&https://pic2.zhimg.com/v2-d3eeff9c75652ceade9ad9_r.jpg&&&/figure&&p&&br&&/p&&p&&b&3.钢笔工具：&/b&该工具是PS中抠图最精确且抠出来的效果最好的工具，以矢量图的方式进行，适用于清晰轮廓的图像。&/p&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-f132c2e4ddfe6bf2f7a605_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1195& data-rawheight=&1040& class=&origin_image zh-lightbox-thumb& width=&1195& data-original=&https://pic2.zhimg.com/v2-f132c2e4ddfe6bf2f7a605_r.jpg&&&/figure&&p&&br&&/p&&p&&b&4.色彩范围：&/b&通过背景色来抠图，适用于图像和背景色色差明显，背景色单一，图像中无背景色。对图像中带有背景色的不适用。&/p&&p&&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-1cfb24dfffb_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1195& data-rawheight=&1040& class=&origin_image zh-lightbox-thumb& width=&1195& data-original=&https://pic4.zhimg.com/v2-1cfb24dfffb_r.jpg&&&/figure&&p&&br&&/p&&p&&b&5.通道抠图：&/b&通道抠图属于颜色抠图方法，利用了对象的颜色在红、黄、蓝三通道中对比度平同的特点，用来抠图抠头发，羽毛等细小物件非常有效。 但通道设计的基本功能并不完全是为了抠图。&/p&&p&&br&&/p&&p&&b&6.蒙版抠图：&/b&蒙版抠图是综合性抠图方法，即利用了图中对象的外形也利用了它的颜色。这是一种简单实用的抠图方法。可以把有细节边缘的(如羽毛,动物皮毛,阴影,头发,烟雾,透明体等)前景对象从背景中&抠&出来,并应用到另一个特定的背景图像中。&/p&&p&&b&好了，说了这么多，心灵来一个案例实在些&/b& &/p&&p&&br&&/p&&p&&b&通道抠图-羽毛&/b&&/p&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-247e6bf5b8df34dd1dbd1bfa29adfa60_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1280& data-rawheight=&880& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&https://pic1.zhimg.com/v2-247e6bf5b8df34dd1dbd1bfa29adfa60_r.jpg&&&/figure&&p&&br&&/p&&p&&br&&/p&&figure&&img src=&https://pic3.zhimg.com/v2-ce052cc547fd6b4491feac_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1280& data-rawheight=&880& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&https://pic3.zhimg.com/v2-ce052cc547fd6b4491feac_r.jpg&&&/figure&&p&&br&&/p&&p&&br&&/p&&p&将原片在PS中打开，Ctrl+J拷贝一层备份（养成备份好习惯）&/p&&p&&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-51e4f48517fcaaa50563_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1188& data-rawheight=&1040& class=&origin_image zh-lightbox-thumb& width=&1188& data-original=&https://pic4.zhimg.com/v2-51e4f48517fcaaa50563_r.jpg&&&/figure&&p&&br&&/p&&p&选择通道面板—红通道—按住Ctrl键点击缩览图载入选区（或者直接点击载入选区图标）&b&知识点：通道中白色为选区&/b&&/p&&p&&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-3d000aefd0ece9ddc8e3_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1188& data-rawheight=&1040& class=&origin_image zh-lightbox-thumb& width=&1188& data-original=&https://pic4.zhimg.com/v2-3d000aefd0ece9ddc8e3_r.jpg&&&/figure&&p&&br&&/p&&p&回到图层面板并新建图层，前景色设置为红色，Alt+delete填充前景色&b&（填充背景色快捷键：Ctrl+delete）知识点：RGB颜色中“R”代表红色，“G”代表绿色，“B”代表蓝色，（即红色RGB分别为255，0,0）&/b&&/p&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-73f06a141fbefaab40b159da2f37700c_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1188& data-rawheight=&1040& class=&origin_image zh-lightbox-thumb& width=&1188& data-original=&https://pic1.zhimg.com/v2-73f06a141fbefaab40b159da2f37700c_r.jpg&&&/figure&&p&关闭显示并回到图层1，选择通道面板—绿通道—按住Ctrl键点击缩览图载入选区&/p&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-3cfd50340aeb_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1188& data-rawheight=&1040& class=&origin_image zh-lightbox-thumb& width=&1188& data-original=&https://pic1.zhimg.com/v2-3cfd50340aeb_r.jpg&&&/figure&&p&&br&&/p&&p&回到图层面板并新建图层，前景色设置为绿色，Alt+delete填充前景色&/p&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-b7a3b8f2ccc07e_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1188& data-rawheight=&1040& class=&origin_image zh-lightbox-thumb& width=&1188& data-original=&https://pic2.zhimg.com/v2-b7a3b8f2ccc07e_r.jpg&&&/figure&&p&&br&&/p&&p&关闭显示并回到图层1，选择通道面板—蓝通道—按住Ctrl键点击缩览图载入选区&/p&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-c1f69ca4a5c3dcb758ccf6e0cb0342c1_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1188& data-rawheight=&1040& class=&origin_image zh-lightbox-thumb& width=&1188& data-original=&https://pic2.zhimg.com/v2-c1f69ca4a5c3dcb758ccf6e0cb0342c1_r.jpg&&&/figure&&p&&br&&/p&&p&回到图层面板并新建图层，前景色设置为蓝色，Alt+delete填充前景色&/p&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-43bca7fc06b742c5ec0bc_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1188& data-rawheight=&1040& class=&origin_image zh-lightbox-thumb& width=&1188& data-original=&https://pic1.zhimg.com/v2-43bca7fc06b742c5ec0bc_r.jpg&&&/figure&&p&&br&&/p&&p&Ctrl+D取消选，择关闭图层1显示，然后打开图层2 3 4显示；按住Ctrl键选中图层2 3 4，将混合模式设置为滤色，再Ctrl+E合并图层，羽毛就被我们完整抠出来了&/p&&p&&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-efdc7bae62ef2d4fccd7d3_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1187& data-rawheight=&1040& class=&origin_image zh-lightbox-thumb& width=&1187& data-original=&https://pic4.zhimg.com/v2-efdc7bae62ef2d4fccd7d3_r.jpg&&&/figure&&p&&br&&/p&&p&最后心灵加个背景，确认羽毛是不是完整抠出来了&/p&&p&&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-afee4d70ab6c5_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1188& data-rawheight=&1040& class=&origin_image zh-lightbox-thumb& width=&1188& data-original=&https://pic2.zhimg.com/v2-afee4d70ab6c5_r.jpg&&&/figure&&p&&br&&/p&&p&&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-acc0f42ef387c9a_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&1188& data-rawheight=&1040& class=&origin_image zh-lightbox-thumb& width=&1188& data-original=&https://pic1.zhimg.com/v2-acc0f42ef387c9a_r.jpg&&&/figure&&p&&br&&/p&&p&&b&关注微信公众号“心灵PS”获得更多【PS/UI软件、教程、免费公开课】&/b&&/p&&p&&b&&a href=&http://link.zhihu.com/?target=http%3A//wpa.qq.com/msgrd%3Fv%3D3%26uin%3Dsite%3Dqq%26menu%3Dyes& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&点击联系心灵&/a&&/b&&/p&&p&&b&声明：本文由心灵原创，转载请注明出处&/b&&/p&&p&&b&学习是一种信仰，分享是一种美德！&/b&&/p&&p&&b&喜欢的朋友记得关注，评论，转发一下！&/b&&/p&&p&&b&有什么不明白的可以在下方给心灵留言，或者直接私信心灵！&/b&&/p&&p&&/p&
hello 大家好，欢迎来到知乎我是心灵，今天和大家分享PS抠图中的几种方法 心灵总结了PS抠图方法有选区工具、矩形工具、套索工具、钢笔工具、色彩范围、通道，调整边缘、混合模式、图层蒙版和计算九种方法 1.选区工具：ps中最初级、最方便初学者的抠图工具，…
&p&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-6a427dbbcceb810b37f9dff_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&626& data-rawheight=&250& class=&origin_image zh-lightbox-thumb& width=&626& data-original=&https://pic4.zhimg.com/v2-6a427dbbcceb810b37f9dff_r.jpg&&&/figure&&p&&br&&/p&&p&在标准化处理图片之前，首先，你要先了解这个：&/p&&p&&b&当然，我才不管有没有用，反正我就是要让所有宝宝知道；&/b&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-ad27bbdaa90cdcb488f03ddd_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&3600& data-rawheight=&1856& class=&origin_image zh-lightbox-thumb& width=&3600& data-original=&https://pic2.zhimg.com/v2-ad27bbdaa90cdcb488f03ddd_r.jpg&&&/figure&&p&看到这个，会想到一个数值
&b&0.61 8&/b&&/p&&p&这个数值为什么很神奇呢？ 可能是因为下面这个公式吧 ，哈哈！&/p&&figure&&img src=&https://pic2.zhimg.com/v2-46fa4da05e3bfecfa241967eee630cad_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&2908& data-rawheight=&284& class=&origin_image zh-lightbox-thumb& width=&2908& data-original=&https://pic2.zhimg.com/v2-46fa4da05e3bfecfa241967eee630cad_r.jpg&&&/figure&&p&我不管，反正我已经解释清楚了：&/p&&p&&b&较短部分与较长部分长度之比等于较长部分与整体长度之比&/b&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-ac57d525fc39e8e6533cf1_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&5976& data-rawheight=&2748& class=&origin_image zh-lightbox-thumb& width=&5976& data-original=&https://pic2.zhimg.com/v2-ac57d525fc39e8e6533cf1_r.jpg&&&/figure&&p&&br&&/p&&p&&b&一、&/b&接下来画这个是不是就方便很多？ 那我们来画一个吧：&/p&&figure&&img src=&https://pic4.zhimg.com/v2-a48098bfae13648eff934ba910e7160f_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&2068& data-rawheight=&724& class=&origin_image zh-lightbox-thumb& width=&2068& data-original=&https://pic4.zhimg.com/v2-a48098bfae13648eff934ba910e7160f_r.jpg&&&/figure&&p&然后要先ctrl+c
ctrl+F 原位复制一个，然后调整宽度，也就是 &b&30
x（1+0.618）&/b&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-5c825bfff7ad2c_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&2724& data-rawheight=&1180& class=&origin_image zh-lightbox-thumb& width=&2724& data-original=&https://pic1.zhimg.com/v2-5c825bfff7ad2c_r.jpg&&&/figure&&figure&&img src=&https://pic1.zhimg.com/v2-605ad2fdf65bd116bf448_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&3140& data-rawheight=&984& class=&origin_image zh-lightbox-thumb& width=&3140& data-original=&https://pic1.zhimg.com/v2-605ad2fdf65bd116bf448_r.jpg&&&/figure&&p&然后框选两个图形，选择左对齐：&/p&&figure&&img src=&https://pic2.zhimg.com/v2-a2bdd834dc6f87faac4e1c9cde926c2d_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&2532& data-rawheight=&1064& class=&origin_image zh-lightbox-thumb& width=&2532& data-original=&https://pic2.zhimg.com/v2-a2bdd834dc6f87faac4e1c9cde926c2d_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-8b9a1470c8dac9eeb81a5f02cb4e88fa_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&2464& data-rawheight=&836& class=&origin_image zh-lightbox-thumb& width=&2464& data-original=&https://pic3.zhimg.com/v2-8b9a1470c8dac9eeb81a5f02cb4e88fa_r.jpg&&&/figure&&p&ok，按住shift键，继续画方形就可以了，很快很简单！&/p&&figure&&img src=&https://pic1.zhimg.com/v2-50be8aea94f5d51c084effe524e687c8_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&2748& data-rawheight=&988& class=&origin_image zh-lightbox-thumb& width=&2748& data-original=&https://pic1.zhimg.com/v2-50be8aea94f5d51c084effe524e687c8_r.jpg&&&/figure&&p&顺时针画就可以：&/p&&figure&&img src=&https://pic3.zhimg.com/v2-26c37d69fe361a9edf87e_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&3744& data-rawheight=&1716& class=&origin_image zh-lightbox-thumb& width=&3744& data-original=&https://pic3.zhimg.com/v2-26c37d69fe361a9edf87e_r.jpg&&&/figure&&p&&b&二、&/b&然后就是利用这个图形画圆：&/p&&p&其实前面的公式比例就是圆的直径比例，我们可以利用这些圆切出较为标准的图形；&/p&&figure&&img src=&https://pic1.zhimg.com/v2-45fd2ddf972e43e62640_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&4904& data-rawheight=&2492& class=&origin_image zh-lightbox-thumb& width=&4904& data-original=&https://pic1.zhimg.com/v2-45fd2ddf972e43e62640_r.jpg&&&/figure&&p&当然，这个方法一般用于后期细化制图；&/p&&p&前期定稿、修改、大致图案定出来了之后，利用这个方法使图案标准化，严谨美观一点：&/p&&p&&br&&/p&&p&&br&&/p&&p&&b&三、&/b&马上动手快速绘制了一只狗狗&/p&&figure&&img src=&https://pic1.zhimg.com/v2-80fc4cf8aa0bc5cc4d1f97c0_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&3752& data-rawheight=&1996& class=&origin_image zh-lightbox-thumb& width=&3752& data-original=&https://pic1.zhimg.com/v2-80fc4cf8aa0bc5cc4d1f97c0_r.jpg&&&/figure&&p&&b&1、&/b&将草稿放进AI，调整透明度，用圆来进行切割&/p&&figure&&img src=&https://pic1.zhimg.com/v2-cfdcdc38b8a7c_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&3960& data-rawheight=&1512& class=&origin_image zh-lightbox-thumb& width=&3960& data-original=&https://pic1.zhimg.com/v2-cfdcdc38b8a7c_r.jpg&&&/figure&&p&&br&&/p&&p&2、我想先快速完成一稿，因为我不知道实现下来是否好看&/p&&figure&&img src=&https://pic2.zhimg.com/v2-be5f93a372a68ccaeb5e_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&3820& data-rawheight=&1640& class=&origin_image zh-lightbox-thumb& width=&3820& data-original=&https://pic2.zhimg.com/v2-be5f93a372a68ccaeb5e_r.jpg&&&/figure&&p&3、这里有一个小公举（形状生成工具）拖动鼠标就可以将划过的图形联合起来，删掉多余的图形就好喽！&/p&&figure&&img src=&https://pic4.zhimg.com/v2-88a5bee7d6d9f38cc1e4dce7_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&5104& data-rawheight=&2480& class=&origin_image zh-lightbox-thumb& width=&5104& data-original=&https://pic4.zhimg.com/v2-88a5bee7d6d9f38cc1e4dce7_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-6eeb432781fbfc12e24c_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&4768& data-rawheight=&1480& class=&origin_image zh-lightbox-thumb& width=&4768& data-original=&https://pic3.zhimg.com/v2-6eeb432781fbfc12e24c_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-c8f42f526c6e_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&3540& data-rawheight=&1560& class=&origin_image zh-lightbox-thumb& width=&3540& data-original=&https://pic3.zhimg.com/v2-c8f42f526c6e_r.jpg&&&/figure&&p&快速画完发现，有些不足之处，我又按照这版，修改；&/p&&figure&&img src=&https://pic3.zhimg.com/v2-bad436d5596ded72b88348bf9bdc6992_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&5020& data-rawheight=&1748& class=&origin_image zh-lightbox-thumb& width=&5020& data-original=&https://pic3.zhimg.com/v2-bad436d5596ded72b88348bf9bdc6992_r.jpg&&&/figure&&p&&br&&/p&&p&4、经过两图结合，又进行了形态修改&/p&&p&基本上就是这样吧：&/p&&figure&&img src=&https://pic1.zhimg.com/v2-06f1b4bab149f38c141dd84_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&4012& data-rawheight=&1664& class=&origin_image zh-lightbox-thumb& width=&4012& data-original=&https://pic1.zhimg.com/v2-06f1b4bab149f38c141dd84_r.jpg&&&/figure&&p&或者这样？&/p&&figure&&img src=&https://pic3.zhimg.com/v2-09f8cec65bc529a1e009f6aa6fff2dae_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&3780& data-rawheight=&1656& class=&origin_image zh-lightbox-thumb& width=&3780& data-original=&https://pic3.zhimg.com/v2-09f8cec65bc529a1e009f6aa6fff2dae_r.jpg&&&/figure&&figure&&img src=&https://pic3.zhimg.com/v2-b29deb6038eba5c43db86_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&3316& data-rawheight=&1556& class=&origin_image zh-lightbox-thumb& width=&3316& data-original=&https://pic3.zhimg.com/v2-b29deb6038eba5c43db86_r.jpg&&&/figure&&p&&br&&/p&&p&&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-d680b7f0fa0cfb443e3d37_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&682& data-rawheight=&225& class=&origin_image zh-lightbox-thumb& width=&682& data-original=&https://pic4.zhimg.com/v2-d680b7f0fa0cfb443e3d37_r.jpg&&&/figure&&p&&/p&
在标准化处理图片之前，首先，你要先了解这个：当然，我才不管有没有用，反正我就是要让所有宝宝知道；看到这个，会想到一个数值 —— 0.61 8这个数值为什么很神奇呢？ 可能是因为下面这个公式吧 ，哈哈！我不管，反正我已经解释清楚了：较短部分与较长部分…
&figure&&img src=&https://pic1.zhimg.com/v2-524a103cd248c298d24cde4c54f66225_b.jpg& data-rawwidth=&620& data-rawheight=&349& class=&origin_image zh-lightbox-thumb& width=&620& data-original=&https://pic1.zhimg.com/v2-524a103cd248c298d24cde4c54f66225_r.jpg&&&/figure&&p&这些新设计推出时都引起了巨大的轰动，你如何看待它们呢？&/p&&p&不论你是否从事Logo设计相关工作，在大品牌换标时，都值得予以关注。&/p&&p&新的Logo发布是频繁的，你可能很难关注到每一个。这里我们整理了2017年那些最著名的Logo设计，让我们一起对过去的12个月进行回顾。&/p&&p&另外，请注意我们这里指出的是“著名”的，而不是说他们是2017年最棒的设计。只是因为某些原因，它们获得了更多的关注。&/p&&h2&01.Tinder&/h2&&p&以下为新款Logo：&/p&&figure&&img src=&https://pic1.zhimg.com/v2-524a103cd248c298d24cde4c54f66225_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&620& data-rawheight=&349& class=&origin_image zh-lightbox-thumb& width=&620& data-original=&https://pic1.zhimg.com/v2-524a103cd248c298d24cde4c54f66225_r.jpg&&&/figure&&p&以下为旧款Logo：&/p&&figure&&img src=&https://pic4.zhimg.com/v2-b395d13bd73ee41fb09f76_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&626& data-rawheight=&352& class=&origin_image zh-lightbox-thumb& width=&626&