作者：吴佳敏
出版社：机械工业出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
视觉链：互联网产品的视觉设计理念与规范试读：
前言
生活中，我常常被问：“你是做什么的？”我会回答：“互联网视觉设计师。”对方很不解，什么叫互联网视觉设计师？我通常这么解释：在有些公司里，我们被称为UI设计师，但有时也会被称为VI设计师。不管称呼是怎样的，我们的工作都是在电脑或手机屏幕上针对界面皮肤的设计。我们的设计为互联网产品服务，在针对界面皮肤设计的时候，会对用户体验进行研究分析。
在平时的工作中，我发现有些合作部门的同事竟然也不太了解我们的工作内容，以及视觉设计的价值。这坚定了我写这本书的决心。
为什么要写这本书
从包豪斯到Google I/O的Material Design，互联网的视觉设计既继承又颠覆着传统视觉设计理念。每一年都有许许多多的毕业生或者转行人员开始从事互联网产品的视觉设计师工作。
2015年，我在面试了100多位应聘者后发现，80%~90%的设计师应聘者对自己的职业毫无规划，并且对职位定义不清。他们认为只要是视觉设计的工作，都能胜任。其中有些应聘者是仅对设计抱有兴趣的，但他们没有设计背景，也没有设计方面的正规培训和工作经验；还有一些刚刚毕业的校招生，由于不清楚互联网公司的职位分配和工作内容，导致求职受到阻碍。这些人可能在设计领域中会有很不错的发展，但在他们踏入这个领域时，其实已经错过了求职良机，非常可惜。
有些同学在学校里会学习到一些别人制定的设计理念、设计知识。而这些在工作中，往往只是工作内容的一部分，在工作中，科学的工作流程、合适并能解决当下问题的设计、高效而良好的沟通技巧、有效的解释说明设计才是成功的互联网产品设计师必须拥有的素质。而这些在学校里是学不到的。
互联网行业是一个发展非常快的行业，也是一个充满创新的行业，技术发展快，商业模式层出不穷，用户的需求也在不断变化，相似的产品越来越多。对于互联网企业而言，要能让自己的产品在这个快速发展且充满变化的行业里更好地满足不断变化的用户需求，只有为用户提供越来越好的产品以及更好的用户体验这一条路。所以，近几年，互联网行业中成熟的公司越来越重视UED团队。在一些UED团队中，已经将设计岗位细分成：交互设计和视觉设计。而这种专业的职业细分，是靠一代又一代设计师们自己总结摸索得出来的。
有些视觉设计师会误读界面设计，从而把界面设计得“虚”“大”“空”。什么是“虚”“大”“空”？“虚”：需要突出产品属性和信息的时候，却用设计技巧和手段掩盖了产品真正要表达的功能特点，虚而不实。“大”：互联网环境下，相似的产品非常多，一些产品或者产品功能是有时效特性的，当产品发布错过了有效时机时，无论做得多好都会流失用户。所以在设计的时候若总想太多，做得范围太广，往往都会导致产品发布错失良机。“空”：设计师没有真正了解产品，只是在炫耀自己的技能，设计理念与产品理念矛盾。“虚”“大”“空”会使工作伙伴对我们的能力产生质疑。在没有任何经验和总结可参考的情况下，设计师的成长往往会受到阻碍，对自己的职业道路会产生迷茫和质疑。本书就是基于以上原因策划出版的，希望本书能帮助视觉设计师们快速成长，少走弯路。
读者对象
本书的主要读者包括从事互联网视觉设计的应届毕业生、转行从事互联网产品视觉设计的从业人员，视觉设计师（以互联网为主）、视觉设计团队管理人员（以互联网为主）、产品经理，以及用户体验从业人员。
刚毕业的同学：阅读这本书，可以理解如何在互联网的环境中开展自己的工作，从学生身份切换到社会人身份，了解视觉设计师的职能，工作的流程和如何提升专业技能。
转行成为互联网一员的设计师：通过阅读本书，可以了解互联网环境的设计团队是如何合作、如何思考的，帮助转行设计师快速入门，并融入互联网工作氛围。
和视觉设计师打交道的相关人士：可以了解视觉设计师的工作和思考范畴。本书将感性的设计内容用文字的方式理性地传达给读者，从而帮读者了解并理解设计师的工作。
公司的高层：通过阅读本书，领导们能更了解视觉设计师的感受、职业发展方向，从而使视觉设计师在工作中可以更好地体现自己的价值，并且在职业发展道路上有更大的发挥空间。
如何阅读本书
本书的内容基本都是干货，是我的经历、经验的系统总结。书中的观点和论证均在我9年的互联网产品视觉设计工作中得到了验证和提炼。本书从界面设计逻辑的层级分析到设计的细节分析，从工作沟通的合作方式到设计语言的表达解释均有深刻阐述。具体来说，本书从以下三个层面进行了讲述：
第一层讲解了互联网产品视觉设计师的职业规划、需要具备的能力，这部分内容可以帮助入门级的设计师进行技能储备，帮助中级设计师对自己的职业生涯进行规划，帮助设计管理者确定招聘准则。
第二层讲解了设计方向和设计方法，一些设计方法可以帮助大家在互联网的工作中快速论证和自省设计是否是准确合适。同时还讲解了大型改版设计前期调研该如何开展。
第三层讲解了深入设计和确立视觉理念的相关知识，这部分内容比较专业，技术性更强，书中会用大量的例子来说明和解释视觉理念及一些确立视觉理念的方法论。
本书一共分五章，具体内容安排如下：
第1章讲述互联网产品及其视觉设计概念，旨在让读者对互联网产品有一个整体的了解。作为一名合格的互联网产品视觉设计人员，了解这些内容有助于形成正确的设计观，也就是找到设计方向和设计理念。这一章还讲解了互联网产品视觉设计师的职业规划、需要知道的5个关键点和需要掌握的4种学习方法，这些都是形成设计理念的基础。
第2章是在第1章的基础上对设计的方向和理念进行宏观性的剖析。这一章首先明确了战略和用户对于互联网产品视觉设计人员来说意味着什么，接着深层剖析了对互联网产品视觉设计人员非常重要的一个概念——层级，包括什么是层级、为什么要掌握层级、如何建立层级等。只有掌握了层级，才可能成为一名合格的设计师。本章最后系统介绍了视觉设计的方法和流程，这部分内容旨在帮助设计师在掌握了层级，有了成为一名合格设计师的潜质之后，知道如何开展设计工作。这一章的内容既能够帮助个人快速处理和制作设计，又可以帮助团队规范设计流程和方法，提高团队效率。
在掌握了第2章的宏观知识后，第3章开始围绕细节设计展开讲解。这一章主要包括两大块内容——设计元素和颜色搭配，元素＋颜色＝作品，所以掌握了这两部分内容就可以设计出令人拍案叫绝的作品。这一章从颜色代表的情感、颜色的模式、颜色选取的两种方法等角度详细介绍了颜色搭配的方法；从图标的类型、像素、体量感、选择、动效设计、使用情况等方面介绍了图标的使用方法；同时还对文字和表单的设计进行了详细分析。
在了解了设计的方方面面之后，本书指出让设计师进一步提升的方法，也就是第4章要介绍的内容——回归设计理念。这一章告诉视觉设计师在设计完毕后要进行反思、自省，提炼设计理念，论证设计方向，这样不仅能让作品有感性的视觉传达、理性的理论支持，还能让设计师找到不足、积累经验。要想进阶为更高级别的视觉设计师，本章内容是必学的。
前面4章是视觉设计师进行创作的完整流程，是一个完整的视觉设计工作链，在这个链条上每一环都是后面一环的支撑，缺一不可。但是在这个链条之上必须配以设计规范，才能让其更加稳固，这就是第5章要讲解的内容。第5章在明确了设计规范的重要性之后，给出了制定规范的5大原则和具体流程，最后还辅以具体的案例，让读者在掌握理论层面的知识后，还能通过他人的成功经验知道自己的工作如何落地！
希望本书能够唤起读者在互联网产品的视觉设计过程中的一些思考，同时也希望本书能使读者比较深入地了解我想要表达的对互联网产品的视觉设计的理解。
资源和勘误
书中的图片都是进行示意的设计稿，价格和数字都仅为举例需要。由于经验和精力有限，本书难以全方位从点滴细节中深入而系统地解释互联网产品的视觉设计。如果能帮助大家认识视觉设计师的岗位，理解视觉设计师，那么对于视觉设计师以及我本人来说，已经足够了。
如果你有任何针对本书的宝贵意见或建议，欢迎发送邮件至邮箱naonao_mail@126.com。期待能够得到你的真挚反馈。
致谢
首先要感谢我的家人在我写作过程中给予的支持，他们是我坚强的后盾。
我还要感谢在我的工作过程中帮助我的朋友和同事。刚毕业时，我遇到了一位非常负责的领导王索夫，在他的指引下我做了一年的交互设计，这为我的设计逻辑打下了非常扎实的交互基础。他曾经说：如果你“吃透了”产品逻辑，那么你的设计层次将与别人不同。感谢陈扉、郑砾在腾讯工作时对我的设计作出的非常细致的点评，特别是郑砾不厌其烦地和我一次次看稿子，细细探讨修改，给出了非常专业的意见。
感谢张振虎和邓佳佳让我的设计变得更加专业。特别感谢nikita彭晓红，让我的设计理论得到实践和认可。
感谢杨晓平。在2014年的时候我就有写一本书的想法，但是苦于不知道如何写，如何出版。2015年年初，我将这个想法告诉了他，是他让我认识了杨福川。
最后感谢杨福川和孙海亮，一次次为本书出谋划策，引导我，使我能将所想、所得付诸文字，直至付梓。第1章认识互联网产品视觉设计1.1 什么是互联网产品的视觉设计
互联网的发展，让我们的生活越来越便利。用户在追求产品功能便利的同时，对界面品质的追求也越来越高。互联网产品的视觉设计既是对互联网产品的包装，也是对互联网产品的一种解释。越来越多的人对界面的视觉设计产生浓厚的兴趣，想进一步了解什么是互联网的视觉设计。1.1.1 了解互联网产品
我们先了解一下什么是互联网产品——它的概念是从传统意义上的“产品”诞生而来的，是在互联网领域中产出而用于经营的商品，是满足互联网用户需求的一种载体。互联网产品的一个重要因素是让用户参与产品设计，将用户所需加入到产品设计中去。用户驱动企业，并且快速迭代，将原本以企业为中心的思维转变到以用户为中心的思维。
产品的管理者接受用户的观点，让用户的声音加入决策制定过程中。让用户参与设计，这使设计师和用户的角色与传统企业时代相比发生了137微妙的变化：用户成了产品的设计者和改变者，而设计师扮演了协调者、配合者和观察者，并获得用户的第一手资料，从更丰富的角度挖掘用户的意识和需求。
怎么理解用户参与产品设计呢？举个例子：乐高是个实体企业，在20世纪末乐高陷入产品创新无序、管理创新滞后、文化创新乏力的怪圈时，一位乐高设计师尝试在论坛上与一批乐高爱好者一起设计一些产品，结果取得了很好的反应和效果。这种“参与设计”的互动，让乐高起死回生。△乐高爱好者参与乐高设计让乐高起死回生
怎么理解将企业思维转变到以用户为中心的思维呢？例如：我们去商场，售货员会推荐一些公司想售卖的商品，这是以企业利益为出发点的推荐方式。
以用户为中心的推荐方式，在互联网行业中以Amazon为例，它通过用户的购买记录，根据用户自己的特性，进行个性化推荐，推荐的物品是和用户喜好相关的。这就是将用户的需求放到产品设计中去。Amazon Recommendation System贡献了35%的成交量，另外全站有六成的成交是直接或间接通过这个推荐系统产生的。对Amazon来说，推荐技术改善了用户体验，它和客观的商品评论功能等一起帮助Amazon成为最可靠、易用的商品资料库，绑定了大量的用户，为Amazon带来长期稳定的收益。△Amazon的推荐系统
还有一些电商App中的“为你甄选”和“猜你喜欢”板块也是如此。
互联网怎么改变我们的生活呢？举个例子：周末我决定去买一件衣服，出门→乘坐地铁→到达商场→逛商店→挑选喜欢的衣服→试衣间试衣→到收银台排队付费，结束这次的购买流程。
在互联网时代，我们不用出家门，只需打开电商网站或者App→搜索想购买物品的关键字如（红色上衣）→选择喜欢的衣服→进入衣服详情页→加入购物车→点击付费，就可以完成这个购买行为，并且可以查看和点评其他用户的评价进行互动。△在商场中排队购物△在电商平台购买相同的品牌
简单来说，互联网产品就是指网站（PC端）或App（Mobile端）为满足用户需求而创建的功能及服务，它是网站或者App功能与服务的集成。互联网产品的诞生让生活更便捷，比如一些点餐网站或App、美食点评网站、网上购物等，可以将千里之外的信息呈现在用户面前。
举个例子：腾讯的产品是“QQ”“微信”等，Google的产品是“搜索”“广告”等，新浪的产品是“微博”“新闻”等，每个互联网公司都有自己的互联网产品。
腾讯的产品“QQ”“微信”都是即时通信软件，能及时发送和接收互联网消息。它颠覆了传统的纸信模式，20世纪90年代的“笔友”被“网友”逐步代替。
新浪的产品“微博”“新闻”让社会新闻能立即分享给大众，不再是通过传统的报纸。传统报纸有延时性，第二天才能知晓前一天发生的事情。△互联网产品
互联网产品相对传统商业来说，在时间、空间、传播、关系这些维度上都产生了变化。（1）时间：互联网电商让时间从原来的固定营业时间，实实在在地变成了356天×24小时。它让商业没有工作日与休息日之分，没有白天和黑夜之分。△实体商业vs互联网电商（2）空间：数字化世界让空间无边界，节约空间成本，打破空间障碍，让物流成本大大减少。△实体商城vs互联网电商（3）传播：社交媒体颠覆电视、广播、报纸等传统媒体，让信息传播更加快速。△传统媒体vs互联网媒体（4）关系：互联网产品让人际交往形态发生变化，使陌生人接触的机会增加。△互联网2.0 vs互联网3.01.1.2 什么是互联网产品的视觉设计
随着时代的演变，视觉设计不再仅限于传统的书籍封面设计、电影院门口张贴的海报设计，或者CD封面设计，又或者一些杂志类排版设计了。互联网产品的诞生使视觉设计师的设计为互联网产品服务。
例如我们使用的手机，它的锁屏界面是界面设计；进入后，主界面上的那些应用图标是图标设计；进入设置界面，代表功能的图形也是图标设计。△界面设计和图标设计
在我的理解中，互联网产品的视觉设计既有创意又有理性特征，更像是“在屏幕里的工业设计”。
互联网产品的视觉设计师在互联网公司中负责互联网产品的视觉设计，在分析产品逻辑和交互逻辑后，负责简洁而优雅地传达有效信息，并通过视觉设计制造出愉悦的用户体验。△传统CD封面、海报设计以及互联网产品视觉设计
根据所负责的互联网产品是用户产品还是运营产品，互联网产品的视觉设计师可以分为互联网界面视觉设计师和互联网运营视觉设计师。互联网界面视觉设计师最关心的是针对互联网用户的产品是否富有美观的用户体验和实用能力。互联网运营视觉设计师最关心的是视觉冲击力和美观度。△互联网界面视觉设计（界面皮肤）vs互联网运营视觉设计（活动banner）
互联网产品的视觉设计包含LOGO、banner、icon、界面设计、活动专题、为介绍产品功能而进行的动画设计等，它与互联网产品交互设计的职能是有所区分的，但和产品逻辑又是密不可分的。本书着重讲解互联网产品的界面视觉设计。1.2 互联网产品视觉设计师5项关键能力
互联网产品的视觉设计师不只是对界面或软件进行配色排版、Icon设计等，更需要对用户（界面或软件使用者）、使用环境、使用方式进行定位，并最终为界面或软件用户服务（设计）。这类视觉设计师进行的是集科学性与艺术性于一身的设计，简单来说，他们需要完成的正是一个不断为用户制造视觉效果，并使之满意的过程。
有些设计师说，我从小学习美术，素描、色彩都很棒，参加过国家级美术大赛，获得了很高的奖项。这些只能证明你的色彩和构图能力得到了认可，基础扎实，但与互联网视觉设计师所要掌握的能力还是有一定差距的。
许多选择成为视觉设计师的从业者，是对设计富有热情和兴趣的。那么一名优秀的视觉设计师需要具备怎样的能力，才能胜任互联网产品的视觉设计工作呢？
一个优秀的互联网产品视觉设计师能力模型如下：△视觉设计师能力模型
1.专业核心知识
作为一名视觉设计师，需要具有扎实的美术功底和创造力，极好的色彩把握能力、布局能力和审美能力，能判别美感和设计的优劣。不管是业余爱好者，还是受过专业训练的从业人员，专业技能这个核心竞争力都是不能缺失的。△视觉设计师的核心竞争力——专业本身的核心能力
如前文所说，视觉设计中包含了“LOGO、banner、icon、界面设计、活动专题、为介绍产品功能而进行的动画设计等”，那么美观、隐喻准确、容易令人识别的icon就需要塑形能力。
色彩的搭配、构图的完整、字体的设计等是设计banner的基础能力。排版、配色、对比等是设计界面的基本能力。
为什么要掌控这些能力？
排版是把文字、表格、图形、图片等进行合理的排列调整，使版面达到美观的视觉效果。最常见的网页布局错误之一是定义了不正确的行高。行高是定义一行文本的高度，所以我们必须按照文本字体大小来设定行高。
另外需要定义标题周围的margin值。标题其实是与它下面的段落相关联的，而不仅仅是两个段落的分割符。所以标题与下面段落的距离应该小于它与上方段落的距离。
为了确保可读性和专业性，在界面中尽量避免出现3种以上的字体，使用过多的字体会干扰用户而且让界面看起来很乱。相反，较少的字体让界面显得干净易读。
配色简单来说就是将颜色摆在适当的位置，做一个最好的安排。色彩是通过人的印象或者联想来对人产生心理上的影响，而配色的作用就是通过改变空间的舒适程度和环境气氛来满足消费者的各方面要求。配色主要有两种方式，一是通过色彩色相、明度、纯度的对比来控制视觉刺激，达到配色的效果；二是通过心理层面感观传达，间接性地改变颜色，从而达到配色的效果。
视觉设计的运用手法由图形、色彩、排版、构图、布局等穿插结合而成。对这些手法的把控力越强，设计核心能力越高。△界面排版
创造力——人类特有的一种综合性本领。一个人是否具有创造力，是一流人才和三流人才的分水岭。它是知识、智力、能力及优良的个性品质等复杂因素综合优化构成的。创造力是指产生新思想，发现和创造新事物的能力。它是成功地完成某种创造性活动所必需的心理品质。
对于一名视觉设计师来说，发现和创新是基本要素之一，没有创造力，设计师的生命力也就没有了。
审美能力即艺术鉴赏能力，它让我们认识到什么是美，并且能评价美。审美能力是可以培养和提高的。多收集一些好的设计作品，多去参观一些好的设计展览，有效地评价设计，都能逐渐提高审美能力。
怎样有效地评价设计呢？大家有没有这样一种经历：看到一个设计稿，想到一点说一点，观点非常发散，最后变成了“指点江山的大神”？
评价设计先从设计的整体概况入手，第一印象让人接受是设计的第一步，从自己的角度看看用户是不是对这个设计有兴趣，并且愿意阅读内容。这里所说的内容就是要表现给用户的主要信息，看看是不是完整表达了这些信息，有些设计师为了美感的表现，往往会缺失对商业价值的表达。△界面整体的评判
下面的事例是当设计师接收到全场五折需求时，应该表现出全场五折，但是设计师很有可能烘托的是活动气氛，忘记或觉得没有必要把五折信息放进设计里。就“五折命题”来说，下图中左边的分图表达是准确的。△准确表达商业价值
整体分析后，就是细节分析了。从排版、流程、颜色等角度去判别内容是否安排合理，流程是否通畅，颜色和风格方向是否一致。另外还有没有缺失的设计和多余的设计，并进行调整。△细节分析
当将这些都分析后，我们就能总结性地做出评价，看这个设计是不是有效和有价值。
2.产品&交互逻辑
为产品进行设计的时候，需要了解业务和产品需求。这些业务知识、产品逻辑或交互逻辑，能帮助视觉设计师更准确地将产品理念和交互理念结合起来，通过视觉设计的包装，精确地传达给用户。△富有上下游知识，让设计循环，使产品更稳定和成熟
另外，准确地把握用户心理，对用户体验有深入的研究，具有对可用性测试结果评估的能力，对用户操作流程及用户使用习惯有深入理解，这些工作是需要团队协作的。例如可用性测试和评估，需要从事用户研究的专业人员对用户进行观察，进行结论分析。只有在这些论点的基础上产出的设计才能满足用户的需求和诉求。
用户体验设计，最终是要落实到用户身上的。客观、中立的验证、分析、评估能力是一个视觉设计师的重要素质。无论个人还是团队，设计的成果都需要通过客观测试才能算是合乎标准。
3.判别需求的能力
视觉设计师是一个非常看重专业度的岗位，相信所有的设计师都想工作伙伴认可自己的专业能力。一个经常采用盲目跟进产品需求和交互设计稿这类工作方法的视觉设计师，是无法让人信服的。因为你的核心能力（创造力、审美等）他们无法理解，而和他们之间的逻辑沟通是缺失的，工作伙伴会潜移默化地认为这个视觉设计师是对交互稿进行色彩搭配的“美工”。视觉设计师设计出的稿件，往往会被挑战和质疑，而视觉设计师即使在核心能力角度据理力争，也无法让他们改观，双方在两条平行线上交流。那么视觉设计师的专业度又体现在哪些地方？△判别需求的各个层面
专业度不等同于核心能力。在我们提供“核心能力”给我们需要设计的对象的同时，进行逻辑分析和用户体验研究之后，我们还需要做一个具有判别需求能力的视觉设计师。对不符合逻辑的产品需求提出质疑，对缺失的交互逻辑进行补充，并能给出相应的解决方案。
我问过一些设计师：“这个地方为什么这么设计？它似乎不符合常理。”设计师回答：“产品经理要求这么做的。”或者“交互稿上这么设计的”。这样的回答，好像是在撇清设计责任，但视觉设计师往往忘记自己也是这个项目或任务的一分子，自己承担着为用户带来更方便或合乎常理设计的责任。△明确逻辑和步骤
请设计师大胆地向你的伙伴提出你的观点，和他们一起探讨，将更好的设计带给用户吧！
4.精确的解说能力
设计师是设计作品的翻译官，我们需要把产品语言转化成用户能理解的方式进行传递，让使用它的人能读懂它、喜爱它。不要吝啬自己的表达能力，该为自己设计说明的地方，释放自己的口才吧。
只有设计师是最了解自己设计意图的人，也是这个产品设计的第一个用户，设计师需要对自己设计的界面有解说和包装的能力，让别人能一眼看到设计中的特点和精髓。有些设计师设计完界面之后十分“吝啬”，没有设计说明，没有设计分析，发出一封设计完毕的邮件后“任人宰割”，把自己的观点深埋在心里。接收方不知道设计师的意图，于是用自己的主观喜好去评判设计。这样就导致设计师背后有一群指点江山的“大神”，设计师的工作积极性受到打击，对团队信任度和融洽度也造成影响。设计师如果能够充分地说出自己的设计意图，让接收方理解，以及使理解不产生偏差，就可以省去不必要的沟通成本。△精确的解说能力
有时候设计师不知道怎么表达自己的设计意图，我们常常会听到这样的说明：“从用户体验的角度出发做出这样的设计。”什么是用户体验？它是一句口号吗？或是万能回答的解释？设计师完全可以把自己分析的经过、考虑的各个方面解说给伙伴和团队。
如果解说对象比较多，需要向领导汇报等，可以制作PPT进行演示，将设计过程、分析都详细演示。如果是小范围的解说，可以在会议室或电脑前进行演示。在解说对象不适合面对面演示的情况下，可以运用邮件形式，将需要解说的局部突出说明。△PPT展示自己的设计和设计过程△在邮件中说明局部设计意图
小贴士：这既是表达设计的时机，也是体现个人专业度的时机！
5.工具掌控能力
在这本书里我不会详细介绍这些软件该怎么运用，设计师的核心能力从来不会因为软件的限制而受到限制，希望设计师明白，软件只是实现效果的工具。但掌控工具却是不可忽视的能力，一个设计师很有创意想法，却不知道怎么实现，用哪种工具实现最有效、最合适，也是不可取的。
众所周知，视觉设计师常用的软件包括：Photoshop、Illustrator、Sketch等。△设计师常用软件
这3类工具特点的比较：
Photoshop是图像处理软件，它的专长在于图像处理，而不是图形创作，虽然最新的版本将矢量功能加入了这个软件，但在矢量绘制上Illustrator更专业一些。不过Sketch绘制图片的曲线品质比Illustrator好。
现在是无线时代，App的诞生催发SVG格式的兴起，它是可缩放的矢量图形，可将矢量图形数字化，文件也非常小。而这个格式Photoshop是不支持的，Illustrator支持，Sketch也支持。
随着iphone手机的热卖和iOS7之后界面理念的诞生，毛玻璃背景效果受到广泛运用，这种酷炫视觉效果在Sketch中是可轻易获得的，而在Photoshop中则需要一些复杂的制作过程。最新的Photoshop版本加入了手机端的尺寸和插件，使设计更加方便。
Sketch最近成为一款火爆的设计工具，很多公司开始使用。对于App的设计来说，这款软件是设计利器，操作方便，功能强大。当然它在创意图形时是有利的，而在创意图像效果时需要在Photoshop中制作完毕，并导入到Sketch作为元件使用。△毛玻璃设计效果
这3类软件各有利弊，是界面视觉设计中常用的软件，大家可以自行选择制作方式。
界面视觉设计师需要掌握：Photoshop或者Sketch，Illustrator，After Effects或者Flash。△界面视觉设计师技能等级划分
运营视觉设计师需要掌握：Photoshop，Illustrator，MAYA或者3ds Max,Flash。△运营视觉设计师技能等级划分1.3 提升视觉设计师能力的4种学习方法
很多人不了解视觉设计师的价值，更直接地说，大多数视觉设计师没有体现出足够的、令人信服的专业度。那么如何提升视觉设计师的能力呢？
1.多看
视觉设计不是一蹴而就的创造工作，它是不断迭代、不断更新的过程。这里的“看”指的是设计师能博览，能广泛涉猎，看过好的设计、差的设计，能评判设计的优劣，这样视觉设计才会变得很美。
知识是瑰宝，如今与互联网相关的书籍非常多，视觉设计师可以通过多阅读《用户体验的要素》《点石成金》《一目了然》等用户体验的书籍来提高相关用户体验的知识。或许你已经看过了，但反复看几遍你会发现每次理解都有不同，将现实中的案例与书中知识结合，会有不同的思考维度。
试读结束[说明：试读内容隐藏了图片]