zeplin无法在PS中正常安装，显示"Could not communicate with the plugin"，PS版本 2015CC ，系统Windows

1. Zeplin-强大的协作工具支持平台：只支持Mac专为UI设计师与开发工程师量身打造的协作型界面设计工具。作为一名UI设计师，你需要把你的设计传达给开发团队，而Zeplin的设计是为了实现这一目标。Zeplin操作很简单，设计师直接从Sketch上传制作的UI界面设计，应用会自动生成一些注释，在面板右侧会直观的看到每个元素的大小，颜色，边距甚至是某些元素的代码信息。另外，UI设计师还可以直接在UI界面上给开发人员添加注释，标记，备注等。填补了开发与设计之间的沟通障碍，为设计师和开发人员节省了大量宝贵的时间。特色：良好的用户体验;轻松查看界面的间距，尺寸，颜色等;创建样式，帮助设计团队保持一致;通过插件快速同步Sketch中的项目;支持PS，Sketch，Adobe等工具。2. AE-强大的动效视觉处理软件支持平台：Windows&MacAdobe After Effects简称“AE”是Adobe公司推出的一款关于图形和视频处理的界面设计工具，如今动效设计在UI界面设计中的应用已经越来越广泛，而且国内许多公司开始重视动效设计了，所以作为UI设计师，也应该掌握一些动效设计。动效在UI设计中的应用其实比我们想象中的还要强大，好的动效设计可以给用户提供一个良好的视觉感受，从而加强与用户之间的交互体验。AE这款界面设计工具可以帮助UI设计师对图像视频进行任何特效处理，是一个灵活的基于层的2D和3D后期合成软件，包含了上百种特效及预置动画效果，可与Premiere，Photoshop，Illustrator等软件无缝结合，创建无与伦比的视觉效果。它还借鉴了许多优秀的软件的成功之处，将图像视频特效合成技术推到一个新的高度。特色：震撼的视觉效果;与Premiere，Photoshop，Illustrator无缝兼容。3.加分工具-Dreamweaver支持平台：Windows&MacDreamweaver是一款网页代码编辑器，帮助设计师和程序员快速制作和进行网站建设。为什么要把它单独列出来，是因为我觉得UI设计师不仅仅需要掌握一些界面设计工具，还需要学习和了解一些前端的布局和设计，才能够更好的配合前端工程师们做好产品开发的工作。UI设计师如果了解一些基础的代码知识，可作为一个加分项在面试中脱颖而出。以上就是青藤小编今天的全部分享了，归根结底，技多不压身，想要成为一名优秀的UI设计师，掌握界面设计工具只是其中一部分，因此需要的就是不断学习，不断坚持，不断的丰富自己的综合能力。

首先，我们需要确保ps中已经安装好了zeplin插件，我们可以在窗口，扩展功能中看到然后，我们打开一个psd文件，打开zeplin插件，可以看到说明，是将画板倒入到zeplinpsd中默认是以图层的形式呈现的，我们需要先将图层转换成滑板，先选中所有的图层（按住shift键，分别选中第一个图层和最后一个图层），然后右击选中来自图层的画板。这样，软件会提示我们即将从图层新建画板，可以会画板重命名，定义高度和宽度，我们直接点击确定即可。然后，我们将画板拖拽到zeplin区域，可以看到提示，一个画板已经选中，我们点击黄色的按钮，将选中的画板导入到zeplin在这之前，我们要在zeplin中新建一个project，好来存放我们拖拽过去的画板。（免费版的zeplin一次只能建一个画板，需要删掉之前的画板，才能新建画板）点击Create my first project。选择我们的项目类型，这个要根据psd的设计图来选定，可以选择IOS和Android还有Web三种类型。我们在PS中点击导入zeplin的时候，fetching project后，需要选择一个project，我们选择刚刚新建的project，import这样就导入到zeplin了，快来试试吧。

--这个--很简单嘛。--你先抠出连通的标志。、然后把选区转化成路径--之后用ps输出路径到ai(adobeillustrator)--然后会生成1个.ai文件打开3dsmax--我是用英文版的--我就直接打英文了import（导入）--之后把保存的ai文件导进3dsmax就可以；了

原型设计工具动效制作工具协作工具A.原型设计工具1.Sketch：一款强大的界面设计工具，如果你是UX或者UI设计师，那么你对Sketch一定不陌生，但只支持Mac，其他系统请绕道。2.Mockplus：一款可以提供丰富的交互组件和页面切换功能的国产设计软件， 设计师简单点击或拖拽即可实现交互动画的添加，操作简单。3.InVision：InVision是一款基于网页的在线原型设计和协作工具。 设计师上传已设计好的页面，为其添加热区，完成多样的原型交互动画。B.动效制作工具AE：强大的动效视觉处理软件，可以帮助UI设计师对图像视频进行任何特效处理，是一个灵活的基于层的2D和3D后期合成软件。AE包含了上百种特效及预置动画效果，可与Premiere，Photoshop，Illustrator等软件无缝结合，创建无与伦比的视觉效果。C.协同软件1.Zeplin：强大的协作工具2.iDoc：iDoc操作很简单，设计师直接从Sketch/XD/PS/Axure上传制作的设计稿，前端工程师可以直接在面板右侧会直观的看到每个元素的大小，颜色，边距，甚至可以直接导出样式代码。另外，UI设计师还可以直接在UI界面上给开发人员添加注释，标记，备注等。填补了产品、开发与设计之间的沟通障碍，为设计师和开发人员节省了大量宝贵的时间。

这十款Mac免费软件，协助你在家轻松远程办公！目录：即时沟通：企业微信、腾讯会议、Foxmail文档管理及协作：腾讯文档、幕布、石墨文档、Notion软件开发远程访问：Termius、iHosts设计工具：Zeplin即时沟通1、企业微信：让每个企业都有自己的微信简单易用的内部沟通软件，可连接微信，直接添加客户微信。集成日程、会议、审批、汇报等多种效率工具。在疫情期间，设有下发疫情通知功能、支持在线问诊，及时上报疫情，自动统计。支持300人在线会议，远程教学直播，无需见面即可完成培训、开会，避免交叉感染。（官网链接：https://work.weixin.qq.com/nl/index/neumonia）2、腾讯会议：高清音视频会议-随时随地无需安装插件及客户端，手机、电脑、平板、web、小程序一键入会，享有高清画质、高保真还原人声。会议中可实时共享屏幕，多种格式文档在线协作，保持会议便捷生动。在疫情期间，腾讯会议免费开放300人不限时在线会议，并提供7*24小时在线服务。（官网链接：https://meeting.qq.com/index.html）3、Foxmail：简约而不简单的邮件客户端专为办公打造，极简设计、清晰明快的页面让Foxmail的每一个功能区域都一目了然，处理邮件高效便捷。支持同步企业地址本、共享企业网盘，一键发送群邮件，添加超大附件等，丰富的商务功能，打造你的企业邮箱专属服务。（官网链接：https://www.foxmail.com/）文档管理及协作4、腾讯文档：可多人协作的在线文档（链接：https://lemon.qq.com/lab/app/tengxunwendang.html）支持多人在线协同办公的文档，可同时编辑Word、Excel、PPT文档，实时保存。还可设置权限，邀请好友一起参与编辑。在疫情期间，腾讯文档开放免费会员，文档、表格支持200人同时编辑，收集表支持7000人填写，全面支持远程办公。上线 “腾讯文档 疫情信息收集远程办公”微信和QQ小程序，提供丰富健康信息收集、远程办公模板，帮助企业提升信息收集效率。5、幕布：思维导图，在线协作（链接：https://lemon.qq.com/lab/app/mubu.html）一款结合大纲笔记和思维导图的在线整理工具。可利用高效及清晰的结构来记录笔记、管理任务，头脑风暴。一键分享链接及权限，轻松开始协作。支持web、手机、电脑、iPad等多个平台，具有演示模式，随时随地整理思路，组织头脑风暴。6、石墨文档：多人实时协作的轻量云端文档（链接：https://lemon.qq.com/lab/app/shimo.html）全新一代文档在线编辑工具，支持多人同时协作，共同编辑表格、PPT，还支持跨平台编辑。新增思维导图、互动白板。企业可根据组织架构实行文档分权，分级管理，内部资料实时共享，方便企业集中管理。7、Notion：知识库和任务管理无缝整合的协作平台（链接：https://lemon.qq.com/lab/app/Notion.html）多合一的高效、多功能笔记软件，涵盖文字、链接、图片、列表、嵌入文件、页面、数据库…等。除笔记功能外，Notion更是一个知识库和任务管理无缝整合的协作平台：可共享同一个中央知识库，支持项目管理，团队日历、进度看板等。软件开发远程访问8、Termius：远程SSH客户端（链接：https://lemon.qq.com/lab/app/Termius.html）适用于macOS、WIndows和Linux的跨平台SSH客户端，一个完整的命令行解决方案，可为系统管理员和网络工程师重新定义远程访问。支持端到端加密，所有设备均可安全同步数据。9、iHosts：一键切换Hosts地址（链接：https://lemon.qq.com/lab/app/iHosts.html）不同 Hosts 间任意组合，支持快捷键切换。远程办公时一键快速切换本机Hosts。设计工具10、Zeplin：设计稿标注及归档协作（链接：https://lemon.qq.com/lab/app/Zeplin.html）为设计和开发人员专门而生的设计稿标注工具。通过安装插件，设计师可以直接将Sketch和Photoshop原件导入到zeplin中，添加同事到群组中，即可快速共享设计稿、加标注发表不同建议及看法，同时提高设计师和开发人员的效率。快邀请小伙伴一起来感受高效协作的魅力吧！使用上述工具帮助团队提高合作效率，如同身处办公环境中~但当下疫情依旧严重，非常时期大家还是要少出门，勤洗手，保护好自身安全！

没有呢。因为中国还没这技术去汉化这么原始的东东。还是边看教程边设置吧，如果你英语还行的话，应该可以看懂的，我去年看了三个月有关BIOS的书…现在觉得没什么难度了。

我之前用的zeplin还挺好用的，不过本人英语不太好，就改用了国产插件——摹客iDoc，总体来说我的需求都能满足，而且标注方式很智能，自动标注的信息可以快速切换为百分比，还可以用手动补充工具快速标注文字、坐标、颜色、尺寸、区域。还有几个实用的功能，比如：自动生成颜色和字体规范，还可以直接复制CSS代码，开发小哥哥应该比较喜欢。标记图层，下载图层数据，可以快速还原设计稿。快速切换不同平台的标注单位。目前我经常用到的功能就这些，如果有人探索到别的实用功能记得留言告诉我~

经过数年设计原型的经历，我尝试过很多原型设计工具，希望能够找到最有效率的原型设计工具。接下来，我来分享一些我用过的原型设计工具以及他们的优缺点！Axure：发展较早的一款原型设计软件，因而名声较大。无限画布，适合做低保真到中保真度的原型。功能很多，也让学习起来有点难度，网上有很多axure教程就不多说了。本地型软件，可以下载html文档预览，手机预览不方便。墨刀：国产的一款原型设计协作工具，比起axure来非常容易学会，内置组件很多，创建页面跳转也比axure简单太多。因为是一款在线工具，可以云端保存工作，这点确实很便捷。另外，通过分享链接就可以分享原型给别人看了，如果涉及到跟同事对接什么的，选择在线的工具更方便。支持sketch文稿导入和自动标注。个人认为性价比最高。Invision: 可以说目前是国外发展最大的在线原型设计工具，主打“交互原型”和“协作”，支持sketch和ps设计稿导入做交互。近来出的 Invision studio 对标sketch，想满足更惊喜的设计需要。国外一些大牛公司像airbnb和amazon都在用。不过对于国内用户来说会有服务器速度的问题，而且，贵。（土豪公司无视）Marvel: Marvel 也是海外知名度较高的一款原型设计协作工具，支持PS和sketch设计稿导入做交互原型，本身也支持中度保真程度的设计。也有自动标注功能。图片库对接unsplash，这样来自unsplash的很多精美的免费图片可以直接用。价格比Invision稍便宜。Proto.io：也是国外的一款手机原型开发平台。支持在大多数的浏览器运行，共享和协作操作方便，可以直接在真实的移动设备上对原型进行测试。拥有较为丰富的UI组件，支持自定义。另外它有不错的用户测试功能，支持视频录制。并且在移动组件时，能够实时在画布看到组件之间的距离。另外由于服务器的原因，有国内用户反应速度有点慢；收费较高，性价比一般吧。UXPin：UXPin是DeSmart团队开发的一个在线可点击原型设计工具该软件，拥有大量用户界面元素（包括web，iOS，Android等），可以共享预览，注解和实时的协同编辑。另外该软件还提供了版本控制和迭代功能。缺点仍然在于国外服务器和价格问题。 原型设计工具各有各自的优缺点，找到适合自己设计的原型设计工具很重要！希望大家早日上手适合自己的原型设计工具。

【导读】随着社会的发展，设计师也是越来越吃香，UI设计师、平面设计师等也是应运而生，设计工具也是不断迸发，新的不断上线，已上线的不断加强，所以想要更好的在设计界立足，设计师必备工具一定要了解，也要会使用哦，那么设计师必备工具有哪些?你是否正在使用呢?1、Adobe XD其实Adobe也花了很长时间一直在研究原型工具。虽然2012年抛出了Edge Tool，可惜的是2015年宣布对其终止维护。不过在2016年，Adobe凭借AdobeXD又杀了回来。XD是矢量绘图工具，同时也可以制作像流程这样的简单交互。有人说XD抄袭了Sketch，也有人说XD是Sketch和Invision或者Sketch和Craft(别名Silverflow)的合成体。尽管如此，Adobe还是会继续推广XD，并寻求和其他Adobe系列产品的连接。此外，和支持Mac OS X的Sketch不同，XD还支持Window系统。2、Figma随着Sketch的普及，矢量绘图工具开始变得更为主流。Figma区别于其他工具，主打同步协作功能。就像开发人员远程共享同一画面写代码一样，如今设计师也有望远程协作了。可能你会质疑：多名设计师同时编辑一个画面的情况会很多吗?想象一下在一个会议上，团队成员们盯着一个画面各执一词的场面，这时Figma就会成为最合适的设计工具。3、Stage & GalleryPixate和Form被谷歌收购以后，听说两个团队合二为一开始开发新的工具。Stage是交互原型工具，Gallery说是设计协作工具。不过具体的内容并未对外公开。我猜测这两款工具可能会结合谷歌云服务。4、ProtoPieProtoPie让设计师无需写任何代码就可以轻松制作微交互原型。其他工具感觉就像让设计师带着编程的思维来做视觉作品。而ProtoPie则是站在设计师的角度，它的概念模型可以让设计师对交互的解读更加清晰。此外，它的不同之处还有就是，ProtoPie不仅考虑手机画面上要看到什么，还支持多指手势、传感、设备交互等在更多交互形式，让交互变得更智能。最近，ProtoPie添加了条件式交互，而且Windows版也正在开发中。5、ZeplinZeplin是和Sketch衔接的插件中比较出名的一个。它帮助开发人员更容易地检查界面属性参数。此外这款工具还支持在界面上直接添加评论，开发人员更可以从Zeplin下载需要的图像素材。设计师不需要像以前一样把图像的数值一个个标记出来;开发人员也不用向设计师索要参数和素材。6、FramerFramer和其他原型设计工具不同，需要编写代码(Coffeescript)制作原型。区别于这篇文中提到的其他工具，Framer的学习成本最高。在既有的版本中，用户不得不去编写代码。以上就是关于设计师工具介绍的相关内容，希望对大家有所帮助，以上的工具作为设计师的你，或者想要成为设计师的你，都是需要赶紧学起来的，如果想要了解更多相关内容，欢迎大家及时前来了解!

万事开头难，只要你明确了自己想要走的路和想要到达的目标，就不要去想前面的路有多难。零经验入行产品没你想象的那么难，全靠你自己。相信关于自学产品，怎么自学之类的文章大家已经看了很多很多了。我也没有什么干粮给到大家，本文想从“自己”的角度告诉大家，想要做好一件事取决于你有多大的决心能够战胜它。以下是本文大纲：你适不适合产品经理？你是个怎样的人？不知道大家有没有真正的去思考过这个问题，自己是一个什么样的人，想要过什么样的生活，是随波逐流，还是勇往直前。我是一个对现状不满意我会自己去改变，我是典型的天蝎座，不满于安逸，爱冒险，虽然我也不是很信这个，我毕业之后留在大城市的理由很简单，我喜欢大城市充实的生活，我喜欢这样的快节奏，我可以在这里学到我想学到的东西，这里有我向往的BAT。我并不喜欢太安逸的生活，这和我个人有关系，我喜欢充满挑战性的工作和生活。我喜欢思考，我喜欢逻辑性的东西，喜欢看书，我喜欢自己动手的，喜欢自己做烘焙，喜欢自己看着自己做的东西的那种成就感。那你呢？你知道自己是个怎样的人吗？产品经理是做什么的？产品经理（Product Manager）是企业中专门负责产品管理的职位，产品经理负责调查并根据用户的需求，确定开发何种产品，选择何种技术、商业模式等。并推动相应产品的开发组织，他还要根据产品的生命周期，协调研发、营销、运营等，确定和组织实施相应的产品策略，以及其他一系列相关的产品管理活动。以上是来自百度百科对产品经理的解释，我的解释：产品经理就是产品的“爸爸”。产品经理需要具备：逻辑能力，思考能力，自学能力，沟通能力，市场洞察能力，数据分析能力，抗压能力，规划能力，统筹能力，画图能力……..关于产品经理做什么的干货网上太多了，我这里就不扩展了。就问一句：你想入行之前，清楚的去了解产品经理是做什么的了么？总结：在你了解了前面两个问题之后，这时候，我们来思考，你适不适合产品经理？这是你选择产品经理时候，需要做的第一件事，也是第一个判断。你调整好零经验入行产品的心态？坚定不要怀疑我一直认为很多事情很难，我不会也不懂，但是我会先按自己的理解去做，不管对错，虽然很多人说我固执，先做的好处可以从三点来说：第一、锻炼自己独立思考的能力；第二、错过一次，更长记性；第三、认真思考过再有人给你提问或者解答的时候，你会更清楚自己要做的事情。不管做什么事，“坚持”很重要，一旦确定了自己的产品方向，一刻都不要怀疑自己，一定要坚持。做好受打击的准备互联网节奏很快，大多数互联网公司根本就精力和财力去培养新人，所以在你零经验投递产品工作的简历，90%是被拒绝的，这是很正常的。如果你不是应届毕业，是半路转行的，亦或者你不是科班出身的，可想而知这个被拒绝率是更高的。如果你此刻没有很强的心理承受能力和抗压能力，你是绝对坚持不下去。储备好“寒冬”的小金库零经验入行产品，产品的工作不会那么容易找到，可能你要找一个月，可能两个月，甚至可能是三个月，甚至可能很久很久….那么在没有找到工作之前，你是没有收入的，你做好准备怎么过了吗？你要为你自己的生活做好打算，不能稀里糊涂，一股脑儿就上。生活还是要过的，所以预存的小金库还是有必要的。你对入行产品付诸努力了吗？学习相关的技能产品职业生涯中，你会遇到太多太多不懂不会但是必须懂必须会的知识，自学能力是产品经理必备技能之一。首先，软件都是最基本的操作门槛，只是进产品行业的敲门砖，但是你不会的话，门都不会给你开，大概的入门级软件我列一下：Axure：最最基本的软件就是原型软件，基本的 交互要会做，动态面板至少要会用，中继器和函数变量可以慢慢学，多做几个原型项目，就熟悉了。要多练多练多练；Xmind：绘制思维导图，这个不难，难易程度相比excel表格，但是这里比较重要的就是逻辑性，思考，思维导图大多都是理出你的思路，绘制原型前的一场头脑风暴。（或者mindmanger，跟xmind差不多，看个人喜好）Visio：画流程图的，用来梳理Flowchart流程图比较多，这里也是比较考究逻辑性。除了以上三个最基本的软件外，还有很多软件，如：processon（实时在线流程图和思维导图），trello（技术团队协作工具），bugclose（bug处理的统筹规划软件），zeplin（产品，UI，前端的协作软件）等等，不过工具是工具，主要还是为了降低沟通成本，但是最重要的还是人的思维，你对工具的使用。另外，还有一项比较重要的基本技能，会总结，会撰写基本的文档，如：需求整理，竞品分析，需求文档等等，我的建议是：先多看，然后自己上。先多看，多去人人都是产品经理搜搜别人写的；自己上，多看几篇后，自己确定一个主题，自己去尝试着写一篇，不要看别人写那么多，觉得可怕，其实自己写完后，真的受益匪浅，因为你写的过程，你是在思考的，而且写完很有成就感，相信我！多与前辈取经前辈走过的路毕竟是比你吃过的盐还多的，多与前辈取经是有道理的，这里的前辈也分很多种。现实里的，如果你入职了，你上边还有个产品前辈，非常好，抓住机会，嘴巴甜一些，马屁多拍一点，不会吃亏的；虚拟的，就是网友，多加一些产品群，里面各种阶段的产品经理，你有什么问题都可以跟他们交流，幸运的话，没准可以成为挚友哦，我就有那么几个 。多看相关的书籍尽量不要学习碎片化的知识！也就是“三十分钟入门到精通”、“干货”、“快速上手攻略”这样的知识。除非你时间紧任务重，需要赶紧了解以便应对面临的挑战。产品经理是一个对逻辑思维能力、系统体系化思维要求很严格的职业，如果你获取的知识是被别人提炼过的干货，那也就意味着你很可能学习的是不完整不系统的知识。不完全不体系的知识对产品经理意味着你可能做出不完整、有漏洞、不严谨的产品。这对产品来说是致命的。所以，如何学习呢？入门两本：《人人都是产品经理》、《启示录》用户心理篇：《影响力》、《乌合之众》用户体验篇：《用户体验要素》、《破茧成蝶》设计篇：《Don"t make me think》、《简约至上》逻辑思维能力：《清醒思考的艺术》、《批判性思维》行业相关：《浪潮之巅》、《互联网思维》运营相关：《增长黑客》、《从零开始学运营》、《引爆点》数据分析相关：《金字塔原理》、《数据分析：企业的贤内助》顺序的话个人推荐先来一本《人人都是产品经理》、《启示录》入门级，起码知道产品经理需要的能力，其他的根据自己的缺乏的选择性的阅读。多关注互联网资讯前两天还跟群里的小伙伴讨论到这个话题，说产品经理每天早上在挤地铁的上班路上有没有必要关注一下最新的行业资讯。讨论的结果是：非常必要！产品经理的第一要务，就是全面了解市场、行业动态，要的是眼界，眼界，眼界。重要的事说三遍。天天闷头画原型，写文档的，那叫民工、民工、民工，重要的事再说三遍。关注互联网资讯的推荐（我的个人习惯推荐）：36氪：我有个个人习惯就是每天早上挤公车的时候看8点1氪，了解最新实事。人人都是产品经理：每天下班公车上我会看人人都是产品经理的问答或是阅读。知乎：毋庸置疑，关注互联网、产品经理相关的模块，参与讨论。虎嗅：虎嗅的定位就是互联网资讯，多看多看。具体的关注看每个人的个人习惯和喜好。此处我就不特推了。怎样拿到第一份产品offer？简历干净明了在HR和面试官未见到你之前，他只能根据你的简历来判断要不要给你面试机会，而当你进入面试阶段时候，面试官也主要是围绕你的简历来对你进行提问。因此，好的简历是你求职的敲门砖，而且还是一块金砖，必须重视。下面列了几条我的建议：体现你的职业素养：格式工整、严谨无错别字；照片端正气质：产品经理毕竟是要协调各部门沟通的，所以照片表现人格魅力、端庄气质；项目经验：如果是小白的话，建议多练习几个demo作为自己的项目经验。基本项目经验互联网的工作是很讲究项目经验的，你总不能完完全全的零经验，试问：哪家公司会招一个你项目经验空白的人来负责自己公司产品的生死性命？所以对于小白的话，个人建议多做几个demo，来填补无项目经验的缺憾，起码你要像面试的公司证明：我虽然零经验，但是我基本的工作会。总结：面试之前多练习几个demo。充足的面试问题准备任何一个产品经理的工作上基本上都是一样的，而且这种描述可以照搬到任何一个项目上，如果只是这样的话，你跟别人的差异性在哪里，你的产品和运营能力又如何展现呢，你和这个岗位的匹配性又如何体现？公司招人，是想看见你对他们公司能带来的价值，所以当你面试之前，你最好能对对方公司的产品有所了解，能说出对方的产品定位、优缺点、以及如果你入职你会怎么做这个产品？虽然你没什么经验，但是你能讲出自己的想法和亮点。这样才是有血有肉，能够体现你能力的，起码能将自己与这个工作匹配。面试得体自信到这一步，你已经获得面试的机会，做好充足的准备之后，那就是得体自信的迎接挑战吧。不要给自己压力：面试的过程是双向选择的过程，就算你没选上，不是你不优秀，是你与这个岗位不太适合，对你来说不是损失；回答问题要流畅具体：面试的过程是个互相交换信息的过程，回答问题要流畅、有条理，我相信前期你做好充足的准备，你得回答一定会很自信的；要注意眼神接触：其实就是表现的得体，不要紧张，就跟朋友一样交流沟通。总结最后我想说的是，入行学习最重要的是“自律”，这一路学过来有崩溃，有收获，有放弃，不同的时刻都有不同的成长。如果你能坚持，认准了方向，朝着这个方向努力。想要改变就从现在开始，多做多看多想，真的没有那么难得事，全靠你自己。以上内容来源：玲子奋斗史

暗能量---- 导致宇宙加速的神秘力量---- 可能是导致 XENON1T 实验意外结果的原因，该实验位于意大利亚平宁山脉深处。 一项由剑桥大学研究人员领导并发表在《物理评论 d 》杂志上的新研究表明，意大利 XENON1T 实验的一些无法解释的结果可能是由暗能量引起的，而不是实验设计用来探测的暗物质。 他们建立了一个物理模型来帮助解释这个结果，这个结果可能来自于太阳强磁场区域产生的暗能量粒子，尽管未来的实验需要证实这个解释。研究人员说，他们的研究可能是直接探测暗能量的重要一步。 我们在天空和日常生活中所能看到的一切---- 从微小的卫星到巨大的星系，从蚂蚁到蓝鲸---- 只占宇宙的不到5% 。剩下的就是黑暗了。大约27% 是暗物质---- 将星系和宇宙网络连接在一起的不可见力量---- 而68% 是暗能量，它使宇宙以加速的速度膨胀。 该论文的第一作者、剑桥大学卡弗里宇宙学研究所的桑尼 · 瓦格诺齐博士说: “尽管这两种成分都是看不见的，但我们对暗物质的了解要多得多，因为暗物质早在20世纪20年代就被提出，而暗能量直到1998年才被发现。”。“类似 XENON1T 这样的大规模实验已经设计出来，通过寻找暗物质撞击普通物质的迹象，直接探测暗物质，但是暗能量更加难以捉摸。” 为了探测暗能量，科学家们通常会寻找引力的相互作用: 引力牵引物体的方式。在最大的尺度上，暗能量的引力效应是相互排斥的，将物体相互拉开，使得宇宙的膨胀加速。 大约一年前，XENON1T 实验报告了一个意外的信号，或者超过预期的背景。这项研究的合著者、意大利弗拉斯卡蒂国家实验室(Frascati National Laboratories)的研究员卢卡 · 维西内利(Luca Visinelli)博士表示: “这种过度行为通常是侥幸，但偶尔也会导致基础性的发现。”。“我们 探索 了一个模型，在这个模型中，这种信号可以归因于暗能量，而不是这个实验最初设计用来探测的暗物质。” 在那个时候，对于这种过剩最流行的解释是轴子---- 假设的，极轻的粒子---- 在太阳中产生。然而，这种解释与观测结果不符，因为解释 XENON1T 信号所需要的轴子数量将大大改变比太阳重得多的恒星的演化，与我们观测到的结果相冲突。 我们还远远没有完全理解暗能量是什么，但是大多数暗能量的物理模型都会导致所谓的第五种力的存在。宇宙中有四种基本作用力，任何不能用其中一种作用力来解释的东西，有时都被称为未知的第五种作用力的结果。 然而，我们知道爱因斯坦的引力理论在局部宇宙中非常有效。因此，任何与暗能量相关的第五种力都是不必要的，在小尺度下必须被隐藏或屏蔽，并且只能在爱因斯坦的引力理论无法解释宇宙加速度的最大尺度下运作。为了隐藏第五种力，许多暗能量模型都配备了所谓的屏蔽机制，动态地隐藏第五种力。 瓦格诺奇和他的合作者建立了一个物理模型，该模型使用了一种被称为变色龙筛选的筛选机制，来表明太阳强磁场产生的暗能量粒子可以解释 XENON1T 过剩。 瓦格诺兹说: “我们的变色龙筛查关闭了高密度物体中暗能量粒子的产生，避免了太阳轴子所面临的问题。”。“这也使我们能够将局部非常致密的宇宙中发生的事情与最大尺度上发生的事情分离开来，因为那里的密度非常低。” 研究人员利用他们的模型展示了如果暗能量产生于太阳的一个特定区域---- 被称为塔乔克莱群的区域，那里的磁场特别强，探测器中会发生什么。 瓦格诺齐说: “这种过剩原则上可能是由暗能量而不是暗物质引起的，这真是令人惊讶。”。“当事情像那样一拍即合时，真的很特别。” 他们的计算表明，专门用来探测暗物质的 XENON1T 等实验也可以用来探测暗能量。然而，最初的过度仍需要令人信服的证实。维西内利说: “我们首先需要知道，这不仅仅是一次侥幸。”。“如果 XENON1T 真的看到了什么，你可以预期在未来的实验中会再次看到类似的过剩，但这次的信号要强得多。” 如果过剩是暗能量的结果，即将到来的 XENON1T 实验的升级，以及追求类似目标的实验，如 LUX-Zeplin 和 PandaX-xT，意味着它可能在未来十年内直接探测到暗能量。 Story Source: Materials provided by University of Cambridge . The original text of this story is licensed under a Creative Commons License. Note: Content may be edited for style and length. Journal Reference :

解决方案的核心三要素 解决方案的核心三要素，解决方案是针对某些已经体现出的，或者可以预期的问题、不足、缺陷、需求等等，所提出的一个解决整体问题的方案，那么解决方案的核心三要素是什么呢 解决方案的核心三要素1 一、 产品“双标”满足 产品打磨包含产品规划，内容组成，界面布局，交互梳理等等…所有环节的工作是为了符合产品最终的目标。产品所有的能力会核心围绕两个点：1商业变现 2用户需求满足。这两个目标在产品执行的环节有时候会有一些冲突，在产品打磨阶段设计师通过怎样的方式，做到既满足产品商业目标又满足用户体验需求？可以按照以下几个步骤进行分析寻求切入点： 这里用腾讯动漫付费模块举例说明： 项目背景是腾讯动漫产品要做付费体系升级设计，接到需求先有由产品源头一步步深入，逐步展开设计方案的规划。 01、 产品目标确认 通过对项目背景的解读和产品方案的深入了解，以及总结当前存在的一些问题，可以明确得到项目中产品核心目是什么。付费升级核心原因是付费转化低，用户付费意愿不够强烈。此次升级的核心目标是促进内容消费，提升付费率。 02 、分析用户路径 确认目标之后从哪个模块儿开始进行首要需要考虑的。对于现有现有功能的升级，建议核心从产品本身着手，可以根据用户行为分析，获取用户常规使用路径，找到用户使用场景下的核心目的，从而去挖掘用户在付费路径下的诉求点，根据诉求点找到付费升级的触点。这里我们罗列了用户阅读产品的路径。 03 、观察用户核心需求是否被满足 用户在每个场景下都会有“痛点”和“痒点”。比如在阅读前，核心目是想快点看到漫画内容；阅读过程中，想要及时宣泄对漫画的故事情节的感受；阅读后，希望找到更多相关内容或者能够和内容有更多的互动。目前产品在这三个关键的路径节点都存在一些问题，阅读前对于付费缺乏正向引导，阅读过程中互相行为较少，阅读后没有更多延展内容可供消费等。 04 、洞察设计切入点 根据用户在阅读 “前 中 后” 关键路径的节点的不同情绪反馈，我们可以做出找到相应情感满足切入点，并且制定解决方案。 05 、制定设计方案 将之前找到的设计情感切入点用交互和视觉的形式呈现出来，尽可能完整的表达清晰。下面展示是关于付费升级优化的完整视频DEMO。整个方案采用趣味情感化形式为核心设计思路，逐步去引导用户付费。让用户在趣味互动中完成产品的商业转化目标。 二、 设计呈现的“差异化” 视觉呈现是设计师们都比较擅长的工作，但不同专业高度要求下方案最终呈现出的效果是完全不一样的。好的设计方案，需要在设计上做出明显的“差异化”，这里的差异化是指要区别于常规输出一般的水平。 差异化的可以从多个点入手： 优质的设计美感： 美感是作为设计师首先需要培养的技能之一，也是在后续职业生涯的一直需要用到的技能。设计师被神职化的很大一个原因就是因为设计师的美感比一般人要好，有懂得欣赏美、鉴别美、以及创造美的能力。单一从视觉层面，设计作品是合格品还是精品，最终取决于画面的精美程度。项目不分大小，再小的一个项目都可以做出精致品质，这也是体现设计师专业度的核心衡量之一。 完整设计思路： 设计方案的完整性也能够很好的设计师专业度的差异化，几张图的设计稿和一个有完整设计思路的设计方案在品质上自然是明显差别的。设计师不光需要将设计呈现出来，更需要有严谨的设计思路并且表达出来让受众到你的设计想法。设计前期分析、中期执行、后期落地以及迭代优化，能够让设计师有意识的锻炼和提升自己的设计思维，对于设计师能力提升有必然的帮助。 独特创意： 设计差异化呈现上，创意是一个非常好的切入点。行业大趋势的.前提下，现在同类产品越来越趋于同质化，受众使用产品的时候都会有一些常规认知，关于功能的、交互操作的、内容组成的等等，淘宝和京东、大众和美团、甚至QQ音乐和网易音乐在产品使用体验上都有高度重合的地方，这些已经在用户心智中形成习以为常的认知感受。如果能够在用户的常规认知里，用创意手法呈现出超出他们预期的内容使其惊喜，产品设计就会有明显差异化体现。 善用情感化： 具备美感的设计能让作品看起来有高级感，但更为高级且有效的是能够引起用户情感共鸣的设计。设计是主观的，对于设计每个人都有自己的想法，也正是因为主观的设计感受，能让设计在情感化打造方面可以有很多的尝试方向。能够引起受众主观情感上的共鸣和认同的设计，会形成产品的核心记忆点之一。 设计师对于情感化设计往往会有一些误区，认为图形可爱，色彩羡慕，动效流畅且能够形成一套视觉体系，就能够算情感设计。真正的情感设计是需要从用户角度出发，挖掘用户的认知领域和喜欢，从而去进行符合用户情感诉求的呈现。 三、方案推动的效能管理 设计方案输出只是整个产品生产流程中的一个核心环节，产品上线后体验如何最终取决于落地实现的程度。在方案落地支持过程中，效率协调和实现能力是保证设计方案贯彻一致执行的关键因素： 高效协作 产品设计师工作协调分为内部协作和外部协作。内部协作即设计师之间的沟通协同，主要内容是如何保持设计语言一致性，除了制定设计规范，还可以建立公共控件库，线上调用。控件库能够使设计师协作无学习成本，设计师输出设计稿效率也能够大大提升，同时保一致性。 外部协作主要是和下游的技术同事直接的工作对接，设计方案的交接方式以及开发获取信息的效率很关键。在开发接收设计方案的时候，尽能力降低获取成本以及理解成本。比如设计稿的标注，在标注上设计师一般会花很长时间，开发也需要逐步查看，偶尔还会有标注遗漏的地方。我们团队会直接采用插件，设计稿及时同步，并且开发可以自己随时查看每个元素的标注信息，高效便捷。 这里推荐两款协调软件：一款是InVision可以在sketch里进行控件协同调用，所有想用的元素直接源文件调用，不需要再问同事要源文件！另一款是Zeplin技术同学可以直接查看元素属性以及间距等，设计师解放双手不再需要标注 实现能力 专业技术之间的壁垒，也会成为设计方案实现的阻力。同样的界面，设计人员用设计软件实现，技术人员用逻辑代码实现，实现的方式和成本存在很大的差异性，所以往往设计师认为很简单的需求在开发层面的确非常难实现。当然，不是所有需求都是无解的，设计师在技术实现层面还是可以做一些事情： 01 、方案前置沟通 设计一个新的功能的时候，如果有非常规的设计方案，可以提前和技术人员沟通实现的难易程度，让技术人员有前期预判和预演的时间。并且，可以将设计做成简易DEMO方便技术人员快速理解，避免双方存在信息不对等的情况。 02 、搭建开发控件库 开发控件库和设计规范一样，是最基础但应用最为频繁的模块儿。开发控件库可以将最基础的元素形成固有规范，所有开发实现都用同一套规范，以确保实现的高度一致性，同时也能够提升实现效率和设计还原。设计可以辅助开发一起制定开发控件库，确保控件库和设计规格的一致性。 03、 寻求技术语言共通性 尽量将设计方案转化为技术能够理解和复用的形式进行对接。除了静态设计稿的标注，设计和技术实现最大的难点在于动态交互的实现上，对于动态设计，将设计方案转换为代码文件交付给技术实现，这样能确保功能的正常实现同时减少后期设计还原性的偏差。 以上初步总结的关于产品设计师在设计过程中从前期产品规划到中期设计执行再到后期开发落地应该注意的一些核心点： 第一条，设计方案既要满足产品目标又同时要兼顾用户体验； 第二条，优秀的设计师，会保持设计方案的“差异化”； 第三条，设计师职责除了确保设计方案完整性，更重要的是推动设计方案的完整落地。 在产品设计过程中，设计师需要关注还有很多关键点，这里也欢迎大家一起补充交流，正是这些关键点，将设计师的思维逐步打开，使其成为一个具有全链路思维的设计人才。 解决方案的核心三要素2 解决问题的方法 Step 1：明确问题 从“重要度”、“紧急度”、“扩大趋势”三个视角选择应该解决的问题。 Step 2：把握现状 明确“应有状态”与“现状”的差异 Step 3：设定目标 用具体的数值表达成目标。目标应定量，定性的目标应该尽可能数值化。没有定量无法判断目标是否达成。 Step 4：找出真正的原因 重复问5次“为什么？” Step 5：建立对策计划 提出尽可能多的对策，选出最有效的对策。 Step 6：实施对策 立刻实行计划，可以将由于环境变化带来的影响降到最低。 Step 7：确认效果 严守期限，在确认效果同时，对策仍然要继续进行，不能拖延时间。 除了结果之外还要确认过程，对策实行的结果非常重要，但一次性的结果没有意义。任何人都可以多次重视的结果才是重要的。 Step 8：固定成果 将成功的过程“标准化”。将“任何时候，任何人实行，都能够取得同样结果“的”标准“在整个组织中固定下来，解决问题的整个过程就会全部结束。 解决方案的核心三要素3 如何提高解决问题的能力 要想从容的处理各种问题，你不需要非常聪明，但你需要练习。 大多数人认为你必须非常聪明才能处理好别人解决不了的问题，但事实并非如此。当你理解了解决问题的不同步骤时，你就能想出很好的解决办法。 1、关注解决方案，而不是问题 神经科学家已经证明，如果你过于专注问题本身，那么大脑就无法找到解决方案。这是因为当你把注意力集中在问题上时，你实际上是在给自己灌输“消极情绪”，而这反过来又会激活大脑中的消极情绪。它们就会阻碍你潜在的解决方案出现。 我不是说你应该“忽略这个问题”——而是试着保持冷静。首先要意识到问题的所在，然后把注意力转移到解决问题的心态上。在这种心态下，你就会把注意力集中在“问题的答案”上，而不是纠结于“哪里出了问题”和“是谁的错”。 2、用5个理由来清楚地定义问题 通过反复去问“为什么”，你可以探究到问题的根本原因，这样你就能找到解决问题的最佳方法。(可以比仅仅问五次更深。)例如: 问题:上班总是迟到 为什么我上班迟到了？ 因为我按掉闹铃以后，又继续睡觉去了。 为什么我想继续睡觉？ 因为早上我感觉很累，起不来。 为什么我早上会那么累？ 因为我昨晚睡得很晚。 为什么我睡得很晚？ 因为黄昏时我喝了一杯咖啡，然后不停地刷朋友圈/抖音，然后就再也停不下来了。 我为什么会喝咖啡？ 因为我下午工作时太困了，前一天晚上又睡眠不足。 所以你可以看到，如果你没有试图去找出问题的根源，你可能做的只是去多设置几个闹钟，让它在早上响上很多次。但事实上，你需要解决的问题是，晚上不要没完没了地刷抖音，也不要在靠近晚上的时间里喝咖啡，这样你才会在白天感觉更有活力 3、简化事情 作为人类，我们倾向于让各种事情变得比他们本身更复杂！所以你有必要通过归纳来简化你的问题。 移除所有的细节，回到基础状态。尝试去找一个简单、显而易见的解决方案——相比于以往，你可能会对结果感到更惊讶！我们都知道，简单的事情往往是最有成效的。 4、列出尽可能多的解决方案 试着考虑“所有可能的解决方案”——即使其中的一些看起来很荒谬。这里重要的一点是，你保持开放的心态来促进创造性思维，因为创造性思维可以激发你大脑中潜在的解决方案。 如果你在广告行业工作做很长时间，你肯定知道，“没有创意”是很可怕的一件事情，因为它有助于头脑风暴和其他解决问题技巧中的创造性思维。 不管你去做什么——永远不要嘲笑自己想出了“愚蠢的解决方案”，因为往往是这些疯狂的想法触发了其他更可行的解决方案。 5、横向思考 通过横向思考来改变你思维的“方向”。注意这句谚语， 你不能在不同的位置挖相同深的洞（就是你不能在同一个问题上犯错 ）。 试着改变你的方法，用一种新的方式去看待事物。你可以试着改变你的目标，寻找一个与之相反的解决方案! 即使感觉很傻，一个新鲜独特的方法通常也会刺激一个新解决方案的产生。 6、使用创造可能性的语言 用“如果……怎么办”和“假设……怎么办”这样的短句来引导你的思维，这些术语可以开阔我们的大脑，创造性地思考，并鼓励解决方案的产生。 避免使用封闭性的负面语言，如“我不认为……”或“这是不对的…”。 最后 当你开始采纳我的建议时，问题就不会再那么可怕。 不要把问题看成是“可怕的”事情!如果你思考一下，什么是问题？这实际上只是对你当前状况的反馈。 所有的问题都是告诉你，有些东西目前并没有用，你需要找到一种新的替代方法。 所以试着以中立的态度来处理问题——不要有任何判断。练习专注于如何去定义问题，保持冷静，不要把事情弄得太复杂。

掘金时代不是骗人的。掘金app是由稀土团队出品的一款面向互联网技术人的内容分享平台，掘金app挖掘最优质的互联网技术，联合编辑每日精选内容，移动端优质阅读体验。1，基本简介：掘金上面的内容由稀土上聚集的技术大牛共同编辑为你筛选出最优质的干货。掘金包含一个网页站点 gold.xitu.io, 你可以通过这个地址访问你收藏的干货。通过每天发布的高质量技术、设计、产品等资源。每个人都可以挖掘到自己需要的金矿。2，资源内容：iOS：Objective-C, Swift, Xcode, 数据可视化， Awesome, MVVM前端：HTML, CSS, JavaScript, jQuery, HTML5, CSS3, AngulARJS, Bootstrap, ReactJS, ECMAScript 6, Webkit后端：PHP, Java, Python, Wordpress, Node.js, Meteor, Express, Ruby on Rails, Docker设计：Sketch, Zeplin, inVision, UI, UX, 字体， Icon,工具资源：git, GitHub, Sublime Text。注意返利规则和操坐手法，合理利用工具，谨防上当受骗。

1.锦屏地下实验室 2.美国南达科他州布莱克山山底实验室

1. Sketch-强劲的矢量素材绘图工具Sketch是一款强劲的界面设计工具，致力于UI设计师打造出的手机软件，可使你的页面设计越来越更简易，更高效率。Sketch出示“所有导出来”作用，由于这是根据矢量素材的，因此可导出来PDF，JPG和PNG等文件格式。2. Photoshop-强劲的图片处理软件Photoshop是最时兴的图像编辑器之一，UI室内设计师新手入门的必需界面设计工具。坚信并不是设计方案制造行业的小伙伴们，也略知一二。PS做为UI页面设计武器，拥有强劲的编辑图片和解决作用，依靠涂层控制面板可比较简单和高效率的解决修补照片;而且PS出示了不一样格式文件储存的选择项，调节图象尺寸和像素也不容易遗失图象品质。3. Mockplus-强劲的原形界面设计工具Mockplus近期公布的一款摹客设计方案系统软件可以说是给UI室内设计师出示的一大褔利了，该系统软件出示色调、规范字、标志、合理布局这些这种考试大纲，基本上包揽了一份设计标准文本文档该有的全部具体内容，而且适用Sketch软件，含意是室内设计师们可在Sketch中一键重复使用你自身的设计标准，节约了很多的实际操作时间。4. Zeplin-强劲的合作专用工具致力于UI室内设计师与研发工程师量身定做打造出的协作型界面设计工具。做为一名UI室内设计师，你必须将你的设计方案转达给开发设计精英团队，而Zeplin的设计方案是以便保持这一总体目标。此外，UI室内设计师可以立即在UI页面上给开发者加上注解，标识，备注名称等。这些工具你们掌握了几个呢?UI界面设计工具是设计师的“武器”，只有好好使用这些“武器”你才能做出优秀的作品。

1、Sketch-强大的矢量绘图工具支持平台：只支持MacSketch是一款强大的界面设计工具，专为UI设计师打造的软件，可让你的界面设计变得更简单，更高效。如果你是一个UX或者UI设计师，那么你一定知道Sketch这个强大的UI界面设计软件。如果你想转行做UI设计师，那么你一定不能错过这个好用的设计工具。在Sketch中用户能轻松地设置图层面板，可批量命名图层、智能标注页面、填充头像和文字等，可实现多层式填充、渐变、噪点等操作功能；Sketch提供“全部导出”功能，因为它是基于矢量的，所以可导出PDF，JPG和PNG（可选择2x）等格式。不得不提的就是Sketch为设计师提供了丰富的插件，越来越能满足不同人群的设计需求，所有你需要的工具都触手可及。特色：出色的用户体验非常简单易用提供大量实用的插件Sketch插件集合可戳：sketch.im2、Photoshop-强大的图片处理软件支持平台：Windows＆MacPhotoshop是最流行的图像编辑器之一，UI设计师入门的必备界面设计工具。相信不是设计行业的小伙伴，也略知一二。PS作为UI界面设计神器，有着强大的图片编辑和处理功能，想要什么的图形都可以用PS来实现，可用于摄影的后期制作，可给图像添加各种滤镜，调整亮度，对比度等，生成高分辨的图形。借助图层面板可非常简单和高效的处理修复图片；并且PS提供了不同文件格式保存的选项，调整图像大小和分辨率也不会丢失图像质量。PS：如果要制作图标，需要用到矢量绘图软件AI来制作，这样放大才不会失真。特色：照片处理技术（剪裁背景，裁剪，调整光线，调整颜色，过滤，消除红眼等功能）强大的图层功能处理副本时保存原件批量处理照片兼容其他Abode套件程序，如AfterEffect，InDesign，IllustratorPhotoshop可以将图像保存为各种格式3、Mockplus-强大的原型界面设计工具支持平台：Windows＆MacMockplus是一款高效简单的app界面设计工具，产品经理圈子中比较流行的一款国产界面原型设计工具。软件提供了封装好的3000多个图标以及200多个组件，拖拽即可进行UI界面设计，学习成本低，无需代码参与，所以对于UI设计师来说是一个非常好的选择。如果一个UI设计师连基本的原型设计能力都没有，怎么和开发进行有效的沟通呢。特色：简单，零门槛丰富的图标及组件拖拽实现交互效果小程序预览，随时随地跟客户演示4、Zeplin-强大的协作工具支持平台：只支持Mac专为UI设计师与开发工程师量身打造的协作型界面设计工具。作为一名UI设计师，你需要把你的设计传达给开发团队，而Zeplin的设计是为了实现这一目标。Zeplin操作很简单，设计师直接从Sketch上传制作的UI界面设计，应用会自动生成一些注释，在面板右侧会直观的看到每个元素的大小，颜色，边距甚至是某些元素的代码信息。另外，UI设计师还可以直接在UI界面上给开发人员添加注释，标记，备注等。填补了开发与设计之间的沟通障碍，为设计师和开发人员节省了大量宝贵的时间。特色：良好的用户体验轻松查看界面的间距，尺寸，颜色等创建样式，帮助设计团队保持一致。通过插件快速同步Sketch中的项目支持PS，Sketch，Adobe等工具5、AE-强大的动效视觉处理软件支持平台：Windows＆MacAdobeAfterEffects简称“AE”是Adobe公司推出的一款关于图形和视频处理的界面设计工具，如今动效设计在UI界面设计中的应用已经越来越广泛，而且国内许多公司开始重视动效设计了，所以作为UI设计师，也应该掌握一些动效设计。动效在UI设计中的应用其实比我们想象中的还要强大，好的动效设计可以给用户提供一个良好的视觉感受，从而加强与用户之间的交互体验。AE这款界面设计工具可以帮助UI设计师对图像视频进行任何特效处理，是一个灵活的基于层的2D和3D后期合成软件，包含了上百种特效及预置动画效果，可与Premiere，Photoshop，Illustrator等软件无缝结合，创建无与伦比的视觉效果。它还借鉴了许多优秀的软件的成功之处，将图像视频特效合成技术推到一个新的高度。特色：震撼的视觉效果与Premiere，Photoshop，Illustrator无缝兼容加分工具-Dreamweaver支持平台：Windows＆MacDreamweaver是一款网页代码编辑器，帮助设计师和程序员快速制作和进行网站建设。为什么要把它单独列出来，是因为我觉得UI设计师不仅仅需要掌握一些界面设计工具，还需要学习和了解一些前端的布局和设计，才能够更好的配合前端工程师们做好产品开发的工作。UI设计师如果了解一些基础的代码知识，可作为一个加分项在面试中脱颖而出。【界面设计工具推荐】综上，如果你想要选择：最好的图片编辑和数码绘画工具：Photoshop最好的图标设计和图形界面设计工具：AI最好用的矢量绘图界面设计工具：Sketch最简单高效的界面原型设计工具：Mockplus归根结底，技多不压身，想要成为一名优秀的UI设计师，掌握界面设计工具只是其中一部分，UI界面设计需要设计师们掌握色彩搭配，设计规范，界面排版，沟通能力，切图标注，尺寸标注，用户体验等相关知识。因此需要的就是不断学习，不断坚持，不断的丰富自己的综合能力。

根据原型做UI设计 然后再根据UI设计进行切图我们的经济在不断发展，对于人才的要求也是越来越高，在工作中的每一个岗位都有明确的分工，在产品设计的起到的作用也是越来越大，针对我们的工作，是不是应该有一个清晰的流程呢?现在我们就来给大家一个职能的界限。 按照一个常规性互联网产品项目流程走下来应该是:1.制定MRD(Market Requirements Document). 市场需求文档。获得项目发起部门的认同后，产品进入实施，需要先出MRD，具体来说要有更细致的市场与竞争对手分析，通过哪些功能来实现商业目的，功能/非功能需求分哪几块，功能的优先级等等。实际工作中，这个阶段PD可能的产出物有Mind Manager的思维图，Excel的Feature List等。 2.制定PRD(Product Requirements Document). 产品需求文档。进步一细化，这部分是PM写得最多的内容，也就是传统意义上的需求分析，我们这里主要指UC(us case)文档。主要内容有，功能使用的具体描述(每个UC一般有用例简述、行为者、前置条件、后置条件、UI描述、流程/子流程/分支流程，等几大块)，Visio做的功能点业务流程，界面的说明，demo等。Demo方面，可能用dreamweaver、ps甚至画图板简单画一下，有时候也会有 UI/UE支持，出高保真的demo，开发将来可以直接用的那种。3.用户分析报告 搜集相关资料分析目标用户的使用特征、情感、习惯、心里、需求等，提出用户研究报告和可用性设计建议。这部分工作也可和团队配合完成。时间与项目需求允许的情况下，更可以制定实景用户分析。4.产品架构设计 这里涉及到比较多的界面交互与流程的设计，根据可用性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素。5.产品原型设计 就是将页面模块、元素进行粗放式的排版和布局，深入一些，还会加入一些交互性的元素，使其更加具体、形象和生动。 6.界面UI设计 如果很倾向于图形界面设计，这儿是你最喜欢的部分。但一定要结合循环讨论过的分析结果做设计，否则你的作品很难被人信服。色调、风格、界面、窗口、图标、皮肤的表现是本环节的关键。7.界面输出 这方面主要由页面工程师与前端程序员配合,将界面代码化。 8.分析使用者报告,做出完善调整. 多部门共同参与的，包括可用性的循环研究、用户体验回馈、测试回馈。同时，UI人员也应该把一些可行性建议进行完善。很多设计师做了东西不喜欢改，这是一个大忌。 但就目前许多公司而言,拿到UI设计师手里的,就是一份什么说明都没有的VISO图,这给许多UI设计师造成一种错觉,觉得我只需要做效果图就可以了,对于其他环节一概不理,导致了在设计产品界面的时候,因为掌握的信息不足,设计出来的界面全凭个人喜好,但是当面对用户的时候,却是一点竞争力都没有。 通过达内数字艺术学院深圳UI设计培训部老师对以上的职能介绍，是不是我们在工作的时候就方便很多了呢!

一、产品定位与市场分析阶段 1、 目的（UI设计师应了解产品的市场定位、产品定义、客户群体、运行方式等。） 2、 主要执行人员（UI、UE、需求） 3、 需沟通人员（销售） 4、 实现步骤（会议讨论） 5、 UI主要职责：（定义用户群特征、定义最终用户群、定义产品方向） 二、用户研究与分析阶段 1、目的（UI设计师收集相关资料分析目标用户的使用特征、情感、习惯、心理、需求等，提出用户研究报告和可用性设计建议。这部分工作有团队配合完成。时间与项目需求允许的情况下，更可以制定实景用户分析） 2、主要执行人员（UI、UE、需求、技术） 3、需沟通人员（销售） 4、实现步骤（纸搞线稿、黑白稿、原型） 5、UI主要职责（收集相关资料分析目标用户的使用特征、情感、习惯、心理、需求等，提出用户研究报告和可用性设计建议。这部分工作有团队配合完成。时间与项目需求允许的情况下，更可以制定实景用户分析） 三、架构设计阶段 1、目的（这里涉及到比较多的界面交换与流程的设计，根据可用性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素） 2、主要执行人员（UI、UE、需求部门） 3、需沟通人员（技术、销售） 4、实现步骤（UI进行风格设计出界面，和需求部门拿出定稿；UE对原型进行优化，整理出交互及用户体验方面意见，反馈给UI及需求部门；UID等待效果图，开始代码编制） 5、UI主要职责：（根据可以性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素。界面设计、图标设计、风格设计） 四、原型设计阶段 1、目的（根据进度与成本，可以把原型控制在“手绘-图形-Flash-视频几个质量范围） 2、主要执行人员（UI、UE、需求部门） 3、需沟通人员（UID、技术） 4、实现步骤（设计规范；代码及程序开发） 5、UI主要职责：（对前面所以工作以设计方面的实施，根据进度与成本，可以把原型控制在“手绘-图形-Flash-视频几个质量范围，原型的本质更倾向与一个DEMO，它不需要有全部的功能，但要体现出设计对象的基本特性） 五、界面设计阶段 1、目的（根据原型设计阶段的界面原型，对界面原型进行视觉效果的处理） 2、主要执行人员（UI、UE、技术） 3、需沟通人员（UE、销售） 4、实现步骤 5、UI主要职责：（该阶段确定整个界面的色调、风格、界面、窗口、图标、皮肤的表现） 六、界面输出阶段 1、目的（配合好开发人员完成相关的界面结合） 2、主要执行人员（技术） 3、需沟通人员（UI、UE、需求部门、销售） 4、实现步骤 5、UI主要职责：（对界面设计阶段的最后结果配合技术部门实现界面设计的实际效果） 七、可用性测试阶段 1、目的（针对一致性测试；信息反馈测试；界面简洁性测试；界面美观度测试；用户动作性测试；行业标准测试） 2、主要执行人员（程序测试部门） 3、需沟通人员（UI、UE、程序、需求部门、销售） 4、实现步骤 5、UI主要职责：（负责原型的可用性测试，发现可用性问题并提出修改意见） 八、完成工作阶段 1、目的（对于前面七个阶段的设计工作进行细节调整） 2、主要执行人员（UI、UE） 3、需沟通人员（技术、销售） 4、实现步骤 5、UI主要职责：（可用性的循环研究、用户体验回馈、测试回馈、UI人员把可行性建议进行完善） 九、产品上线 1、目的（检验前面界面设计的成果是否符合市场及用户群体） 2、主要执行人员（销售） 3、需沟通人员 4、实现步骤 5、UI主要职责：（收集市场对于产品的用户体验，并记录诚文字说明） 十、分析报告及优化方案 1、目的（了解整个界面设计的优缺） 2、主要执行人员（UI、UE） 3、需沟通人员（技术、销售） 4、实现步骤 5、UI主要职责：（对于前九个阶段的界面设计进行详细系统的整理，为下一次界面设计提供有力的市场及专业论据）

网页设计凡是用浏览器打开的都可以称之为网页（此处不包含电商）。网页设计可分为展示型网页，功能型网页。展示型网页主要设计一些官网，活动页面等，功能型网页，例如淘宝、携程之类的。网页设计除了设计视觉效果之外，更重要的是考虑用户的操作问题。好的网页设计师可以进行切图、静态网页的编写。网页设计更重要的是能够与前端工程师合作，那么我们应该懂一些网页设计的基本规范。网页设计的单位：像素；颜色模式：RGB；分辨率：72主要技能：PS是网页设计最常用的工具，如果能掌握AI或者一款3D（3DMAX、C4D）软件，那么视觉效果会有更多的选择。HTML的编码能力最好也能够具备，实现静态网站，那就更具有竞争力了。电商设计这几年电商设计师的薪资水涨船高，电商设计主要分为：店铺电商设计和平台电商设计。店铺电商主要负责店铺产品的拍摄、店铺设计、店铺装修、站内外广告设计等。平台电商是针对电商平台进行的设计，所谓的电商平台例如：淘宝、京东、天猫就是电商平台，当然很有很多很多小众的、行业细分的电商平台，电商平台设计与网页设计师更像。电商设计的单位：像素；颜色模式：RGB；分辨率：72主要技能：主要技能：PS是网页设计最常用的工具，如果能掌握AI或者一款3D（3DMAX、C4D）软件，那么视觉效果会有更多的选择。HTML的编码能力最好也能够具备，实现对店铺装修有很大的作用。最后一点，任何行业只要深入、精通都是高薪。很多时候切莫道听途说，人与亦云。任何具备技术能力的岗位薪资都不会太低。再则，设计对学历要求并不高，只要努力，勤奋，一样高薪。

UI设计师需要学习的软件有：图像处理软件photoshop、矢量图形制作illustrator、快速原型设计工具Axure RP、UI设计软件Sketch、动效设计软件After Effects、交互设计工具Principle、三维效果软件C4D、界面设计工具Zeplin、演示文稿Keynote及思维导图软件 X-mind等。结合每个软件的优势，完成UI设计中各自擅长的部分设计工作。Photoshop强大的图片处理软件，PS作为UI界面设计神器，有着强大的图片编辑和处理功能，任何图形都可以用PS来实现，可给图像添加各种滤镜，调整亮度，对比度等，生成高分辨的图形；Illustrator一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。作为一款非常好的矢量图形处理工具，该软件主要应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等；Sketch一款强大的界面设计工具，专为UI设计师打造的软件，可让你的界面设计变得更简单，更高效，用户能轻松地设置图层面板，可批量命名图层、智能标注页面、填充头像和文字等，可实现多层式填充、渐变、噪点等操作功能；After EffectsAdobe公司推出的一款关于图形和视频处理的界面设计工具，有着强大的动效视觉处理功能，可以帮助UI设计师对图像视频进行任何特效处理，是一个灵活的基于层的2D和3D后期合成软件，包含了上百种特效及预置动画效果；

很抱歉，Figma并不能直接将设计转换为VS Code代码，因为Figma是一个矢量图形编辑工具，主要用于创建和编辑设计图形，而VS Code是一个源代码编辑器，主要用于编写、编辑和调试源代码。但是，您可以使用一些插件和工具来将Figma设计转换为代码。以下是几个可供参考的方法：使用插件：Figma中有一些插件（如CSS Scan、Figmotion等）可以将设计元素（如文本、颜色、尺寸等）转换为CSS、JavaScript或React代码，您可以使用这些插件将设计转换为代码，然后在VS Code中进行编辑和优化。使用在线工具：有一些在线工具（如Zeplin、Avocode等）可以将Figma设计导出为代码，您可以将设计文件导入到这些工具中，然后选择要导出的代码类型和选项，最后将生成的代码复制到VS Code中进行编辑和调试。使用开发者工具：如果您熟悉前端开发技术和工具，您可以使用Figma的API和开发者工具，将设计元素导出为SVG或JSON格式，然后使用HTML、CSS和JavaScript等技术将其转换为代码，最后在VS Code中进行调试和测试。需要注意的是，以上方法都需要进行一定的手动编辑和调整，以确保生成的代码符合您的需求和规范，并且可以在目标平台上运行和展示。同时，还需要了解设计和代码的基本概念和语法，以便进行有效的转换和交互。

如何设计一个好用的App软件?设计需要学习的软件分为4款，分别有PS，AI，AE，ARP，外加两个辅助插件如思维导图， 马克鳗等软件，这些都是一名UI设计必需要掌握好的软件。Adobe Photoshop CC 2018简称PSCC2018Adobe Photoshop，简称“PS”，是由Adobe Systems开发和发行的图像处理软件。2018年12月推出的Adobe 为市场最新版本。PS可以用来从事，平面设计，网页设计，UI设计等多种设计工作。在UI设计中PS的使用率在90%以上，所以作为一个合格的UI设计师。PS是肯定得掌握的。PS可以在UI设计中，绘制界面设计，图标设计等。Adobe Illustrator CC 2018简称AICC2018Adobe illustrator是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件，作为一款非常好的矢量图形处理工具，Adobe Illustrator广泛应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的设计等2017年12月推出的Adobe 为市场最新版本。AI可以用来从事，平面设计，网页设计，UI设计等多种设计工作。在UI设计中AI的使用率也是非常高的，主要可以用来绘制图标，界面等设计。Adobe After Effects CC 2018简称AECC2018Adobe After Effects简称“AE”是Adobe公司推出的一款图形视频处理软件，适用于从事设计和视频特技的机构，包括电视台、动画设计公司、个人后期设计工作室以及多媒体工作室。属于层类型后期软件。2017年12月推出的Adobe After Effects CC2018为市场最新版本。AE可以用来从事影视后期， 平面设计，UI设计等多种设计工作。在UI设计中PS主要用设计交互动效图。Axure RP Pro 7.0简称ARPAxure RP是一个专业的快速原型设计工具。Axure（发音：Ack-sure），代表美国Axure公司；RP则是Rapid Prototyping（快速原型）的缩写。Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等，另外，架构师、程序开发工程师也在使用Axure。在UI设计中ARP主要用设计交互原型图。

1、确认目标用户：在UI设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求。用户交互要考虑到目标用户的不同引起的交互设计重点的不同。2、采集目标用户的习惯交互方式：不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。当然还要在此基础上通过调研分析找到用户希望达到的交互效果，并且以流程确认下来。3、提示和引导用户：软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。对于用户交互的结果和反馈，提示用户结果和反馈信息，引导用户进行用户需要的下一步操作。4、一致性原则：软件中往往存在多个组成部分（组件、元素）。不同组成部分之间的交互设计目标需要一致。例如：如果以电脑操作初级用户作为目标用户，以简化界面逻辑为设计目标，那么该目标需要贯彻软件（软件包）整体，而不是局部。5、可用性原则：软件要为用户使用，用户必须可以理解软件各元素对应的功能。比如：删除操作元素。用户可以点击删除操作按钮，提示用户如何删除操作或者是否确认删除操作，用户可以更加详细的理解该元素对应的功能，同时可以取消该操作。扩展资料UI设计师的职能大体包括三方面：一是图形设计，软件产品的“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来极大的风险。参考资料来源：百度百科-UI设计

概念，灵感，方法和工具概念：设计互联网产品，Style Guide / Pattern Library 和纯粹的 Specification 各具不同功能和作用，却都含“设计规范”的概念。1. Style Guide / Pattern Library：偏重视觉概念，一般以文档或图像格式呈现（不限定）。内容：对设计作品中的字体（Typeface）、字型（Font）、色板、品牌标识规范（Brand Guideline）、Icon 等要素作出展示和说明。主要作用于设计团队或设计师之间，展示产品的视觉设计风格。便于风格复用，规范第三方的品牌塑造（Branding）和接入。实例参考（更多参考下文中“灵感”）：Brand Assets | KickstarterLogos & branding | Dropbox2. Style Guide / Pattern Library：偏重（Web 前端）开发概念，基本都以网页文档形式呈现。内容：对界面元素（UI Elements）的样式风格及实现其效果所对应的代码片段（HTML, CSS）作出说明解释，包含交互和动效设计（以 JavaScript 为主，更多信息参考：界面动效设计方法有哪些？）。例如：常见的基础布局（Grid System）、字体排版（Typography）、按钮、菜单、列表、对话框（Dialog）、Tooltip 等等。用于团队 Web 设计和开发协作，统一产品风格。复用时提升工作效率，同时也保证用户体验质量。实例参考（更多参考下文中“灵感”）：Pattern Library | MailChimpMapbox styleguide | Mapbox概念 1 和 2 结合的实例（更多参考下文中“灵感”）：Product Style Guide, Visual guidelines | SalesforceStyle Guide | Lonely Planet3. Specification (Spec)：介于设计与开发之间，由设计师直接在视觉稿（Mockup）中创建。内容：主要由 Annotation（注释，国内俗称“标注”）和 Measurement（量度）构成。Annotation 既注释设计稿中界面元素所使用的字体字型、色值等，Measurement 则注明各元素的尺寸及它们的边距，留白等。用于设计师与开发人员之间沟通和工作交接，保证开发出地产品界面和视觉稿高度统一。______________________________________________________________________________________灵感：一些常用的项目和文档都有采用上述的“概念”，比如采用了概念 1 的：iOS Human Interface GuidelinesMaterial Guidelines采用概念 2 的：SkeletonPureBootstrap而概念 3 往往仅在公司或团队内部使用（详见下文“工具”）。灵感和实例资源：Website Style Guide Resources | 收录大量案例，该项目同时也收录了相关文章、工具、书籍、播客等。Find Guidelines | 一个直观的 Guideline 官方链接收集列表。Brand Style Guide Examples | 同上All The Style Guides | 同上，托管在 Tumblr ，以博客形式呈现。______________________________________________________________________________________方法和工具：1. Style Guide / Pattern Library：方法不限，以能够准确展现视觉设计风格和品牌识别（Identity）的规范为标准。正因其偏视觉化，编写文档不是必须的，可直接用图形编辑软件产出。例如：Airbnb UI Toolkit WebSalesforce1 UI KitHousing UI Style Guide也可借助工具：Style Inventory for Sketch | Sketch 插件，基于视觉稿生成 “Style Guide”。Style Tiles | 用于快速制作“Style Guide”的 PSD 模版，Frontify Style Guide | Frontify 是一个面向设计团队的协作平台，提供“Style Guide”生成和“Spec”工具。CSS Stats | 解析 URl 对应网站的 Style（主要依靠分析 CSS 文件），展示相关信息，比如字体尺寸（font-size）、色板、浮动（float）采用数量等。Stylify Me | 填入网站 URL，自动生成对应页面的“Style Guide”。提供 PDF 文件保存。2. Style Guide / Pattern Library：因要制作出网页文档，且其中含有大量的 Web 组件（代码片段）和元素（视觉），可借助前端框架高效产出，比如相对大众的 Bootstrap，Semantic UI。在大量的自由和开源前端框架项目中，选择有维护支持，自身喜欢或熟悉的即可。可用工具：设计师 Brad Frost 有一套叫做“原子设计（Atomic Design）”的 Web 设计理论，在该领域有一定影响，其核心概念就是复用“Pattern Library”，高率生产 Web 页面：Atomic Design | Brad Frost他为该理论创建了一个开源项目，基于 PHP：Pattern Lab | Build Atomic Design SystemsWeb Starter Kit（HTML, CSS, JS） | Google Web Fundamentals 提供的 Web 生产样板，支持创建“Pattern Library”形式的文档。Style Guide Boilerplate（PHP） | “Pattern Library”样板，类似 Pattern Lab。更多方法类文章和工具列表可参考：Website Style Guide Resources50 Style Guide Tools, Articles, Books and Resources | Tuts+3. Specification (Spec)：“Spec”应以尽量降低设计师精力消耗，并能让开发人员清晰理解为标准。提高效率并保证质量的基础，是选择合适的工具。在绘制设计稿所用的图形编辑软件中启用扩展和插件，直接生产“Spec”，高效直击主题：specKing | Photoshop（$19，推荐，正在使用）Specctr | Photoshop, Illustrator（$49 ,PS 和 AI 单独出售）Markly App | Photoshop, Sketch（$39.99，PS 和 Sketch 单独出售）Sketch Measure | Sketch（自由）一些其他插件也提供制作“Spec”功能，比如：PNG EXPRESS | Automated Design Delivery for Photoshop（$29）Ink | A Photoshop documentor plugin（免费）团队协作平台和其他工具：Avocode | 简化设计师与开发人员之间的协作流程（Web 产品），提供 Slice（切图）、Spec、图层转 CSS 等功能。Zeplin | 同样是一款有质量的设计协作软件。目前仅支持 Sketch 设计稿，PS 支持仍在开发中。产品处于邀请内侧阶段。Frontify | 上文“Style Guide 工具”提到过，属协作平台，支持对设计稿“Spec”。Assistor PS | 可独立在系统中运行的 PS 协助软件，但需借用 PS 载入设计文档。提供 Slice，Spec 等功能。

目前工具类「正版软件」尤其是精品「正版软件」基本都是需要付费的。免费的工具软件目前Bug、广告、骚扰信息太多，不好用不说，还可能有病毒、信息泄密、等安全隐患。目前很多工具类「正版软件」虽然付费，但是并不贵。推荐一些比较知名又好用的一些工具类软件：笔记类：Onenote；写作类：Ulysses，MWeb，Markdown；视频剪辑类：万兴科技喵影工厂(海外版为Filmora);密码管理：1Password脑图软件：亿图MindMaster；设计：SKetch；PDF类：万兴PDF专家；网络调试类：Surge……

UI设计师在很多未入行但是想入行的小白同志眼中可以说是神一般的存在了！但是UI设计师是真的可以一个人单打独斗吗?仅仅靠一人之力可以去完成整款app的开发制作吗？其实这个答案肯定是否定的，因为啊UI设计只是产品开发中重要的一环，不可或缺的一部分！那么现在我们来说说UI设计师在产品开发流程中充当的角色。随着规范的产品设计流程的引入,每一个岗位在产品设计中所起的作用以及所承担的责任越来越清晰,但是有些时候,我认为并不能因为清晰的产品的设计流程,给大家划清一个职能界限,做出一副这方面不关我的事,我只做好UI就好了.按照一个常规性互联网产品项目流程走下来应该是:1.制定MRD(Market Requirements Document).市场需求文档。获得项目发起部门的认同后产品进入实施需要先出MRD具体来说要有更细致的市场与竞争对手分析通过哪些功能来实现商业目的功能/非功能需求分哪几块功能的优先级等等。实际工作中这个阶段PD可能的产出物有Mind Manager的思维图ue004Excel的Feature List等。 .2.制定PRD(Product Requirements Document).产品需求文档。进步一细化这部分是PM写得最多的内容也就是传统意义上的需求分析我们这里主要指UCuse case文档。主要内容有功能使用的具体描述每个UC一般有用例简述、行为者、前置条件、后置条件、UI描述、流程/子流程/分支流程等几大块Visio做的功能点业务流程界面的说明demo等。Demo方面可能用dreamweaver、ps甚至画图板简单画一下有时候也会有 UI/UE支持出高保真的demo开发将来可以直接用的那种。3.用户分析报告搜集相关资料分析目标用户的使用特征、情感、习惯、心里、需求等提出用户研究报告和可用性设计建议。这部分工作也可和团队配合完成。时间与项目需求允许的情况下更可以制定实景用户分析。4.产品架构设计这里涉及到比较多的界面交互与流程的设计根据可用性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素。5.产品原型设计就是将页面模块、元素进行粗放式的排版和布局深入一些还会加入一些交互性的元素使其更加具体、形象和生动。6.界面UI设计如果很倾向于图形界面设计这儿是你最喜欢的部分。但一定要结合循环讨论过的分析结果做设计否则你的作品很难被人信服。色调、风格、界面、窗口、图标、皮肤的表现是本环节的关键。7.界面输出这方面主要由页面工程师与前端程序员配合,将界面代码化。8.分析使用者报告,做出完善调整.多部门共同参与的包括可用性的循环研究、用户体验回馈、测试回馈。同时UI人员也应该把一些可行性建议进行完善。很多设计师做了东西不喜欢改这是一个大忌。但就目前许多公司而言,拿到UI设计师手里的,就是一份什么说明都没有的VISO图,这给许多UI设计师造成一种错觉,觉得我只需要做效果图就可以了,对于其他环节一概不理,导致了在设计产品界面的时候,因为掌握的信息不足,设计出来的界面全凭个人喜好,但是当面对用户的时候,却是一点竞争力都没有.我认为UI设计师在项目初始,就应该加入其中.包括了解项目的市场定位,盈利模式,竞争对手等等,而通过分析竞争对手用户界面,可以给UI设计师一个初步的图形概念,而通过参与用户调研,用户分析能够获取到用户特征,年龄,需求,喜好等方面的信息,这些方面的信息,在风格定位,把握上起到至关重要的作用.通过了解产品架构,知道什么功能应该做,什么功能应该突出,在参与了以上工作的制定后,相信许多UI设计师对自己所要设计的产品,已经是信心十足了吧.后期在通过分析使用者报告,用户反馈等方面信息,做出界面上的调整,这样一来,一个完善的产品就可以面市了,而这个产品,再也不是一个全凭UI设计师个人喜好所设计出来的产品了..

1.草图——一个强大的矢量绘图工具支持的平台:仅支持Mac。Sketch是一款强大的界面设计工具，专门为UI设计师设计，让你的界面设计更加简单高效。在Sketch中，用户可以轻松设置图层面板，批量命名图层，智能标注页面，填充头像和人物，实现多层填充、渐变、噪点等操作功能。Sketch提供了“导出全部”功能，因为是基于矢量的，所以可以导出PDF、JPG和PNG (2x可选)等格式。不得不提的是，Sketch为设计师提供了丰富的插件，越来越能满足不同人群的设计需求，你需要的所有工具都触手可及。2.强大的图像处理软件Photoshop支持的平台:Windows和MacPhotoshop是最流行的图像编辑器之一，也是UI设计师必不可少的界面设计工具。PS作为UI界面设计的神器，拥有强大的图片编辑处理功能，可以用来实现任何想要的图形。它可以用于摄影的后期制作，为图像添加各种滤镜，调整亮度和对比度，以及生成高分辨率的图形。在图层面板的帮助下，可以非常简单高效地处理恢复的图片；而且PS提供了不同文件格式保存的选项，调整图像大小和分辨率也不会损失画质。Ui界面图设计工具Ui界面图设计工具3.一个快速的在线原型界面设计工具。支持的平台:Windows和Mac强大的高保真原型设计，与协作平台完全集成。快速输出和精细设计没错:产品经理和UX设计师可以快速完成交互原型设计，轻松制作流程图；UI设计师可以实现像素级的逼真度。4.zeplin——一个强大的协作工具支持的平台:Windows和Mac专门为UI设计师和开发工程师设计的协作界面设计工具。泽普林的操作很简单。设计师直接从Sketch上传UI设计，应用会自动生成一些评论。在面板的右侧，可以直观的看到尺寸、颜色、边距甚至一些元素的代码信息。此外，UI设计人员可以直接添加评论、标签、注释等。UI界面上的开发者。它填补了开发和设计之间的沟通障碍，为设计者和开发者节省了大量宝贵的时间。5、AE-强大的动态视觉处理软件支持的平台:Windows和MacAdobe After Effects“AE”是Adobe公司推出的用于图形和视频处理的界面设计工具。如今，动态效果设计在UI设计中的应用已经越来越广泛，动态效果在UI设计中的应用其实比我们想象的还要强大。好的动态效果设计可以为用户提供良好的视觉体验，从而加强与用户的交互体验。

需要掌握photoshop、dreamwaver、flash、coreldraw、firework、illustrater等等，还需要懂一定的代码编写及识别。UI设计推荐使用Pixso协同设计，该工具包含上述软件所以功能，更基于优秀的组件变体、自动布局、实时协作等特色功能。Pixso协同设计无缝衔接以往工作，支持Sketch、XD、SVG等文件导入导出，自由进行Sketch的文件格式转换。并且，文件自动保存到云端，一键回溯到任意历史版本，再也不用担心文件丢失。素材库集成众多大厂优秀的设计系统，所有UI设计师均可直接拖拽复用，从此省去大量模块化设计环节的重复劳动。Pixso不仅是一站式产品设计协作工具，更是一款专业的UI/UX设计工具，更多矢量网格、布尔运算、样式创建、智能排版等高阶功能，使设计师真正专注于创造本身。Pixso还可以多人云端协作设计，实时同步字号、边框、颜色等各种细节。无形间提高团队的协同能力与效率。想要了解更多关于UI设计软件的相关信息推荐选择Pixso协同设计。Pixso通过内网本地服务器部署，确保团队敏感数据和核心业务数据私有化，直接在原型基础上，快速邀请团队成员开启设计协作，自动生成切图标注，打开浏览器就能获取CSS、iOS、Android代码片段，还能根据团队配置，进行定制化功能开发，自定义管理权限，规避数据泄露风险。

一、UI设计主要软件：PS?即Adobe?Photoshop对于最细小的软件图标，是用矢量绘图软件制作的，这样放大才不会失真，没有虚边。比如CorelDraw、Illustrator、FreeHand等都可以用来做图标，没什么限制。但是据行业数据统计，UI设计行业中，常用的主要软件为：PS和AI，其中PS为市场占有率最多，AI通常被用来纯矢量图辅助设计。二、思维导图软件：MindManager或XMind?MindManager或XMind都为思维导图软件，具体使用哪个软件并不重要，根据个人习惯就行。?思维导图想必大家在进行策划分析和头脑风暴时，都用过。在UI设计中，也是经常用到。主要用来整理产品需求思路、产品架构、产品的交互逻辑等等。总之，在做视觉之前，他都是大家整理思绪的好帮手。三、快速原型设计工具：Axure?RP或者Skech?Axure?RP是一个专业的快速原型设计工具，Axure?RP是美国Axure?Software?Solution公司旗舰产品，是一个专业的快速原型设计工具。主要让定义需求和规格、设计功能和界面的专家（产品经理、UI设计师）能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。?另外还有skech软件，Sketch让我们尽可能少的设计，将UI放在了首位，让我们专注于响应式的设计而不是照片的编辑，关注于交互和动画而不是人造的材质，但其市场占有率正在设计的发展阶段，多数集中于Axure。四、动效设计：AE软件?越来越多的国内公司开始关注动效设计了，越来越多的团队意识到动效在产品用户体验中的重要性。?作为UI设计师，我们为什么需要动效设计？?终极一点：就是让用户更加爽、更加爽的用你的产品（app、软件、智能硬件端等等）。动效设计可以将本来静态的图片用动态的逻辑表达出来，大多为了表达抽象的交互体验设计而制作动效，这样整个团队也能对未来产品的各类动态体验设计都有一个直观的认知。总之，在交互体验设计中用处太多，太强大了。?五、前端设计：Dw软件?即Dreamweaver，是html开发工具，编写静态页面和css样式，提示很给力，设计人员用的多一点。我们UI设计师也是需要了解学习前端的布局和设计的。?说起设计师希望学前端的初衷，大概还是因为各种华丽的网页特效/交互太过吸引人，这种感觉大概就是：“Hey，我的设计稿（静态图片）可以做成网页访问了呢！?好在，“展示”对于前端技术来说反而是最简单的部分。所以，放下你对“编程”两个字的恐惧，从“称不上是编程语言”的?HTML/CSS?开始，先做点有成就感的东西出来吧！对于设计师来说，最有成就感的一定是“可以看到的东西”，而?HTML/CSS?正是用来干这个的。以至于最后UI设计师们能够更好的配合前端工程师们做好设计。

　VI即（Visual Identity），通译为视觉识别系统，是CIS系统最具传播力和感染力的部分。是将CI的非可视内容转化为静态的视觉识别符号，以无比丰富的多样的应用形式，在最为广泛的层面上，进行最直接的传播。设计到位、实施科学的视觉识别系统，是传播企业经营理念、建立企业知名度、塑造企业形象的快速便捷之途。　　在品牌营销的今天，没有VI设计对于一个现代企业来说，就意味着它的形象将淹没于商海之中，让人辨别不清；就意味着它是一个缺少灵魂的赚钱机器；就意味着它的产品与服务毫无个性，消费者对它毫无眷恋；就意味着团队的涣散和低落的士气。　　VI设计一般包括基础部分和应用部分两大内容。一个优秀的VI设计对一个企业的作用应在于：　　A、在明显地将该企业与其他企业区分开来的同时又确立该企业明显的行业特征或其他重要特征，确保该企业在经济活动当中的独立性和不可替代性；明确该企业的市场定位，属企业的无形资产的一个重要组成部分；　　B、传达该企业的经营理念和企业文化，以形象的视觉形式宣传企业；　　C、以自己特有的视觉符号系统吸引公众的注意力并产生记忆，使消费者对该企业所提供的产品或服务产生最高的品牌忠诚度；　　D、提高该企业员工对企业的认同感，提高企业士气。　　VI为企业CIS中的一部分，企业CI包含三个方面。分别为MI、BI、VI，三方面为企业理念识别，行为识别和视觉识别。　　VI全称Visual Identity，即[企业VI视觉设计]，是企业VI形象设计的重要组成部分。随着社会的现代化、工业化、自动化的发展，加速了优化组合的进程，其规模不断扩大，组织机构日趋繁杂，产品快速更新，市场竞争也变的更加激烈。另外，各种媒体的急速膨胀，传播途径不一而丛，受众面对大量繁杂的信息，变的无所适从。企业比以往任何时候都需要统一的、集中的VI设计传播，个性和身份的识别因此显得由为重要。 VI设计能够使企业的形象高度统一，使企业的视觉传播资源充分利用，达到最理想的品牌传播效果。企业可以通过VI设计对内征得员工的认同感，归属感，加强企业凝聚力，对外树立企业的整体形象，资源整合，有控制的将企业的信息传达给受众，通过视觉符码，不断的强化受众的意识，从而获得认同。　　VI：视觉识别　　VI：以标志、标准字、标准色为核心展开的完整的、系统的视觉表达体系。将上述的企业理念、企业文化、服务内容、企业规范等抽象概念转换为具体符号，塑造出独特的企业形象。在CI设计中，视觉识别设计最具传播力和感染力，最容易被公众接受，具有重要意义。　　VI系统：　　A.基本要素系统：如企业名称、企业标志、企业造型、标准字、标准色、象征图案、宣传口号等。　　B.应用系统：产品造型、办公用品、企业环境、交通工具、服装服饰、广告媒体、招牌、包装系统、 公务礼品、陈列展示以及印刷出版物等。　　一套VI设计的主要内容：　　I．基本要素系统　　A.标志　　B.标准字　　C.标准色　　D.标志和标准字的组合.　　II．应用系统　　A.办公用品：信封、信纸、便笺、名片、徽章、工作证、请柬、文件夹、介绍信、帐票、备忘录、资料袋、公文表格等。　　B.企业外部建筑环境：建筑造型、公司旗帜、企业门面、企业招牌、公共标识牌、路标指示牌、广告塔、霓虹灯广告、庭院美化等。　　C.企业内部建筑环境：企业内部各部门标识牌、常用标识牌、楼层标识牌、企业形象牌、旗帜、广告牌、POP广告、货架标牌等。　　D.交通工具：轿车、面包车、大巴士、货车、工具车、油罐车、轮船、飞机等。　　E.服装服饰：经理制服、管理人员制服、员工制服、礼仪制服、文化衫、领带、工作帽、纽扣、肩章、胸卡等。　　F.广告媒体：电视广告、杂志广告、报纸广告、网络广告、路牌广告、招贴广告等。　　G.产品包装：纸盒包装、纸袋包装、木箱包装、玻璃容器包装、塑料袋包装、金属包装、陶瓷包装、包装纸。　　H.公务礼品：T恤衫、领带、领带夹、打火机、钥匙牌、雨伞、纪念章、礼品袋等。　　I.陈列展示：橱窗展示、展览展示、货架商品展示、陈列商品展示等。　　J.印刷品：企业简介、商品说明书、产品简介、年历等。　　VI设计的一般原则 　　

要在画板里才可以导出的

1.Figma随着Sketch的普及，矢量绘图工具开始变得更为主流。Figma区别于其他工具，主打同步协作功能。就像开发人员远程共享同一画面写代码一样，如今设计师也有望远程协作了。可能你会质疑：多名设计师同时编辑一个画面的情况会很多吗?想象一下在一个会议上，团队成员们盯着一个画面各执一词的场面，这时Figma就会成为最合适的设计工具。2.ProtoPieProtoPie让设计师无需写任何代码就可以轻松制作微交互原型。其他工具感觉就像让设计师带着编程的思维来做视觉作品。而ProtoPie则是站在设计师的角度，它的概念模型可以让设计师对交互的解读更加清晰。此外，它的不同之处还有就是，ProtoPie不仅考虑手机画面上要看到什么，还支持多指手势、传感、设备交互等在更多交互形式，让交互变得更智能。最近，ProtoPie添加了条件式交互，而且Windows版也正在开发中。3.Adobe XD其实Adobe也花了很长时间一直在研究原型工具。虽然2012年抛出了Edge Tool，可惜的是2015年宣布对其终止维护。不过在2016年，Adobe凭借AdobeXD又杀了回来。XD是矢量绘图工具，同时也可以制作像流程这样的简单交互。有人说XD抄袭了Sketch，也有人说XD是Sketch和Invision或者Sketch和Craft(别名Silverflow)的合成体。尽管如此，Adobe还是会继续推广XD，并寻求和其他Adobe系列产品的连接。此外，和支持Mac OS X的Sketch不同，XD还支持Window系统。4.ZeplinZeplin是和Sketch衔接的插件中比较出名的一个。它帮助开发人员更容易地检查界面属性参数。此外这款工具还支持在界面上直接添加评论，开发人员更可以从Zeplin下载需要的图像素材。设计师不需要像以前一样把图像的数值一个个标记出来;开发人员也不用向设计师索要参数和素材。5.Stage & GalleryPixate和Form被谷歌收购以后，听说两个团队合二为一开始开发新的工具。Stage是交互原型工具，Gallery说是设计协作工具。不过具体的内容并未对外公开。我猜测这两款工具可能会结合谷歌云服务。6.FramerFramer和其他原型设计工具不同，需要编写代码(Coffeescript)制作原型。区别于这篇文中提到的其他工具，Framer的学习成本最高。在既有的版本中，用户不得不去编写代码。以上就是关于设计工具的相关分享，希望对大家有所帮助，想要了解更多相关内容，欢迎大家及时关注本平台!

1、主要用途不同虽然2款软件都是用于图像处理，但是主要用途有所区别。PS主要处理位图，即点阵图像；AI主要处理矢量图。位图和矢量图最大区别在于，不受分辨率的影响，矢量图放大，图像也不会模糊，而位图放大，图像会模糊2、实际应用不同ps软件用途广泛，主要处理数字图像，在图像、图形、文字、视频、出版等各方面都有皆可使用。ai软件多应用于出版、多媒体、在线图像的工业标准矢量插画的处理，因为矢量图形的特性，该软件被广泛应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理、互联网页面的制作等。3、基于图形特性不同的区别矢量图形由路径和锚点组成，影响图片大小因素主要是路径和锚点，以及它有路径和锚点组成的图形对象所包含的各种信息。矢量图的特性是，不管图形被放大多少倍，图片边线依旧清晰光滑，不模糊。位图是由每一个像素组成，决定像素图大小的主要因素是像素的多少和像素所包含的颜色信息。位图的特性是，越放大，越能清晰到像素，图像也就模糊。参考资料来源：搜狗百科-Adobe Photoshop参考资料来源：搜狗百科-Adobe Illustrator不分彼此啊，都要用到。现在大型企业用的都是aiai可以和ps在一起用把图片置入到ai里后 再把图片拽到ps里这样在ps该后的图片就可以直接在ai里使用我感觉很便捷。ai用习惯就好了，ps会用的,ai就很容易上手。快捷键几乎相同。我感觉ai能融合corel draw 里的东西。ps相对于设计专业来说是比较局限。打印嘛。用该都一样。不过从我的视觉上来说 ai打出来的颜色比较鲜艳。UI设计常用软件中，PS和AI的地位举足轻重。于是常看到设计群里，一些新手问经常在问：做APP UI或是网页设计到底用Photoshop还是AI(Adobe illustrator)好?AI和PS的区别如下：1、出生时间首先看看这2个巨头软件的诞生时间:illustrator: 1987年Photoshop: 1990年2、第一版本的启动界面双方都是粗糙的单色像素图像设计3、最多用在那个方面?illustrator: 矢量图形设计Photoshop:像素图像设计4、什么用户使用最多?illustrator: 设计师Photoshop: 艺术家5、放大之后illustrator: 放大后，图像依然清晰Photoshop: 放大后，图像会被模糊注：也就是说，用AI绘制的图形是可以放大而不失真，而PS就不可以，因为PS绘制的图形都是以像素点来画，除非直接使用矢量工具来绘制。illustrator: 可同时新建多个画布工作Photoshop: 只能新建一个画布7、剪贴蒙版illustrator: 在对象上面Photoshop: 在对象下面8、选择工具illustrator: 选择的是对象Photoshop: 选择的是区域illustrator: 一个图层可以包含多个对象Photoshop: 一个图层只能包含一个对象10、Ctrl + Z (撤销)illustrator: 可以多次连续的撤销Photoshop: 只能撤销一次，要按Ctrl+Shfi+Z才能继续撤销操作注：其实PS是特意这样设计撤销的，如果你想像AI一样，可以直接修改快捷键即可。11、工作区域illustrrator: 可以在画布以外的区域继续绘制Photoshop: 只能在画面以内的区域绘制，超出会被隐藏12、保存时间illustrator: 保存快Photoshop: 保存缓慢这是比较清晰的对比，重点是：AI适合用来绘制矢量图，比如手机APP、网页设计的布局排版、按钮、图标等矢量元素。PS适合用来做平面广告、插画或后期处理等。5年工作经验UI设计师告诉你，UI设计用的最多是Sketch和Photoshop，再者就是AI，AE，Axure等与上面所说的恰恰相反，对于UI设计来说，PS适合做手机APP、网页设计。AI适合用来做APP、网页里的图标、LOGO、广告图、插画。当然UI设计靠的主要还是人，PPT照样能设计UI。PS：如果要制作图标，需要用到矢量绘图软件AI来制作，这样放大才不会失真。UI设计中还会设计很多饿工具，小编姐姐简单分析如下：1、MindnodeMindnode是在Mac和IOS上的流程图工具，它同时具备专注性和灵活性。是进行头脑风暴和组织规划生活事务的绝佳工具。2、百度脑图百度脑图是一个线上，云端操作的思维导图工具。即时存取，方便分享协同，不受终端限制，在任何地方都可以打开。3、Xmind同样的，Xmind是一款流行思维导图软件，打造易用、美观、高效的可视化思维管理工具。4、MindManager其实，思维导图工具都是大同小异，具体的你用的舒不舒服，需要你亲自实践，你觉得哪个合适你，你就选择用哪一个。二、原型图工具所需工具：Sketch(框架图)、POP(初步原型)、墨刀(高保真原型图和交互)1、SketchSketch是一款强大的界面设计工具，专为UI设计师打造的软件，可让你的界面设计变得更简单，更高效。如果你是一个UX或者UI设计师，那么你一定知道Sketch这个强大的UI界面设计软件。在Sketch中用户能轻松地设置图层面板，可批量命名图层、智能标注页面、填充头像和文字等，可实现多层式填充、渐变、噪点等操作功能;Sketch提供“全部导出”功能，因为它是基于矢量的，所以可导出PDF，JPG和PNG(可选择2x)等格式。不得不提的就是Sketch为设计师提供了丰富的插件，越来越能满足不同人群的设计需求，所有你需要的工具都触手可及。a、出色的用户体验；b、非常简单易用；c、提供大量实用的插件。Sketch是一款轻巧、易用的矢量设计工具。Sketch尤其适合设计师职能不细分的中小团队和个人作品的制作。线框到视觉稿可以在一个软件里完成，能省去不少时间。内含网页流程图模板、移动线框包、迷你暗色流程线框图、iPhone框架模板、Apple Watch交互流程包。在原型框架素材的基础上，用 Sketch 画出符合产品需求的框架图。如下：2、POPPrototyping on Paper，一款手机 App，把纸上的东西变为原型。拍照后可在手机上编辑热区，手机上快速模拟原型动效。3、墨刀MockingBot墨刀，是一款在线的高保真原型与线框设计交互工具，相信很多设计师都用过。可自动标注、代码样式、下载多倍率切图，解决设计师与多平台开发对接时的交付问题。三、原型交互demo工具所需工具：Sketch(设计稿)、Axure(原型交互)、Marvel(原型展示)、Principle(交互动效)、墨刀(原型交互)、Mockplus(原型界面)1、Axure你可以用 Skecth 设计完后，直接上 Marvel，实现高保真交互展示。且 Marvel 有 Sketch 插件，可以一键导入。如果你设计的是手机 App，用 Marvel 后，就可以直接在手机上给别人演示啦。2、Marvel3、PrinciplePrinciple 主要用于实现较复杂的交互动效，操作比 Marvel 难一些，适合有动画基础的人。墨刀也是原型工具，也可以实现交互的功能。你比方说，你在墨刀里做了一些原型页面，可以通过交互演示给客户看。这样更直观一些。不多说了。5、Mockplus支持平台：Windows&MacMockplus是一款高效简单的app界面设计工具，产品经理圈子中比较流行的一款国产界面原型设计工具。软件提供了封装好的3000多个图标以及200多个组件，拖拽即可进行UI界面设计，学习成本低，无需代码参与，所以对于UI设计师来说是一个非常好的选择。如果一个UI设计师连基本的原型设计能力都没有，怎么和开发进行有效的沟通呢。值得一提的是Mockplus最近发布的一款摹客设计系统可谓是给UI设计师提供的一大福利了，该系统提供标准色、标准字、图标、布局等等这类大纲，几乎囊括了一份设计规范文档该有的所有内容，并且支持Sketch插件，意思是设计师们可在Sketch中一键复用你自己的设计规范，节省了大量的操作时间。a、简单，零门槛；b、丰富的图标及组件；c、拖拽实现交互效果；d、小程序预览，随时随地跟客户演示。四、设计和切图工具所需工具：PS、AI等(设计)、Cutterman (切图工具)、PxCook(标注、切图工具)、Zeplin(切图、设计稿标注)等。设计过程就不说了，只要你是一位UI设计师，页面怎么做那你肯定清楚。当你设计完成页面以后，要做的工作就是：标注、切图。1、界面设计工具(Photoshop)支持平台：Windows&MacPhotoshop是最流行的图像编辑器之一，UI设计师入门的必备界面设计工具。相信不是设计行业的小伙伴，也略知一二。PS作为UI界面设计神器，有着强大的图片编辑和处理功能，想要什么的图形都可以用PS来实现，可用于摄影的后期制作，可给图像添加各种滤镜，调整亮度，对比度等，生成高分辨的图形。借助图层面板可非常简单和高效的处理修复图片;并且PS提供了不同文件格式保存的选项，调整图像大小和分辨率也不会丢失图像质量。PS：如果要制作图标，需要用到矢量绘图软件AI来制作，这样放大才不会失真。a、照片处理技术(剪裁背景，裁剪，调整光线，调整颜色，过滤，消除红眼等功能)；b、强大的图层功能 处理副本时保存原件；c、批量处理照片；d、兼容其他Abode套件程序，如After Effect，InDesign，Illustrator；e、Photoshop可以将图像保存为各种格式。2、标注、切图的工具有很多，在这里只不过是推荐几款常用的给你。1)Cutterman切图插件，需要你安装到PS插件里。能够自动将你需要的图层进行输出， 以替代传统的手工 "导出web所用格式" 以及使用切片工具进行挨个切图的繁琐流程。 它支持各种各样的图片尺寸、格式、形态输出，方便你在pc、ios、Android等端上使用。它不需要你记住一堆的语法、规则，纯点击操作，方便、快捷，易于上手。注：需要安装Adobe Air文件，要不然没有办法安装该插件2)PxCookPxCook既可以标注，也可以切图。是高效易用的自动标注工具, 生成前端代码, 设计研发协作利器。只需点击拖拽, 即可轻松获得间距尺寸, 字体, 阴影圆角等所有信息。PNG, JPG也能手动测量。支持标注单位：PX , PT , DP/SP , REM。还可以生成前端代码，支持Win/Mac, 支持PS/Sketch等。3)ZeplinZeplin 是配合着 Sketch 非常好用的一款插件，设计稿完成后，可以直接从 Sketch 导入到 Zeplin 中。Zeplin 可以帮你自动生成尺码标注、CSS 样式代码、需导出的图片(在 Sketch 中设好切片的设计稿，在 Zeplin 中可以直接导出)，以及共享成员间可以备注和评论。五、动效视觉处理工具支持平台：Windows&MacAdobe After Effects简称“AE”是Adobe公司推出的一款关于图形和视频处理的界面设计工具，如今动效设计在UI界面设计中的应用已经越来越广泛，而且国内许多公司开始重视动效设计了，所以作为UI设计师，也应该掌握一些动效设计。动效在UI设计中的应用其实比我们想象中的还要强大，好的动效设计可以给用户提供一个良好的视觉感受，从而加强与用户之间的交互体验。AE这款界面设计工具可以帮助UI设计师对图像视频进行任何特效处理，是一个灵活的基于层的2D和3D后期合成软件，包含了上百种特效及预置动画效果，可与Premiere，Photoshop，Illustrator等软件无缝结合，创建无与伦比的视觉效果。它还借鉴了许多优秀的软件的成功之处，将图像视频特效合成技术推到一个新的高度。a、震撼的视觉效果；b、与Premiere，Photoshop，Illustrator无缝兼容。六、前端工具1、Dreamweaver支持平台：Windows&MacDreamweaver是一款网页代码编辑器，帮助设计师和程序员快速制作和进行网站建设。为什么要把它单独列出来，是因为我觉得UI设计师不仅仅需要掌握一些界面设计工具，还需要学习和了解一些前端的布局和设计，才能够更好的配合前端工程师们做好产品开发的工作。UI设计师如果了解一些基础的代码知识，可作为一个加分项在面试中脱颖而出。七、项目进度管理的工具所需工具：Trello(任务管理)、Bearychat(团队沟通)。项目进度管理的工具也有很多，在这里只是推荐几个。ui设计工具大揭秘1、TrelloTrello 是国外非常火的任务管理软件，据说拥有 1900 万注册用户，国际红十字会、谷歌、美国迪尔公司都在使用。2、BearychatBearychat 是中国版的 Slack，聊天群组 + 工具集成，取代 QQ 或微信作为团队工作中的及时聊天沟通工具。归根结底，技多不压身，想要成为一名优秀的UI设计师，掌握界面设计工具只是其中一部分，UI界面设计需要设计师们掌握色彩搭配，设计规范，界面排版，沟通能力，切图标注，尺寸标注，用户体验等相关知识。因此需要的就是不断学习，不断坚持，不断的丰富自己的综合能力。希望以上分享的五款界面设计工具可以帮到你们。相关新闻：《解析ui设计师工作内容》、《ui设计是什么》、《UI设计7大就业方向》、《浅析ui设计就业前景》、《ui设计原则要素有哪些》、《ui设计培训课程内容》、《UI设计流程大解析》UI设计常用软件中，PS和AI的地位举足轻重。于是常看到设计群里，一些新手问经常在问：做APP UI或是网页设计到底用Photoshop还是AI(Adobe illustrator)好?AI和PS的区别如下：

1、主要用途不同虽然2款软件都是用于图像处理，但是主要用途有所区别。PS主要处理位图，，即点阵图像；AI主要处理矢量图。位图和矢量图最大区别在于，不受分辨率的影响，矢量图放大，图像也不会模糊，而位图放大，图像会模糊2、实际应用不同ps软件用途广泛，，主要处理数字图像，在图像、图形、文字、视频、出版等各方面都有皆可使用。ai软件多应用于出版、多媒体、在线图像的工业标准矢量插画的处理，因为矢量图形的特性，该软件被广泛应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理、互联网页面的制作等。3、基于图形特性不同的区别矢量图形由路径和锚点组成，影响图片大小因素主要是路径和锚点，以及它有路径和锚点组成的图形对象所包含的各种信息。矢量图的特性是，不管图形被放大多少倍，图片边线依旧清晰光滑，不模糊。位图是由每一个像素组成，决定像素图大小的主要因素是像素的多少和像素所包含的颜色信息。位图的特性是，越放大，越能清晰到像素，图像也就模糊。参考资料来源：搜狗百科-AdobePhotoshop参考资料来源：搜狗百科-AdobeIllustrator不分彼此啊，都要用到。现在大型企业用的都是aiai可以和ps在一起用把图片置入到ai里后再把图片拽到ps里这样在ps该后的图片就可以直接在ai里使用我感觉很便捷。。ai用习惯就好了，ps会用的,ai就很容易上手。快捷键几乎相同。我感觉ai能融合coreldraw里的东西。ps相对于设计专业来说是比较局限。打印嘛。。。用该都一样。。。不过从我的视觉上来说ai打出来的颜色比较鲜艳。UI设计常用软件中，PS和AI的地位举足轻重。于是常看到设计群里，一些新手问经常在问：做APPUI或是网页设计到底用Photoshop还是AI(Adobeillustrator)好?AI和PS的区别如下：1、出生时间首先看看这2个巨头软件的诞生时间:illustrator:1987年Photoshop:1990年2、第一版本的启动界面双方都是粗糙的单色像素图像设计3、最多用在那个方面?illustrator:矢量图形设计Photoshop:像素图像设计4、什么用户使用最多?illustrator:设计师Photoshop:艺术家5、放大之后illustrator:放大后，图像依然清晰Photoshop:放大后，图像会被模糊注：也就是说，用AI绘制的图形是可以放大而不失真，而PS就不可以，因为PS绘制的图形都是以像素点来画，除非直接使用矢量工具来绘制。illustrator:可同时新建多个画布工作Photoshop:只能新建一个画布7、剪贴蒙版illustrator:在对象上面Photoshop:在对象下面8、选择工具illustrator:选择的是对象Photoshop:选择的是区域illustrator:一个图层可以包含多个对象Photoshop:一个图层只能包含一个对象10、Ctrl+Z(撤销)illustrator:可以多次连续的撤销Photoshop:只能撤销一次，要按Ctrl+Shfi+Z才能继续撤销操作注：其实PS是特意这样设计撤销的，如果你想像AI一样，可以直接修改快捷键即可。11、工作区域illustrrator:可以在画布以外的区域继续绘制Photoshop:只能在画面以内的区域绘制，超出会被隐藏12、保存时间illustrator:保存快Photoshop:保存缓慢这是比较清晰的对比，重点是：AI适合用来绘制矢量图，比如手机APP、网页设计的布局排版、按钮、图标等矢量元素。PS适合用来做平面广告、插画或后期处理等。5年工作经验UI设计师告诉你，UI设计用的最多是Sketch和Photoshop，再者就是AI，AE，Axure等与上面所说的恰恰相反，对于UI设计来说，PS适合做手机APP、网页设计。AI适合用来做APP、网页里的图标、LOGO、广告图、插画。当然UI设计靠的主要还是人，PPT照样能设计UI。PS：如果要制作图标，需要用到矢量绘图软件AI来制作，这样放大才不会失真。UI设计中还会设计很多饿工具，小编姐姐简单分析如下：1、MindnodeMindnode是在Mac和IOS上的流程图工具，它同时具备专注性和灵活性。是进行头脑风暴和组织规划生活事务的绝佳工具。2、百度脑图百度脑图是一个线上，云端操作的思维导图工具。即时存取，方便分享协同，不受终端限制，在任何地方都可以打开。3、Xmind同样的，Xmind是一款流行思维导图软件，打造易用、美观、高效的可视化思维管理工具。4、MindManager其实，思维导图工具都是大同小异，具体的你用的舒不舒服，需要你亲自实践，你觉得哪个合适你，你就选择用哪一个。二、原型图工具所需工具：Sketch(框架图)、POP(初步原型)、墨刀(高保真原型图和交互)1、SketchSketch是一款强大的界面设计工具，专为UI设计师打造的软件，可让你的界面设计变得更简单，更高效。如果你是一个UX或者UI设计师，那么你一定知道Sketch这个强大的UI界面设计软件。在Sketch中用户能轻松地设置图层面板，可批量命名图层、智能标注页面、填充头像和文字等，可实现多层式填充、渐变、噪点等操作功能;Sketch提供“全部导出”功能，因为它是基于矢量的，所以可导出PDF，JPG和PNG(可选择2x)等格式。不得不提的就是Sketch为设计师提供了丰富的插件，越来越能满足不同人群的设计需求，所有你需要的工具都触手可及。a、出色的用户体验；b、非常简单易用；c、提供大量实用的插件。Sketch是一款轻巧、易用的矢量设计工具。Sketch尤其适合设计师职能不细分的中小团队和个人作品的制作。线框到视觉稿可以在一个软件里完成，能省去不少时间。内含网页流程图模板、移动线框包、迷你暗色流程线框图、iPhone框架模板、AppleWatch交互流程包。在原型框架素材的基础上，用Sketch画出符合产品需求的框架图。如下：2、POPPrototypingonPaper，一款手机App，把纸上的东西变为原型。拍照后可在手机上编辑热区，手机上快速模拟原型动效。3、墨刀MockingBot墨刀，是一款在线的高保真原型与线框设计交互工具，相信很多设计师都用过。可自动标注、代码样式、下载多倍率切图，解决设计师与多平台开发对接时的交付问题。三、原型交互demo工具所需工具：Sketch(设计稿)、Axure(原型交互)、Marvel(原型展示)、Principle(交互动效)、墨刀(原型交互)、Mockplus(原型界面)1、Axure你可以用Skecth设计完后，直接上Marvel，实现高保真交互展示。且Marvel有Sketch插件，可以一键导入。如果你设计的是手机App，用Marvel后，就可以直接在手机上给别人演示啦。2、Marvel3、PrinciplePrinciple主要用于实现较复杂的交互动效，操作比Marvel难一些，适合有动画基础的人。墨刀也是原型工具，也可以实现交互的功能。你比方说，你在墨刀里做了一些原型页面，可以通过交互演示给客户看。这样更直观一些。不多说了。5、Mockplus支持平台：Windows&MacMockplus是一款高效简单的app界面设计工具，产品经理圈子中比较流行的一款国产界面原型设计工具。软件提供了封装好的3000多个图标以及200多个组件，拖拽即可进行UI界面设计，学习成本低，无需代码参与，所以对于UI设计师来说是一个非常好的选择。如果一个UI设计师连基本的原型设计能力都没有，怎么和开发进行有效的沟通呢。值得一提的是Mockplus最近发布的一款摹客设计系统可谓是给UI设计师提供的一大福利了，该系统提供标准色、标准字、图标、布局等等这类大纲，几乎囊括了一份设计规范文档该有的所有内容，并且支持Sketch插件，意思是设计师们可在Sketch中一键复用你自己的设计规范，节省了大量的操作时间。a、简单，零门槛；b、丰富的图标及组件；c、拖拽实现交互效果；d、小程序预览，随时随地跟客户演示。四、设计和切图工具所需工具：PS、AI等(设计)、Cutterman(切图工具)、PxCook(标注、切图工具)、Zeplin(切图、设计稿标注)等。设计过程就不说了，只要你是一位UI设计师，页面怎么做那你肯定清楚。当你设计完成页面以后，要做的工作就是：标注、切图。1、界面设计工具(Photoshop)支持平台：Windows&MacPhotoshop是最流行的图像编辑器之一，UI设计师入门的必备界面设计工具。相信不是设计行业的小伙伴，也略知一二。PS作为UI界面设计神器，有着强大的图片编辑和处理功能，想要什么的图形都可以用PS来实现，可用于摄影的后期制作，可给图像添加各种滤镜，调整亮度，对比度等，生成高分辨的图形。借助图层面板可非常简单和高效的处理修复图片;并且PS提供了不同文件格式保存的选项，调整图像大小和分辨率也不会丢失图像质量。PS：如果要制作图标，需要用到矢量绘图软件AI来制作，这样放大才不会失真。a、照片处理技术(剪裁背景，裁剪，调整光线，调整颜色，过滤，消除红眼等功能)；b、强大的图层功能处理副本时保存原件；c、批量处理照片；d、兼容其他Abode套件程序，如AfterEffect，InDesign，Illustrator；e、Photoshop可以将图像保存为各种格式。2、标注、切图的工具有很多，在这里只不过是推荐几款常用的给你。1)Cutterman切图插件，需要你安装到PS插件里。能够自动将你需要的图层进行输出，以替代传统的手工"导出web所用格式"以及使用切片工具进行挨个切图的繁琐流程。它支持各种各样的图片尺寸、格式、形态输出，方便你在pc、ios、Android等端上使用。它不需要你记住一堆的语法、规则，纯点击操作，方便、快捷，易于上手。注：需要安装AdobeAir文件，要不然没有办法安装该插件2)PxCookPxCook既可以标注，也可以切图。是高效易用的自动标注工具,生成前端代码,设计研发协作利器。只需点击拖拽,即可轻松获得间距尺寸,字体,阴影圆角等所有信息。PNG,JPG也能手动测量。支持标注单位：PX,PT,DP/SP,REM。还可以生成前端代码，支持Win/Mac,支持PS/Sketch等。3)ZeplinZeplin是配合着Sketch非常好用的一款插件，设计稿完成后，可以直接从Sketch导入到Zeplin中。Zeplin可以帮你自动生成尺码标注、CSS样式代码、需导出的图片(在Sketch中设好切片的设计稿，在Zeplin中可以直接导出)，以及共享成员间可以备注和评论。五、动效视觉处理工具支持平台：Windows&MacAdobeAfterEffects简称“AE”是Adobe公司推出的一款关于图形和视频处理的界面设计工具，如今动效设计在UI界面设计中的应用已经越来越广泛，而且国内许多公司开始重视动效设计了，所以作为UI设计师，也应该掌握一些动效设计。动效在UI设计中的应用其实比我们想象中的还要强大，好的动效设计可以给用户提供一个良好的视觉感受，从而加强与用户之间的交互体验。AE这款界面设计工具可以帮助UI设计师对图像视频进行任何特效处理，是一个灵活的基于层的2D和3D后期合成软件，包含了上百种特效及预置动画效果，可与Premiere，Photoshop，Illustrator等软件无缝结合，创建无与伦比的视觉效果。它还借鉴了许多优秀的软件的成功之处，将图像视频特效合成技术推到一个新的高度。a、震撼的视觉效果；b、与Premiere，Photoshop，Illustrator无缝兼容。六、前端工具1、Dreamweaver支持平台：Windows&MacDreamweaver是一款网页代码编辑器，帮助设计师和程序员快速制作和进行网站建设。为什么要把它单独列出来，是因为我觉得UI设计师不仅仅需要掌握一些界面设计工具，还需要学习和了解一些前端的布局和设计，才能够更好的配合前端工程师们做好产品开发的工作。UI设计师如果了解一些基础的代码知识，可作为一个加分项在面试中脱颖而出。七、项目进度管理的工具所需工具：Trello(任务管理)、Bearychat(团队沟通)。项目进度管理的工具也有很多，在这里只是推荐几个。ui设计工具大揭秘1、TrelloTrello是国外非常火的任务管理软件，据说拥有1900万注册用户，国际红十字会、谷歌、美国迪尔公司都在使用。2、BearychatBearychat是中国版的Slack，聊天群组+工具集成，取代QQ或微信作为团队工作中的及时聊天沟通工具。归根结底，技多不压身，想要成为一名优秀的UI设计师，掌握界面设计工具只是其中一部分，UI界面设计需要设计师们掌握色彩搭配，设计规范，界面排版，沟通能力，切图标注，尺寸标注，用户体验等相关知识。因此需要的就是不断学习，不断坚持，不断的丰富自己的综合能力。希望以上分享的五款界面设计工具可以帮到你们。相关新闻：《解析ui设计师工作内容》、《ui设计是什么》、《UI设计7大就业方向》、《浅析ui设计就业前景》、《ui设计原则要素有哪些》、《ui设计培训课程内容》、《UI设计流程大解析》UI设计常用软件中，PS和AI的地位举足轻重。于是常看到设计群里，一些新手问经常在问：做APPUI或是网页设计到底用Photoshop还是AI(Adobeillustrator)好?AI和PS的区别如下：

1、主要用途不同虽然2款软件都是用于图像处理，但是主要用途有所区别。PS主要处理位图，，即点阵图像；AI主要处理矢量图。位图和矢量图最大区别在于，不受分辨率的影响，矢量图放大，图像也不会模糊，而位图放大，图像会模糊2、实际应用不同ps软件用途广泛，，主要处理数字图像，在图像、图形、文字、视频、出版等各方面都有皆可使用。ai软件多应用于出版、多媒体、在线图像的工业标准矢量插画的处理，因为矢量图形的特性，该软件被广泛应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理、互联网页面的制作等。3、基于图形特性不同的区别矢量图形由路径和锚点组成，影响图片大小因素主要是路径和锚点，以及它有路径和锚点组成的图形对象所包含的各种信息。矢量图的特性是，不管图形被放大多少倍，图片边线依旧清晰光滑，不模糊。位图是由每一个像素组成，决定像素图大小的主要因素是像素的多少和像素所包含的颜色信息。位图的特性是，越放大，越能清晰到像素，图像也就模糊。参考资料来源：搜狗百科-AdobePhotoshop参考资料来源：搜狗百科-AdobeIllustrator不分彼此啊，都要用到。现在大型企业用的都是aiai可以和ps在一起用把图片置入到ai里后再把图片拽到ps里这样在ps该后的图片就可以直接在ai里使用我感觉很便捷。。ai用习惯就好了，ps会用的,ai就很容易上手。快捷键几乎相同。我感觉ai能融合coreldraw里的东西。ps相对于设计专业来说是比较局限。打印嘛。。。用该都一样。。。不过从我的视觉上来说ai打出来的颜色比较鲜艳。UI设计常用软件中，PS和AI的地位举足轻重。于是常看到设计群里，一些新手问经常在问：做APPUI或是网页设计到底用Photoshop还是AI(Adobeillustrator)好?AI和PS的区别如下：1、出生时间首先看看这2个巨头软件的诞生时间:illustrator:1987年Photoshop:1990年2、第一版本的启动界面双方都是粗糙的单色像素图像设计3、最多用在那个方面?illustrator:矢量图形设计Photoshop:像素图像设计4、什么用户使用最多?illustrator:设计师Photoshop:艺术家5、放大之后illustrator:放大后，图像依然清晰Photoshop:放大后，图像会被模糊注：也就是说，用AI绘制的图形是可以放大而不失真，而PS就不可以，因为PS绘制的图形都是以像素点来画，除非直接使用矢量工具来绘制。illustrator:可同时新建多个画布工作Photoshop:只能新建一个画布7、剪贴蒙版illustrator:在对象上面Photoshop:在对象下面8、选择工具illustrator:选择的是对象Photoshop:选择的是区域illustrator:一个图层可以包含多个对象Photoshop:一个图层只能包含一个对象10、Ctrl+Z(撤销)illustrator:可以多次连续的撤销Photoshop:只能撤销一次，要按Ctrl+Shfi+Z才能继续撤销操作注：其实PS是特意这样设计撤销的，如果你想像AI一样，可以直接修改快捷键即可。11、工作区域illustrrator:可以在画布以外的区域继续绘制Photoshop:只能在画面以内的区域绘制，超出会被隐藏12、保存时间illustrator:保存快Photoshop:保存缓慢这是比较清晰的对比，重点是：AI适合用来绘制矢量图，比如手机APP、网页设计的布局排版、按钮、图标等矢量元素。PS适合用来做平面广告、插画或后期处理等。5年工作经验UI设计师告诉你，UI设计用的最多是Sketch和Photoshop，再者就是AI，AE，Axure等与上面所说的恰恰相反，对于UI设计来说，PS适合做手机APP、网页设计。AI适合用来做APP、网页里的图标、LOGO、广告图、插画。当然UI设计靠的主要还是人，PPT照样能设计UI。PS：如果要制作图标，需要用到矢量绘图软件AI来制作，这样放大才不会失真。UI设计中还会设计很多饿工具，小编姐姐简单分析如下：1、MindnodeMindnode是在Mac和IOS上的流程图工具，它同时具备专注性和灵活性。是进行头脑风暴和组织规划生活事务的绝佳工具。2、百度脑图百度脑图是一个线上，云端操作的思维导图工具。即时存取，方便分享协同，不受终端限制，在任何地方都可以打开。3、Xmind同样的，Xmind是一款流行思维导图软件，打造易用、美观、高效的可视化思维管理工具。4、MindManager其实，思维导图工具都是大同小异，具体的你用的舒不舒服，需要你亲自实践，你觉得哪个合适你，你就选择用哪一个。二、原型图工具所需工具：Sketch(框架图)、POP(初步原型)、墨刀(高保真原型图和交互)1、SketchSketch是一款强大的界面设计工具，专为UI设计师打造的软件，可让你的界面设计变得更简单，更高效。如果你是一个UX或者UI设计师，那么你一定知道Sketch这个强大的UI界面设计软件。在Sketch中用户能轻松地设置图层面板，可批量命名图层、智能标注页面、填充头像和文字等，可实现多层式填充、渐变、噪点等操作功能;Sketch提供“全部导出”功能，因为它是基于矢量的，所以可导出PDF，JPG和PNG(可选择2x)等格式。不得不提的就是Sketch为设计师提供了丰富的插件，越来越能满足不同人群的设计需求，所有你需要的工具都触手可及。a、出色的用户体验；b、非常简单易用；c、提供大量实用的插件。Sketch是一款轻巧、易用的矢量设计工具。Sketch尤其适合设计师职能不细分的中小团队和个人作品的制作。线框到视觉稿可以在一个软件里完成，能省去不少时间。内含网页流程图模板、移动线框包、迷你暗色流程线框图、iPhone框架模板、AppleWatch交互流程包。在原型框架素材的基础上，用Sketch画出符合产品需求的框架图。如下：2、POPPrototypingonPaper，一款手机App，把纸上的东西变为原型。拍照后可在手机上编辑热区，手机上快速模拟原型动效。3、墨刀MockingBot墨刀，是一款在线的高保真原型与线框设计交互工具，相信很多设计师都用过。可自动标注、代码样式、下载多倍率切图，解决设计师与多平台开发对接时的交付问题。三、原型交互demo工具所需工具：Sketch(设计稿)、Axure(原型交互)、Marvel(原型展示)、Principle(交互动效)、墨刀(原型交互)、Mockplus(原型界面)1、Axure你可以用Skecth设计完后，直接上Marvel，实现高保真交互展示。且Marvel有Sketch插件，可以一键导入。如果你设计的是手机App，用Marvel后，就可以直接在手机上给别人演示啦。2、Marvel3、PrinciplePrinciple主要用于实现较复杂的交互动效，操作比Marvel难一些，适合有动画基础的人。墨刀也是原型工具，也可以实现交互的功能。你比方说，你在墨刀里做了一些原型页面，可以通过交互演示给客户看。这样更直观一些。不多说了。5、Mockplus支持平台：Windows&MacMockplus是一款高效简单的app界面设计工具，产品经理圈子中比较流行的一款国产界面原型设计工具。软件提供了封装好的3000多个图标以及200多个组件，拖拽即可进行UI界面设计，学习成本低，无需代码参与，所以对于UI设计师来说是一个非常好的选择。如果一个UI设计师连基本的原型设计能力都没有，怎么和开发进行有效的沟通呢。值得一提的是Mockplus最近发布的一款摹客设计系统可谓是给UI设计师提供的一大福利了，该系统提供标准色、标准字、图标、布局等等这类大纲，几乎囊括了一份设计规范文档该有的所有内容，并且支持Sketch插件，意思是设计师们可在Sketch中一键复用你自己的设计规范，节省了大量的操作时间。a、简单，零门槛；b、丰富的图标及组件；c、拖拽实现交互效果；d、小程序预览，随时随地跟客户演示。四、设计和切图工具所需工具：PS、AI等(设计)、Cutterman(切图工具)、PxCook(标注、切图工具)、Zeplin(切图、设计稿标注)等。设计过程就不说了，只要你是一位UI设计师，页面怎么做那你肯定清楚。当你设计完成页面以后，要做的工作就是：标注、切图。1、界面设计工具(Photoshop)支持平台：Windows&MacPhotoshop是最流行的图像编辑器之一，UI设计师入门的必备界面设计工具。相信不是设计行业的小伙伴，也略知一二。PS作为UI界面设计神器，有着强大的图片编辑和处理功能，想要什么的图形都可以用PS来实现，可用于摄影的后期制作，可给图像添加各种滤镜，调整亮度，对比度等，生成高分辨的图形。借助图层面板可非常简单和高效的处理修复图片;并且PS提供了不同文件格式保存的选项，调整图像大小和分辨率也不会丢失图像质量。PS：如果要制作图标，需要用到矢量绘图软件AI来制作，这样放大才不会失真。a、照片处理技术(剪裁背景，裁剪，调整光线，调整颜色，过滤，消除红眼等功能)；b、强大的图层功能处理副本时保存原件；c、批量处理照片；d、兼容其他Abode套件程序，如AfterEffect，InDesign，Illustrator；e、Photoshop可以将图像保存为各种格式。2、标注、切图的工具有很多，在这里只不过是推荐几款常用的给你。1)Cutterman切图插件，需要你安装到PS插件里。能够自动将你需要的图层进行输出，以替代传统的手工"导出web所用格式"以及使用切片工具进行挨个切图的繁琐流程。它支持各种各样的图片尺寸、格式、形态输出，方便你在pc、ios、Android等端上使用。它不需要你记住一堆的语法、规则，纯点击操作，方便、快捷，易于上手。注：需要安装AdobeAir文件，要不然没有办法安装该插件2)PxCookPxCook既可以标注，也可以切图。是高效易用的自动标注工具,生成前端代码,设计研发协作利器。只需点击拖拽,即可轻松获得间距尺寸,字体,阴影圆角等所有信息。PNG,JPG也能手动测量。支持标注单位：PX,PT,DP/SP,REM。还可以生成前端代码，支持Win/Mac,支持PS/Sketch等。3)ZeplinZeplin是配合着Sketch非常好用的一款插件，设计稿完成后，可以直接从Sketch导入到Zeplin中。Zeplin可以帮你自动生成尺码标注、CSS样式代码、需导出的图片(在Sketch中设好切片的设计稿，在Zeplin中可以直接导出)，以及共享成员间可以备注和评论。五、动效视觉处理工具支持平台：Windows&MacAdobeAfterEffects简称“AE”是Adobe公司推出的一款关于图形和视频处理的界面设计工具，如今动效设计在UI界面设计中的应用已经越来越广泛，而且国内许多公司开始重视动效设计了，所以作为UI设计师，也应该掌握一些动效设计。动效在UI设计中的应用其实比我们想象中的还要强大，好的动效设计可以给用户提供一个良好的视觉感受，从而加强与用户之间的交互体验。AE这款界面设计工具可以帮助UI设计师对图像视频进行任何特效处理，是一个灵活的基于层的2D和3D后期合成软件，包含了上百种特效及预置动画效果，可与Premiere，Photoshop，Illustrator等软件无缝结合，创建无与伦比的视觉效果。它还借鉴了许多优秀的软件的成功之处，将图像视频特效合成技术推到一个新的高度。a、震撼的视觉效果；b、与Premiere，Photoshop，Illustrator无缝兼容。六、前端工具1、Dreamweaver支持平台：Windows&MacDreamweaver是一款网页代码编辑器，帮助设计师和程序员快速制作和进行网站建设。为什么要把它单独列出来，是因为我觉得UI设计师不仅仅需要掌握一些界面设计工具，还需要学习和了解一些前端的布局和设计，才能够更好的配合前端工程师们做好产品开发的工作。UI设计师如果了解一些基础的代码知识，可作为一个加分项在面试中脱颖而出。七、项目进度管理的工具所需工具：Trello(任务管理)、Bearychat(团队沟通)。项目进度管理的工具也有很多，在这里只是推荐几个。ui设计工具大揭秘1、TrelloTrello是国外非常火的任务管理软件，据说拥有1900万注册用户，国际红十字会、谷歌、美国迪尔公司都在使用。2、BearychatBearychat是中国版的Slack，聊天群组+工具集成，取代QQ或微信作为团队工作中的及时聊天沟通工具。归根结底，技多不压身，想要成为一名优秀的UI设计师，掌握界面设计工具只是其中一部分，UI界面设计需要设计师们掌握色彩搭配，设计规范，界面排版，沟通能力，切图标注，尺寸标注，用户体验等相关知识。因此需要的就是不断学习，不断坚持，不断的丰富自己的综合能力。希望以上分享的五款界面设计工具可以帮到你们。相关新闻：《解析ui设计师工作内容》、《ui设计是什么》、《UI设计7大就业方向》、《浅析ui设计就业前景》、《ui设计原则要素有哪些》、《ui设计培训课程内容》、《UI设计流程大解析》UI设计常用软件中，PS和AI的地位举足轻重。于是常看到设计群里，一些新手问经常在问：做APPUI或是网页设计到底用Photoshop还是AI(Adobeillustrator)好?AI和PS的区别如下：

嘿设汇app上的回答很全面，分享给你，希望对你有帮助。一、前期工作1.画。草图记录理念。用笔记本来收集创意，不时的翻翻可以根据一些有趣的旧点子想一些新玩意儿。2. 收集图片。方法有好多种，我习惯Dropbox文件夹分类（例如，我会分成后台界面设计、iOS设计、插画设计等等）这些图片，有新项目时可以用来寻找灵感。3. 情绪板和准备工作。Dribbble，Behance，嘿设汇、Pttrns，Pinterest。我总会准备4个文件夹——PSD，屏，资源，灵感。把和项目相关的东西全分类到文件夹里。二、开始着手设计4. 不必在乎线框图的质量。 线框图的作用是帮助架构层级，让彼此更好的理解目的，而不是最终结果。设计师必须懂得去“敏捷”设计，如果真的太在意线框图的细节，那么整个设计流程会拉长。5. PSD - 大尺寸画布。我一般会创建8000*5000的画布，不是用来画出整个应用的UI套件，而是用来记录元素在不同阶段的不同状态——也就是流程。设计复用很方便，开发看到这种东西也会工作的更快。6. 所有屏都放入一个PSD中.整体的对比效果会更好，也更容易让他人理解你的设计理念。元素的复用也非常方便，只需要复制一下其他屏的图层/图层组，修改一下背景或者几个图标就成了。7. 整理、规范图层和图层组我是一个崇尚整齐的人，因此我的PSD结构非常的有序。我个人的规则是，如果超过8个图层，那么就创建一个图层组。 8. 和朋友沟通我非常重视那些能够给出专业性反馈意见的人。留意他们的反应和初次看到你设计时的想法，这未尝不是一种用户测试。而且多聆听别人的意见，能够让你从不同的角度看待问题。9.图示当所有屏的设计都装入到一个PSD中后做一点图示，用来暗示交互流程，我觉得这算是一种早期原型设计吧，与此同时，还能充分感受到视觉设计的细节。 三、后期工作——视觉规范完成了设计工作后，要做的事情就是出一份视觉规范，然后检查一下整体的视觉层级。我个人认为，无论是小型项目还是大型项目，视觉规范都有其存在的必要性。无论是对你自己，还是对于同事，都能起到很好的规范作用，避免不一致的设计。 10. 配色表扁平化的要领之一是配色精简。也方便了我们展现配色表。11. 字体表12. 要完善的记录Logo使用的字体，文本使用的字体，标题使用的字体等等，这对于开发会大有裨益。个人复查作品时也会很有帮助。12. UI 套件UI套件非常重要，尤其对于工作对接来说，能够保持视觉高度的一致性。前端也非常需要这东西。做好了之后丢给前端，他要问你，你就说这东西在UI套件中，他立马就能明白了。这一条非常重要，关系到整体的视觉一致性。

这十款Mac免费软件，协助你在家轻松远程办公！目录：即时沟通：企业微信、腾讯会议、Foxmail文档管理及协作：腾讯文档、幕布、石墨文档、Notion软件开发远程访问：Termius、iHosts设计工具：Zeplin即时沟通1、企业微信：让每个企业都有自己的微信简单易用的内部沟通软件，可连接微信，直接添加客户微信。集成日程、会议、审批、汇报等多种效率工具。在疫情期间，设有下发疫情通知功能、支持在线问诊，及时上报疫情，自动统计。支持300人在线会议，远程教学直播，无需见面即可完成培训、开会，避免交叉感染。（官网链接：https://work.weixin.qq.com/nl/index/neumonia）2、腾讯会议：高清音视频会议-随时随地无需安装插件及客户端，手机、电脑、平板、web、小程序一键入会，享有高清画质、高保真还原人声。会议中可实时共享屏幕，多种格式文档在线协作，保持会议便捷生动。在疫情期间，腾讯会议免费开放300人不限时在线会议，并提供7*24小时在线服务。（官网链接：https://meeting.qq.com/index.html）3、Foxmail：简约而不简单的邮件客户端专为办公打造，极简设计、清晰明快的页面让Foxmail的每一个功能区域都一目了然，处理邮件高效便捷。支持同步企业地址本、共享企业网盘，一键发送群邮件，添加超大附件等，丰富的商务功能，打造你的企业邮箱专属服务。（官网链接：https://www.foxmail.com/）文档管理及协作4、腾讯文档：可多人协作的在线文档（链接：https://lemon.qq.com/lab/app/tengxunwendang.html）支持多人在线协同办公的文档，可同时编辑Word、Excel、PPT文档，实时保存。还可设置权限，邀请好友一起参与编辑。在疫情期间，腾讯文档开放免费会员，文档、表格支持200人同时编辑，收集表支持7000人填写，全面支持远程办公。上线 “腾讯文档 疫情信息收集远程办公”微信和QQ小程序，提供丰富健康信息收集、远程办公模板，帮助企业提升信息收集效率。5、幕布：思维导图，在线协作（链接：https://lemon.qq.com/lab/app/mubu.html）一款结合大纲笔记和思维导图的在线整理工具。可利用高效及清晰的结构来记录笔记、管理任务，头脑风暴。一键分享链接及权限，轻松开始协作。支持web、手机、电脑、iPad等多个平台，具有演示模式，随时随地整理思路，组织头脑风暴。6、石墨文档：多人实时协作的轻量云端文档（链接：https://lemon.qq.com/lab/app/shimo.html）全新一代文档在线编辑工具，支持多人同时协作，共同编辑表格、PPT，还支持跨平台编辑。新增思维导图、互动白板。企业可根据组织架构实行文档分权，分级管理，内部资料实时共享，方便企业集中管理。7、Notion：知识库和任务管理无缝整合的协作平台（链接：https://lemon.qq.com/lab/app/Notion.html）多合一的高效、多功能笔记软件，涵盖文字、链接、图片、列表、嵌入文件、页面、数据库…等。除笔记功能外，Notion更是一个知识库和任务管理无缝整合的协作平台：可共享同一个中央知识库，支持项目管理，团队日历、进度看板等。软件开发远程访问8、Termius：远程SSH客户端（链接：https://lemon.qq.com/lab/app/Termius.html）适用于macOS、WIndows和Linux的跨平台SSH客户端，一个完整的命令行解决方案，可为系统管理员和网络工程师重新定义远程访问。支持端到端加密，所有设备均可安全同步数据。9、iHosts：一键切换Hosts地址（链接：https://lemon.qq.com/lab/app/iHosts.html）不同 Hosts 间任意组合，支持快捷键切换。远程办公时一键快速切换本机Hosts。设计工具10、Zeplin：设计稿标注及归档协作（链接：https://lemon.qq.com/lab/app/Zeplin.html）为设计和开发人员专门而生的设计稿标注工具。通过安装插件，设计师可以直接将Sketch和Photoshop原件导入到zeplin中，添加同事到群组中，即可快速共享设计稿、加标注发表不同建议及看法，同时提高设计师和开发人员的效率。快邀请小伙伴一起来感受高效协作的魅力吧！使用上述工具帮助团队提高合作效率，如同身处办公环境中~但当下疫情依旧严重，非常时期大家还是要少出门，勤洗手，保护好自身安全！

　　暗物质(Dark Matter)是一种比电子和光子还要小的物质，不带电荷，不与电子发生干扰，能够穿越电磁波和引力场，是宇宙的重要组成部分。暗物质的密度非常小，但是数量庞大，因此它的总质量很大，它们代表了宇宙中26%的物质含量，其中人类可见的只占宇宙总物质量的5%不到(约4.9%)。暗物质无法直接观测得到，但它能干扰星体发出的光波或引力，其存在能被明显地感受到。　　暗物质存在的最早证据来源于对球状星系旋转速度的观测。现代天文学通过引力透镜、宇宙中大尺度结构形成、天文观测和膨胀宇宙论研究表明:宇宙的密度可能由约68.3%的暗能量，4.9%的重子物质，26.8%暗物质组成。　　新计算机模型:暗物质并非由重粒子组成。　　一、基本简介　　1915年，爱因斯坦根据他的相对论得出推论：宇宙的形状取决于宇宙质量的多少。他认为:宇宙是有限封闭的。如果是这样，宇宙中物质的平均密度必须达到每立方厘米5×10的负30次方克。但是，迄今可观测到的宇宙的密度，却比这个值小100倍。也就是说，宇宙中的大多数物质“失踪”了，科学家将这种“失踪”的物质叫“暗物质”。　　最早提出证据并推断暗物质存在的是20世纪30年代荷兰科学家Jan Oort与美国加州理工学院的瑞士天文学家弗里兹·扎维奇等人。　　1932年，美国加州工学院的瑞士天文学家弗里兹·扎维奇最早提出证据并推断暗物质的存在。弗里兹·扎维奇观测螺旋星系旋转速度时，发现星系外侧的旋转速度较牛顿重力预期的快，故推测必有数量庞大的质能拉住星系外侧组成，以使其不致因过大的离心力而脱离星系。　　弗里兹·扎维奇发现，大型星系团中的星系具有极高的运动速度，除非星系团的质量是根据其中恒星数量计算所得到的值的100倍以上，否则星系团根本无法束缚住这些星系。　　暗物质（dark matter）刚被提出来时仅仅是理论的产物，之后几十年的观测分析证实了这一点。尽管对暗物质的性质仍然一无所知，但是到了80年代，占宇宙能量密度大约20%的暗物质已被广为接受了 。　　在引入宇宙膨胀理论之后，许多宇宙学家相信我们的宇宙是一个平行的空间，而且宇宙总能量密度必定是等于临界值的（这一临界值用于区分宇宙是封闭的还是开放的）。与此同时，宇宙学家们也倾向于一个简单的宇宙，其中能量密度都以物质的形式出现，包括4%的普通物质和96%的暗物质与暗能量。但事实上，观测从来就没有与此相符合过。虽然在总物质密度的估计上存在着比较大的误差，但是这一误差还没有大到使物质的总量达到临界值，而且这一观测和理论模型之间的不一致也随着时间变得越来越尖锐。　　暗物质不过，我们忽略了极为重要的一点，那就是暗物质促成了宇宙结构的形成，如果没有暗物质就不会形成星系、恒星和行星，更谈不上今天的人类了。宇宙尽管在极大的尺度上表现出均匀和各向同性，但是在小一些的尺度上则存在着恒星、星系、星系团以及星系长城。而在大尺度上能够促使物质运动的力就只有引力了。但是均匀分布的物质不会产生引力，因此今天所有的宇宙结构必然源自于宇宙极早期物质分布的微小涨落，而这些涨落会在宇宙微波背景（CMB）中留下痕迹。然而普通物质不可能通过其自身的涨落形成实质上的结构而又不在宇宙微波背景辐射中留下痕迹，因为那时普通物质还没有从辐射中脱耦出来。　　另一方面，不与辐射耦合的暗物质，其微小的涨落在普通物质脱耦之前就放大了许多倍。在普通物质脱耦之后，已经成团的暗物质就开始吸引普通物质，进而形成了我们观测到的结构。这需要一个初始的涨落，但是它的振幅非常非常的小。这里需要的物质就是冷暗物质，由于它是无热运动的非相对论性粒子因此得名。　　在开始阐述这一模型的有效性之前，必须先交待一下其中一件重要的事情。对于先前提到的小扰动（涨落），为了预言其在不同波长上的引力效应，小扰动谱必须具有特殊的形态。为此，最初的密度涨落应该是标度无关的。也就是说，如果我们把能量分布分解成一系列不同波长的正弦波之和，那么所有正弦波的振幅都应该是相同的。“大爆炸”初期暴涨理论的成功之处就在于它提供了很好的动力学出发机制来形成这样一个标度无关的小扰动谱（其谱指数n=1）。WMAP的观测结果证实了这一预言。　　但是如果我们不了解暗物质的性质，就不能说我们已经了解了宇宙。我们已经知道了两种暗物质--中微子和黑洞。但是它们对暗物质总量的贡献是非常微小的，暗物质中的绝大部分还不清楚。这里我们将讨论暗物质可能的候选者，由其导致的结构形成，以及我们如何综合粒子探测器和天文观测来揭示暗物质的性质。　　二、探测方法　　一）观测手段　　1、引力透镜法　　2、旋涡星系的旋转曲线　　3、星系中的恒星或星系团中的星系的速度弥散　　4、星系团(及椭圆星系)的X射线气体的流体静力学平衡方法　　5、星系团的苏尼亚耶夫-泽尔多维奇效　　二）直接探测　　间接探测WIMP。WIMP偶尔会撞上一个原子核。这一碰撞会散射原子核，进而使之和周围的原子核发生碰撞。由此科学家可以探测到这些相互作用所释放出的热量和闪光。对于暗物质的直接探测实验一般都这设置于地底深处，以排除宇宙射线的背景噪声。这类的实验室包括美国的Soudan mine和DUSE、加拿大的SNOLAB地下实验室、意大利的大萨索国家实验室(Gran Sasso National Laboratory)以及英国的Boulby mine。　　2011年，大部分的实验使用低温探测器或惰性液体探测器。低温探测器是在低于100mK的环境下探射粒子撞击锗这类的晶体接收器所产生的热。惰性液体探测器则是探测液态氙或液态氩中粒子碰撞产生的闪烁。低温探测实验包括了CDMS、CRESST、EDEDWEISS及EURECA。惰性液体探测实验包含了ZEPLIN、XENON、DEAP、ArDM、WARP和LUX。这两种探测技术都能够从其他粒子与电子对撞的噪声中辨识出暗物质与核子的碰撞。其他种类的探测器实验有SIMPLE和PICASSO。　　方向性的暗物质探测方式是运用太阳系绕行银河系的运动。利用低压TPC，我们可以得知反弹路径的资讯，并借此去了解WIMP与原子核的作用。从太阳行进方向入射的WIMP讯号可以从各向同性的背景噪声中分离出来。这类的探测实验包括有DMTPC、DRIFT、Newage和MIMAC。　　2009年12月17日，CDMS的研究团队发表了两个可能的WIMP事件。他们估计这两起事件来自已知背景讯号(中子、错认的β射线或是伽马射线)的可能性是23%，并作出了这样的结论：“这个分析结果无法被视作WIMP的有力证据，但我们不能排除这两起事件来自WIMP的可能性。”　　2011年5月，CoGeNT实验公布先前15个月的探测结果，显示粒子的碰撞率呈现周期性变化，夏天较高而冬天比较低，这可以看作是暗物质存在的证据之一。这个结果支持已经进行了13年的意大利的DAMA/LIBRA暗物质探测实验。CoGeNT的实验结果显示，探测到的WIMP的质量是中子质量的5到10倍，这与某些其他的实验结果不符，但是其他实验对低能暗物质的探测精度没有CoGeNT高。　　三）间接探测　　暗物质的间接探测主要是观测其两两湮灭时所产生的讯号。 由于其湮灭所产生的粒子与其暗物质的模型有关，有许多种类的实验被提出。 假使暗物质是马约拉那粒子，则两个暗物质对撞会湮灭产生伽马射线或正负粒子对。如此可能会在星系晕生成大量伽马射线、反质子和正电子。然而在完全了解其他来源的背景噪声以前，这类的探测不足以当作暗物质的决定性证据。　　EGRET伽马射线望远镜过去观测到了超出预期量的伽马射线，但科学家认为这多半是来自系统中的效应。自2008年6月11日开始启动的费米伽马射线太空望远镜则正在搜寻暗物质湮灭产生伽马射线的事件。在较高能量区间，地上的MAGIC伽马射线望远镜已经对矮椭球星系以及星系团中的暗物质给予了某些限制。　　四）探测项目　　CDMS　　低温暗物质搜寻项目（CDMS），旨在使用探测器探测粒子间的互动，找到暗物质粒子引起的运动。美国科学家在位于加利福尼亚大学校园的隧道里的实验室2009年检测到了两种可能来自于暗物质粒子的信号。但他们同时表示，这些信号与暗物质粒子的相似度不高。他们在明尼苏达州的Souden煤矿地下约714米处安装更高级的实验室设备，以进行二期低温暗物质搜寻项目（CDMSⅡ）。暗物质现象会被进入地球的宇宙射线干扰，要减少宇宙射线μ介子粒子的背景信号影响，唯一的办法是到地底深处，这样才有把握确认暗物质的构成。　　AMS　　AMSAMS也被称为反物质磁谱仪，配备了超导磁铁和超高精度探测器，主要目的是探测宇宙中的反物质和暗物质，第一台AMS-01在1998年进入轨道。科学家认为阿尔法磁谱仪探测到的数据已经打开了一个全新世界的大门，这台价值20亿美元的仪器将揭开宇宙中的暗物质之谜，初步估计几个月内将公布重大的发现。宇宙的暗物质被认为只产生引力效应，不参与电磁力作用，我们可见的宇宙物质仅为4%，暗物质则占了23%，其余的为暗能量。暗物质的充斥着整个宇宙空间，将星系包围，科学家已经察觉到暗物质的存在，但是从来没直接观测到它的存在。　　丁肇中团队使用的阿尔法磁谱仪(AMS)，是安置于太空中的精密粒子探测装置，是至2013年以来灵敏度最高，也是最复杂、最昂贵的一台暗物质探测设备，代表了当今科学实验的最高技术手段，由16个国家和地区的600余名科学家历时近18年完成，耗资21亿美元，实验过程可能持续15至20年。　　CCDM　　由于综合了CCDM，标准模型在数学上是特殊的，尽管其中的一些参数至今还没有被精确的测定，但是我们依然可以在不同的尺度上检验这一理论。能观测到的最大尺度是CMB（上千个Mpc）。CMB的观测显示了原初的能量和物质分布，同时观测也显示这一分布几近均匀而没有结构。下一个尺度是星系的分布，从几个Mpc到近1000个Mpc。在这些尺度上，理论和观测符合的很好，这也使得天文学家有信心将这一模型拓展到所有的尺度上。

UI设计师在工作中需要清楚知道设计的目的，需要非常的了解你做的产品把针对的群体是哪一类人，如果你做的不是大众型产品，设计师就更应该站在用户群体的角度出来想问题。而不是从自身的喜好和偏爱来设计。不同年龄不同阶段的人群对颜色都各有偏好，而且生活习惯和生活方式也会有所区别，这就需要UI设计师合理的把控要点，就比如小米手机的老人模式一样，老人会喜欢什么样的颜色呢？增加样式是会产生干扰还是更好的体验感？按钮要多大才合适？在这种产品的UI设计时，设计师需要从头参与，而且到了设计环节时，设计师基本上已经心里有数了。　　交互设计的合理安排　　UI设计是指“界面设计”，UI设计也属于平面设计的一个分支，界面的的交互策划与设计是很重要的前置步骤，对最终的用户体验有很大的影响。　　一般来说，一个APP设计团队由产品经理、交互设计师、UI设计师、程序员组成。以我的了解，很多公司不设专门的交互设计师，而由产品经理完成相关工作。以下是我这里的工作流程。这个流程希望整个产品团队都能参与其中并共同加强对产品的理解。或者借一个时髦的概念，我是希望团队能具有更多Design Thinking，“设计思维”，来加强和推动解决问题的能力，并激发更多创新。　　在这之前，一定要把脚本应用场景和人物角色做出来。你做的产品在什么样的情况下会被人所接受，你的产品最重要的特点。设计是否合理，这都需用户角色来实现，而不是设计师或产品经理自己。把场景和角色描述清楚，并且让整个团队理解透彻，这能保证团队少犯错误。　　用户角色，实际工作中写文字描述就好，不用做的如下图一般高大上。如果你要给客户或Boss提案，可以做一个提升逼格。　　1.故事版：　　主要负责人：产品经理或交互设计师　　最早大家开始讨论用户体验流程，在白板上边画流程边添加粗略的UI元素。会后交互设计师会在在纸上做手绘版线框图。这阶段产品经理、交互设计师、UI设计师、包括技术工程师会一同作大量的讨论，而且主要讨论的是流程和主要功能，因此手画故事版最快最方便并易于修改的。　　此环节要敲定Userflow，用户流程及其中的关键步骤，每一步骤都是一个主要界面。　　2.关键界面线框图　　主要负责人：交互设计师　　在确定的用户流程中，选出几个关键的，有代表性的步骤，做细化的Wireframe线框图。线框图里要确保每一个UI元素的设计，包括其大小和位置。我们做的线框图是1:1的，也就是线框图与实际界面尺寸一致。1:1的线框图能在前期避免考虑不周和执行困难等很多问题的出现。　　此环节要确定关键界面里的UI元素和布局，以及全局的布局排版风格。　　3.重要界面设计　　主要负责人：UI设计师　　此环节交互设计师会按确定的用户流程及确定的布局风格来继续做其它界面的线框图。UI设计师则同时开始做关键界面的视觉设计，进行配色、样式不同风格的尝试。　　此环节要确定产品界面的视觉设计风格。　　4.原型线框图　　主要负责人：交互设计师　　此环节交互设计师要完成全部界面的线框图（1:1的）设计并且团队确认。　　5.原型设计　　主要负责人：交互设计师　　此环节依产品需求而定。如果静态的线框图还不能完整的体现出产品特点，那就需要做成可操作甚至有关键界面动画示意的可动原型。通常是HTML的可动原型，特殊项目也曾经做过Flash的。我还有一个奇葩朋友用PPT做过（PPT的开发工具+VB）几乎接近成品界面的可动原型。

1、引力透镜法2、旋涡星系的旋转曲线3、星系中的恒星或星系团中的星系的速度弥散4、星系团(及椭圆星系)的X射线气体的流体静力学平衡方法5、星系团的苏尼亚耶夫-泽尔多维奇效 间接探测WIMP。WIMP偶尔会撞上一个原子核。这一碰撞会散射原子核，进而使之和周围的原子核发生碰撞。由此科学家可以探测到这些相互作用所释放出的热量和闪光。对于暗物质的直接探测实验一般都这设置于地底深处，以排除宇宙射线的背景噪声。这类的实验室包括美国的Soudan mine和DUSE、加拿大的SNOLAB地下实验室、意大利的大萨索国家实验室(Gran Sasso National Laboratory)以及英国的Boulby mine。2011年，大部分的实验使用低温探测器或惰性液体探测器。低温探测器是在低于100mK的环境下探射粒子撞击锗这类的晶体接收器所产生的热。惰性液体探测器则是探测液态氙或液态氩中粒子碰撞产生的闪烁。低温探测实验包括了CDMS、CRESST、EDEDWEISS及EURECA。惰性液体探测实验包含了ZEPLIN、XENON、DEAP、ArDM、WARP和LUX。这两种探测技术都能够从其他粒子与电子对撞的噪声中辨识出暗物质与核子的碰撞。其他种类的探测器实验有SIMPLE和PICASSO。方向性的暗物质探测方式是运用太阳系绕行银河系的运动。利用低压TPC，我们可以得知反弹路径的资讯，并借此去了解WIMP与原子核的作用。从太阳行进方向入射的WIMP讯号可以从各向同性的背景噪声中分离出来。这类的探测实验包括有DMTPC、DRIFT、Newage和MIMAC。2009年12月17日，CDMS的研究团队发表了两个可能的WIMP事件。他们估计这两起事件来自已知背景讯号(中子、错认的β射线或是伽马射线)的可能性是23%，并作出了这样的结论：“这个分析结果无法被视作WIMP的有力证据，但我们不能排除这两起事件来自WIMP的可能性。”2011年5月，CoGeNT实验公布先前15个月的探测结果，显示粒子的碰撞率呈现周期性变化，夏天较高而冬天比较低，这可以看作是暗物质存在的证据之一。这个结果支持已经进行了13年的意大利的DAMA/LIBRA暗物质探测实验。CoGeNT的实验结果显示，探测到的WIMP的质量是中子质量的5到10倍，这与某些其他的实验结果不符，但是其他实验对低能暗物质的探测精度没有CoGeNT高。 暗物质的间接探测主要是观测其两两湮灭时所产生的讯号。 由于其湮灭所产生的粒子与其暗物质的模型有关，有许多种类的实验被提出。 假使暗物质是马约拉那粒子，则两个暗物质对撞会湮灭产生伽马射线或正负粒子对。如此可能会在星系晕生成大量伽马射线、反质子和正电子。然而在完全了解其他来源的背景噪声以前，这类的探测不足以当作暗物质的决定性证据。EGRET伽马射线望远镜过去观测到了超出预期量的伽马射线，但科学家认为这多半是来自系统中的效应。自2008年6月11日开始启动的费米伽马射线太空望远镜则正在搜寻暗物质湮灭产生伽马射线的事件。在较高能量区间，地上的MAGIC伽马射线望远镜已经对矮椭球星系以及星系团中的暗物质给予了某些限制。 CDMS低温暗物质搜寻项目（CDMS），旨在使用探测器探测粒子间的互动，找到暗物质粒子引起的运动。美国科学家在位于加利福尼亚大学校园的隧道里的实验室2009年检测到了两种可能来自于暗物质粒子的信号。但他们同时表示，这些信号与暗物质粒子的相似度不高。他们在明尼苏达州的Souden煤矿地下约714米处安装更高级的实验室设备，以进行二期低温暗物质搜寻项目（CDMSⅡ）。暗物质现象会被进入地球的宇宙射线干扰，要减少宇宙射线μ介子粒子的背景信号影响，唯一的办法是到地底深处，这样才有把握确认暗物质的构成。AMSAMS也被称为反物质磁谱仪，配备了超导磁铁和超高精度探测器，主要目的是探测宇宙中的反物质和暗物质，第一台AMS-01在1998年进入轨道。科学家认为阿尔法磁谱仪探测到的数据已经打开了一个全新世界的大门，这台价值20亿美元的仪器将揭开宇宙中的暗物质之谜，初步估计几个月内将公布重大的发现。宇宙的暗物质被认为只产生引力效应，不参与电磁力作用，我们可见的宇宙物质仅为4%，暗物质则占了23%，其余的为暗能量。暗物质的充斥着整个宇宙空间，将星系包围，科学家已经察觉到暗物质的存在，但是从来没直接观测到它的存在。丁肇中团队使用的阿尔法磁谱仪(AMS)，是安置于太空中的精密粒子探测装置，是至2013年以来灵敏度最高，也是最复杂、最昂贵的一台暗物质探测设备，代表了当今科学实验的最高技术手段，由16个国家和地区的600余名科学家历时近18年完成，耗资21亿美元，实验过程可能持续15至20年。 CCDM由于综合了CCDM，标准模型在数学上是特殊的，尽管其中的一些参数至今还没有被精确的测定，但是我们依然可以在不同的尺度上检验这一理论。能观测到的最大尺度是CMB（上千个Mpc）。CMB的观测显示了原初的能量和物质分布，同时观测也显示这一分布几近均匀而没有结构。下一个尺度是星系的分布，从几个Mpc到近1000个Mpc。在这些尺度上，理论和观测符合的很好，这也使得天文学家有信心将这一模型拓展到所有的尺度上。

UI设计师需要学习的软件有：图像处理软件photoshop、矢量图形制作illustrator、快速原型设计工具Axure RP、UI设计软件Sketch、动效设计软件After Effects、交互设计工具Principle、三维效果软件C4D、界面设计工具Zeplin、演示文稿Keynote及思维导图软件 X-mind等。结合每个软件的优势，完成UI设计中各自擅长的部分设计工作。Photoshop强大的图片处理软件，PS作为UI界面设计神器，有着强大的图片编辑和处理功能，任何图形都可以用PS来实现，可给图像添加各种滤镜，调整亮度，对比度等，生成高分辨的图形；Illustrator一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。作为一款非常好的矢量图形处理工具，该软件主要应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等；Sketch一款强大的界面设计工具，专为UI设计师打造的软件，可让你的界面设计变得更简单，更高效，用户能轻松地设置图层面板，可批量命名图层、智能标注页面、填充头像和文字等，可实现多层式填充、渐变、噪点等操作功能；After EffectsAdobe公司推出的一款关于图形和视频处理的界面设计工具，有着强大的动效视觉处理功能，可以帮助UI设计师对图像视频进行任何特效处理，是一个灵活的基于层的2D和3D后期合成软件，包含了上百种特效及预置动画效果；Principle一款交互原型和动效设计软件，软件操作简单，学习成本低，主要是做轻量级的交互动效，可支持xd，sketch等文件导入。能快速创建可视化的交互原型和赏心悦目的动态效果。使用Principle，能实现页面的转场、页面的联动、加载动画、元素变化等常见效果；C4D德国Maxon Computer公司开发的一款三维制作软件，以极高的运算速度和强大的渲染插件著称。关于三维立体的产品或者是场景都可以用C4D制作，广泛运用在影视后期、平面设计、电商设计、UI设计、栏目包装、产品展示、工业设计等领域；Zeplin专为UI设计师与开发工程师量身打造的协作型界面设计工具。操作简单，可以直接在UI界面上给开发人员添加注释，标记，备注等。填补了开发与设计之间的沟通障碍，为设计师和开发人员节省了大量宝贵的时间；

Sketch-强大的矢量绘图工具支持平台：只支持MacSketch是一款强大的界面设计工具，专为UI设计师打造的软件，可让你的界面设计变得更简单，更高效。如果你是一个UX或者UI设计师，那么你一定知道Sketch这个强大的UI界面设计软件。如果你想转行做UI设计师，那么你一定不能错过这个好用的设计工具。在Sketch中用户能轻松地设置图层面板，可批量命名图层、智能标注页面、填充头像和文字等，可实现多层式填充、渐变、噪点等操作功能；Sketch提供“全部导出”功能，因为它是基于矢量的，所以可导出PDF，JPG和PNG（可选择2x）等格式。不得不提的就是Sketch为设计师提供了丰富的插件，越来越能满足不同人群的设计需求，所有你需要的工具都触手可及。特色：出色的用户体验非常简单易用提供大量实用的插件Sketch插件集合可戳：sketch.im2.?Photoshop-强大的图片处理软件请点击输入图片描述支持平台：Windows＆Mac?Photoshop是最流行的图像编辑器之一，UI设计师入门的必备界面设计工具。相信不是设计行业的小伙伴，也略知一二。PS作为UI界面设计神器，有着强大的图片编辑和处理功能，想要什么的图形都可以用PS来实现，可用于摄影的后期制作，可给图像添加各种滤镜，调整亮度，对比度等，生成高分辨的图形。借助图层面板可非常简单和高效的处理修复图片；并且PS提供了不同文件格式保存的选项，调整图像大小和分辨率也不会丢失图像质量。PS：如果要制作图标，需要用到矢量绘图软件AI来制作，这样放大才不会失真。特色：照片处理技术（剪裁背景，裁剪，调整光线，调整颜色，过滤，消除红眼等功能）强大的图层功能处理副本时保存原件批量处理照片兼容其他Abode套件程序，如AfterEffect，InDesign，IllustratorPhotoshop可以将图像保存为各种格式PS插件集合：2018最新PS插件合集原来成为PS大神可以如此简单3.?摹客原型-快速的在线原型界面设计工具请点击输入图片描述支持平台：Windows＆Mac?强大的高保真原型设计，和协作平台完全融合。快速产出和精细设计两不误：产品经理、UX设计师可快速完成交互原型设计，轻松制作流程图；UI设计师可做到像素级的保真度。?特色：全新的主辅画板模式，可以灵活创建不同的交互效果。支持多人同时在线编辑同一项目，共同完成APP原型设计。自带钢笔工具、铅笔工具、布尔运算、响应式布局等特色功能，设计创作自由随心支持页面交互、状态交互、命令交互，以及设置多种触发方式和曲线，快速制作交互原型。设计稿中支持直接绘制流程图，清晰呈现项目逻辑。适用情景：中高保真原型，快速原型，WEB/移动端/平板原型，线框图，视觉稿4.?Zeplin-强大的协作工具请点击输入图片描述支持平台：Windows＆Mac专为UI设计师与开发工程师量身打造的协作型界面设计工具。作为一名UI设计师，你需要把你的设计传达给开发团队，而Zeplin的设计是为了实现这一目标。Zeplin操作很简单，设计师直接从Sketch上传制作的UI界面设计，应用会自动生成一些注释，在面板右侧会直观的看到每个元素的大小，颜色，边距甚至是某些元素的代码信息。另外，UI设计师还可以直接在UI界面上给开发人员添加注释，标记，备注等。填补了开发与设计之间的沟通障碍，为设计师和开发人员节省了大量宝贵的时间。特色：良好的用户体验轻松查看界面的间距，尺寸，颜色等创建样式，帮助设计团队保持一致。通过插件快速同步Sketch中的项目支持PS，Sketch，Adobe等工具5.?AE-强大的动效视觉处理软件支持平台：Windows＆Mac?请点击输入图片描述AdobeAfterEffects简称“AE”是Adobe公司推出的一款关于图形和视频处理的界面设计工具，如今动效设计在UI界面设计中的应用已经越来越广泛，而且国内许多公司开始重视动效设计了，所以作为UI设计师，也应该掌握一些动效设计。动效在UI设计中的应用其实比我们想象中的还要强大，好的动效设计可以给用户提供一个良好的视觉感受，从而加强与用户之间的交互体验。AE这款界面设计工具可以帮助UI设计师对图像视频进行任何特效处理，是一个灵活的基于层的2D和3D后期合成软件，包含了上百种特效及预置动画效果，可与Premiere，Photoshop，Illustrator等软件无缝结合，创建无与伦比的视觉效果。它还借鉴了许多优秀的软件的成功之处，将图像视频特效合成技术推到一个新的高度。特色：震撼的视觉效果与Premiere，Photoshop，Illustrator无缝兼容

Knocking on Heaven"s Door 先来介绍一下原唱： 这首是 Bob Dylan 在 1973 年为电影《 Pat Garrett And Billy The Kid 》所写的插曲。《 Pat Garrett And Billy The Kid 》是说一个名叫 Pat Garrett 的流氓，被委任为警长，要追捕自己从前好友 Billy the Kid 的故事。 这首应该是我最喜爱的 Bob Dylan 作品。 Dylan 寥寥几句，却道尽了 Pat Garrett 的痛苦、挣扎和绝望。成为背叛者，绝望地叩敲著天国紧闭了的大门，那是多少背叛他人、背叛自己、背叛信念、背叛理想的人的悲歌？谁说 Dylan 的歌词不是文学了？ 言归正传，以下是这首歌的n个版本（目前n＝14）： Adam Sandler - Knocking On Heaven"s Door.mp3 这个版本也成为搞笑版 Avril Lavigne(Alien DJ)-Knockin On Heavens Door .mp3 这个版本是dj remix过的，节奏快，不太喜欢。 Avril Lavigne-Knocking on heaven"s door.mp3 这个版本个人感觉是最好的，慢慢的，控诉这战争。 Bob Dylan- Knockin" on Heaven"s Door.wma 哈哈，原唱的版本当然也推荐啦～ Bon Jovi - Knocking on Heavens Door.mp3 Bon Jovi 曾经说过，他很想自己是 Bob Dylan ，在这个版本里，他也说了 Bob Dylan 如何影响他为Young Guns 这部电影写曲 Eric Clapton - Knocking on Heavens Door.mp3 没听过他们的歌，飘过…… Guns N" Roses-Knocking on Heavens Door.mp3 被誉为是最好的摇滚版本，嘿嘿，那么就第二推荐吧～～ Led Zeplin - Knocking On Heaven"s Door.mp3 另一个rock version Pink Floyd - Knocking on Heaven"s Door .mp3 Pink Floyd 版本，但其实是 Pink Floyd 主音 Roger Waters 个人翻唱，不算是 Pink Floyd 作品，不过，当然仍然是非常 Pink Floyd 风格的。 Tony rivera band -Knockin.mp3 再次飘过…… U2, Bob Marley 和 Dylan 在洛杉矶演唱会的现场版 (1987年)-Knocking on Heaven"s Door - .mp3 呵呵，U2也来唱这首歌，他们的风格，你应该也听听吧 Western Railroad-Knocking On Heavens Door.mp3 Western Railroad唱的已经比较有乡村味道了…… youme－ knockin on heaven"s door .mp3 又是一个吉他，又是一个女声。不过觉得唱得不如Avril有沧桑感 周华健-Knocking on Heavens Door .mp3 老周唱高音还有点Guns N" Roses的味道

Knocking on Heaven"s Door－14个版本 Knocking on Heaven"s Door 先来介绍一下原唱： 这首是 Bob Dylan 在 1973 年为电影《 Pat Garrett And Billy The Kid 》所写的插曲。《 Pat Garrett And Billy The Kid 》是说一个名叫 Pat Garrett 的流氓，被委任为警长，要追捕自己从前好友 Billy the Kid 的故事。 这首应该是我最喜爱的 Bob Dylan 作品。 Dylan 寥寥几句，却道尽了 Pat Garrett 的痛苦、挣扎和绝望。成为背叛者，绝望地叩敲著天国紧闭了的大门，那是多少背叛他人、背叛自己、背叛信念、背叛理想的人的悲歌？谁说 Dylan 的歌词不是文学了？ 言归正传，以下是这首歌的n个版本（目前n＝14）： Adam Sandler - Knocking On Heaven"s Door.mp3 这个版本也成为搞笑版 Avril Lavigne(Alien DJ)-Knockin On Heavens Door .mp3 这个版本是dj remix过的，节奏快，不太喜欢。 Avril Lavigne-Knocking on heaven"s door.mp3 这个版本个人感觉是最好的，慢慢的，控诉这战争。 Bob Dylan- Knockin" on Heaven"s Door.wma 哈哈，原唱的版本当然也推荐啦～ Bon Jovi - Knocking on Heavens Door.mp3 Bon Jovi 曾经说过，他很想自己是 Bob Dylan ，在这个版本里，他也说了 Bob Dylan 如何影响他为Young Guns 这部电影写曲 Eric Clapton - Knocking on Heavens Door.mp3 没听过他们的歌，飘过…… Guns N" Roses-Knocking on Heavens Door.mp3 被誉为是最好的摇滚版本，嘿嘿，那么就第二推荐吧～～ Led Zeplin - Knocking On Heaven"s Door.mp3 另一个rock version Pink Floyd - Knocking on Heaven"s Door .mp3 Pink Floyd 版本，但其实是 Pink Floyd 主音 Roger Waters 个人翻唱，不算是 Pink Floyd 作品，不过，当然仍然是非常 Pink Floyd 风格的。 Tony rivera band -Knockin.mp3 再次飘过…… U2, Bob Marley 和 Dylan 在洛杉矶演唱会的现场版 (1987年)-Knocking on Heaven"s Door - .mp3 呵呵，U2也来唱这首歌，他们的风格，你应该也听听吧 Western Railroad-Knocking On Heavens Door.mp3 Western Railroad唱的已经比较有乡村味道了…… youme－ knockin on heaven"s door .mp3 又是一个吉他，又是一个女声。不过觉得唱得不如Avril有沧桑感 周华健-Knocking on Heavens Door .mp3 老周唱高音还有点Guns N" Roses的味道

UI 设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计，也叫界面设计。UI 设计分为实体 UI 和虚拟UI，互联网说的 UI 设计是虚拟 UI, UI 即User Interface(用户界面)的简称。UI 设计师的职能大体包括三方面:一是图形设计，软件产品的产品“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量 UI 设计的合理性。UI设计目前的前景还是很不错的，很多企业都缺少 UI 设计师。而且可以看到的是，现在社会的发展，更多的智能机和智能机器人研发出现，这些都离不开UI 设计师。所以说 UI 设计的是很有前途的，是不会失业的。而且 UI 设计门槛不高，要入门也不难的。从工作内容来说，UI设计在当前的互联网领域、科技领域可以说无处不在，好的 UI 设计能够明显提升用户的使用体验,从而给产品带来更多的附加值,所以UI 设计对于互联网产品是非常重要的。目前 UI 设计通常分为两个大的工作方向，一个是交互设计,另一个是视觉设计。总的来说，UI 设计相比较于编程而言，还是非常适合大众学的并且就业前景很广阔。学完 UI 设计，能获得一份稳定而又不失乐趣的工作，同时有利于追求更高品质的生活，在艺术领域可以获得更多的启迪。

工具的重要性对于设计师来讲不言而喻。任何想法都需要借助工具来实现。想要成为一名出色的UI设计师，你需要多掌握一些技能，才能增强自身竞争力。同时也给那些想转行做UI设计师的朋友一些工具建议，接下来我们就来盘点一下那些UI设计师需要掌握的界面设计工具。1、Sketch-强大的矢量绘图工具支持平台：只支持MacSketch是一款强大的界面设计工具，专为UI设计师打造的软件，可让你的界面设计变得更简单，更高效。如果你是一个UX或者UI设计师，那么你一定知道Sketch这个强大的UI界面设计软件。如果你想转行做UI设计师，那么你一定不能错过这个好用的设计工具。在Sketch中用户能轻松地设置图层面板，可批量命名图层、智能标注页面、填充头像和文字等，可实现多层式填充、渐变、噪点等操作功能；Sketch提供“全部导出”功能，因为它是基于矢量的，所以可导出PDF，JPG和PNG（可选择2x）等格式。不得不提的就是Sketch为设计师提供了丰富的插件，越来越能满足不同人群的设计需求，所有你需要的工具都触手可及。特色：出色的用户体验非常简单易用提供大量实用的插件Sketch插件集合可戳：sketch.im2、Photoshop-强大的图片处理软件支持平台：Windows＆MacPhotoshop是最流行的图像编辑器之一，UI设计师入门的必备界面设计工具。相信不是设计行业的小伙伴，也略知一二。PS作为UI界面设计神器，有着强大的图片编辑和处理功能，想要什么的图形都可以用PS来实现，可用于摄影的后期制作，可给图像添加各种滤镜，调整亮度，对比度等，生成高分辨的图形。借助图层面板可非常简单和高效的处理修复图片；并且PS提供了不同文件格式保存的选项，调整图像大小和分辨率也不会丢失图像质量。PS：如果要制作图标，需要用到矢量绘图软件AI来制作，这样放大才不会失真。特色：照片处理技术（剪裁背景，裁剪，调整光线，调整颜色，过滤，消除红眼等功能）强大的图层功能 处理副本时保存原件批量处理照片兼容其他Abode套件程序，如After Effect，InDesign，IllustratorPhotoshop可以将图像保存为各种格式3、Mockplus-强大的原型界面设计工具支持平台：Windows＆MacMockplus是一款高效简单的app界面设计工具，产品经理圈子中比较流行的一款国产界面原型设计工具。软件提供了封装好的3000多个图标以及200多个组件，拖拽即可进行UI界面设计，学习成本低，无需代码参与，所以对于UI设计师来说是一个非常好的选择。如果一个UI设计师连基本的原型设计能力都没有，怎么和开发进行有效的沟通呢。特色：简单，零门槛丰富的图标及组件拖拽实现交互效果小程序预览，随时随地跟客户演示4、Zeplin-强大的协作工具支持平台：只支持Mac专为UI设计师与开发工程师量身打造的协作型界面设计工具。作为一名UI设计师，你需要把你的设计传达给开发团队，而Zeplin的设计是为了实现这一目标。Zeplin操作很简单，设计师直接从Sketch上传制作的UI界面设计，应用会自动生成一些注释，在面板右侧会直观的看到每个元素的大小，颜色，边距甚至是某些元素的代码信息。另外，UI设计师还可以直接在UI界面上给开发人员添加注释，标记，备注等。填补了开发与设计之间的沟通障碍，为设计师和开发人员节省了大量宝贵的时间。特色：良好的用户体验轻松查看界面的间距，尺寸，颜色等创建样式，帮助设计团队保持一致。通过插件快速同步Sketch中的项目支持PS，Sketch，Adobe等工具5、AE-强大的动效视觉处理软件支持平台：Windows＆MacAdobe After Effects简称“AE”是Adobe公司推出的一款关于图形和视频处理的界面设计工具，如今动效设计在UI界面设计中的应用已经越来越广泛，而且国内许多公司开始重视动效设计了，所以作为UI设计师，也应该掌握一些动效设计。动效在UI设计中的应用其实比我们想象中的还要强大，好的动效设计可以给用户提供一个良好的视觉感受，从而加强与用户之间的交互体验。AE这款界面设计工具可以帮助UI设计师对图像视频进行任何特效处理，是一个灵活的基于层的2D和3D后期合成软件，包含了上百种特效及预置动画效果，可与Premiere，Photoshop，Illustrator等软件无缝结合，创建无与伦比的视觉效果。它还借鉴了许多优秀的软件的成功之处，将图像视频特效合成技术推到一个新的高度。特色：震撼的视觉效果与Premiere，Photoshop，Illustrator无缝兼容加分工具-Dreamweaver支持平台：Windows＆MacDreamweaver是一款网页代码编辑器，帮助设计师和程序员快速制作和进行网站建设。为什么要把它单独列出来，是因为我觉得UI设计师不仅仅需要掌握一些界面设计工具，还需要学习和了解一些前端的布局和设计，才能够更好的配合前端工程师们做好产品开发的工作。UI设计师如果了解一些基础的代码知识，可作为一个加分项在面试中脱颖而出。【界面设计工具推荐】综上，如果你想要选择：最好的图片编辑和数码绘画工具：Photoshop最好的图标设计和图形界面设计工具：AI最好用的矢量绘图界面设计工具：Sketch最简单高效的界面原型设计工具：Mockplus归根结底，技多不压身，想要成为一名优秀的UI设计师，掌握界面设计工具只是其中一部分，UI界面设计需要设计师们掌握色彩搭配，设计规范，界面排版，沟通能力，切图标注，尺寸标注，用户体验等相关知识。因此需要的就是不断学习，不断坚持，不断的丰富自己的综合能力。

Knocking on Heaven"s Door－14个版本 Knocking on Heaven"s Door 先来介绍一下原唱： 这首是 Bob Dylan 在 1973 年为电影《 Pat Garrett And Billy The Kid 》所写的插曲。《 Pat Garrett And Billy The Kid 》是说一个名叫 Pat Garrett 的流氓，被委任为警长，要追捕自己从前好友 Billy the Kid 的故事。 这首应该是我最喜爱的 Bob Dylan 作品。 Dylan 寥寥几句，却道尽了 Pat Garrett 的痛苦、挣扎和绝望。成为背叛者，绝望地叩敲著天国紧闭了的大门，那是多少背叛他人、背叛自己、背叛信念、背叛理想的人的悲歌？谁说 Dylan 的歌词不是文学了？ 言归正传，以下是这首歌的n个版本（目前n＝14）： Adam Sandler - Knocking On Heaven"s Door.mp3 这个版本也成为搞笑版 Avril Lavigne(Alien DJ)-Knockin On Heavens Door .mp3 这个版本是dj remix过的，节奏快，不太喜欢。 Avril Lavigne-Knocking on heaven"s door.mp3 这个版本个人感觉是最好的，慢慢的，控诉这战争。 Bob Dylan- Knockin" on Heaven"s Door.wma 哈哈，原唱的版本当然也推荐啦～ Bon Jovi - Knocking on Heavens Door.mp3 Bon Jovi 曾经说过，他很想自己是 Bob Dylan ，在这个版本里，他也说了 Bob Dylan 如何影响他为Young Guns 这部电影写曲 Eric Clapton - Knocking on Heavens Door.mp3 没听过他们的歌，飘过…… Guns N" Roses-Knocking on Heavens Door.mp3 被誉为是最好的摇滚版本，嘿嘿，那么就第二推荐吧～～ Led Zeplin - Knocking On Heaven"s Door.mp3 另一个rock version Pink Floyd - Knocking on Heaven"s Door .mp3 Pink Floyd 版本，但其实是 Pink Floyd 主音 Roger Waters 个人翻唱，不算是 Pink Floyd 作品，不过，当然仍然是非常 Pink Floyd 风格的。 Tony rivera band -Knockin.mp3 再次飘过…… U2, Bob Marley 和 Dylan 在洛杉矶演唱会的现场版 (1987年)-Knocking on Heaven"s Door - .mp3 呵呵，U2也来唱这首歌，他们的风格，你应该也听听吧 Western Railroad-Knocking On Heavens Door.mp3 Western Railroad唱的已经比较有乡村味道了…… youme－ knockin on heaven"s door .mp3 又是一个吉他，又是一个女声。不过觉得唱得不如Avril有沧桑感 周华健-Knocking on Heavens Door .mp3 老周唱高音还有点Guns N" Roses的味道 你百度下基本就能找到个7788了。

zeplin、Marketch、摹客iDoc。这几个是我用过的标注插件，前两个是国外的，最后一个是国产工具，英语不太好的话可以用iDoc，PS／Sketch / XD都支持。标注的方式是自动+手动，自动标注可以标注百分比、多选标注，还可以一键查找相同元素，如果觉得表达不全面，也可以手动修改生成的数据或单独补充说明。另外iDoc是在线工具，不占内存，只用下一个小插件就可以，开发还可以直接复制代码，和标注属性，很方便。个人觉得这个产品做得还是不错的，值得体验。

第一，市场的需求。目前移动端互联网的发展趋势已经无法阻挡，人们的生活已经离不开手机，去超市购物使用微信支付或者手机支付宝支付；去一个新的城市旅行使用高德地图或者360相机等等，而这些用户在移动端的使用界面都是需要UI设计师通过对移动端界面的设计一步步操作的，因为企业将在用户交互方面拉开群雄逐鹿的态势争抢用户。两者相联的关系会持续发展的。第二，人才资源的稀缺。受互联网+时代崛起的影响，许多的行业大军也纷纷的踏入这个行业，为了加强在市场的竞争力，人才是企业背后的支柱，对高质量的UI设计师需求是越来越迫切的。第三，互联网的发展的脚步是非常快的，UI设计师也并不一定会停止在目前这个发展模式，它是会根据互联网的脚步去逐步改进它的发展方向的。 这里就会有疑问了，这样是不是就是饱和了？不对，只不过要求更高了，其实每个行业都一样的，淘宝刚创建的初期，有些商家也因此转了，现在很多人的淘宝店很难经营的起来是不是就意味着电商也饱和了？肯定不是，我们都还在初期，只不过要求的门槛提高了。所以这个时候需要认清的是自己的能力，然后进步去适应市场，提高自己的竞争力。

一.UI设计参与完成的流程。UI设计的工作流程会根据公司性质、规模、项目性质、项目规模、UI职能要求等的不同有所区别。UI设计参与完成的流程大致为：1. 参与需求评审，理解PRD2. 用户调研、情绪板梳理（主要针对一些对体验、视觉要求很高的产品，需要更加多关注人的设计，不是必要流程）3. 交互设计4. 视觉设计5. 视觉评审（视觉稿确定过后）6. UI走查、验收（开发提测后，发布前）在工作过程中，可能会组织团队成员对设计方案、项目进行复盘，这样细致的分工会把每个环节都打磨得非常到位。我们再来细分工作中的每一步，具体的工作内容是什么？1.参与需求评审，理解PRD一个项目全员开始动工，应该就是从需求评审开始。在产品理清楚需求后，会输出PRD或者原型草图，依据PRD或者原型草图来和项目组的全体成员澄清需求。在需求澄清会中，项目组成员会对需求、操作流程、业务逻辑等提出不同的问题，产品完善问题。需求澄清不会一次就让项目组全体成员清晰的明确所有需求，产品会根据大家的疑惑去不断完善需求内容，在多次的需求澄清后，大家达成一致的共识，正式开始动工。在这个过程中UI设计需要：（1）反复和产品沟通，确认，协助产品给出原型草图。（2）协助产品明确产品的市场定位、产品定义、客户群体、运行方式等。2. 用户调研、情绪板梳理产品、UI、UE等相关人员会依据产品的定位、竞品分析、目标用户的使用场景、需求、心理等提出用户的研究报告。在这个过程中UI设计需要：（1）参与讨论，输出纸稿线框稿、用工具制作线框图。（2）协助产品初拟产品设计方向和思路，提出可用性设计建议。3. 交互设计交互设计阶段一般由交互设计师（UE）和产品一起制定，根据可用性分析结果制定交互方式、操作流程、跳转流程等。在线框图阶段去设计交互流程，可以减少由于交互流程改变而带来的视觉设计的改变。这个阶段会输出原型图，以支持后面做详细的视觉设计。很多公司没有专职的交互设计师，交互设计由产品或者UI完成。在这个过程中UI设计需要：（1）这个过程，UI可以依据上一个流程中的输出，初步设计产品的风格，然后和产品不断推敲。（2）原型设计的不断完善，纸质草图-线框图-低保真-高保真（高保真原型成本较高，很多小规模的公司都不做高保真原型设计）。4.视觉设计视觉设计阶段，UI根据界面原型，对界面原型进行视觉效果的处理。该项目组的UI在明确界面风格、要求后，开始制作所有界面的视觉设计在这个过程中UI设计需要：（1）确定整个界面的风格、界面、窗口、图标、色调、按钮的表现。（2）完成所有界面的视觉设计，交出最终的视觉稿。5. 视觉评审在视觉稿确定之后，UI设计组针对界面做一致性测试、简洁性测试、美观度测试、用户体验测试、行业标准测试等。然后召集项目组所有人员召开原型的可用性测试评审会，发现可用性问题并提出修改意见。当视觉评审过了之后，配合技术部门实现界面设计的实际效果。在这个过程中UI设计需要：（1）针对提出的问题，对界面进行不断的完善。（2）参与视觉评审全过程。（3）配合技术部门实现界面设计的实际效果，给出最后的界面效果图，标注好距离、 尺寸、颜色、文字大小等。（4）输出前端开发工程师需要的切图。6. UI走查、验收在发布前，测试会针对可用性、用户体验、测试界面等对设计问题进行一下回馈，在依据这些问题把设计工作进行细节调整。再正式发布之后，收集市场上真实的用户体验并记录，为下个版本提供强有力的市场需求。在这个过程中UI设计需要：（1）不断完善界面设计。（2）UI人员把可行性建议进行完善，不断总结以备以后产品设计升级。当然，以上谈到的UI设计工作只是一个大致的流程，一个项目UI参与的流程肯定是会依据公司性质、规模、项目性质、人员配比等不同，所做的工作有所缩减或精分。二.那真实的流程是什么？以下是2个性质不同，业务方向不同的UI设计师，在项目中的真实经历。1.公司性质： 大型金融科技公司 项目类型：金融类营销项目 项目特点：定制化开发、用户多、营销性强，资金量大 开发模式：迭代开发大概的项目流程： （1）项目负责人：制定项目计划 （2）需求：根据用户诉求，分析产品规划，输出需求文档 （3）需求：依据初步的原型图和需求文档，对开发、测试澄清需求 （4）设计：根据需求，交互设计师设计原型图，输出交互稿；UI设计师输出UI稿。交互和UI评审 （5）开发：依据迭代要求和开发计划，开发对应功能模块 （6）测试：输出测试方案，依据测试计划和开发给出的转测范围，测试对应功能 （7）运维：迭代开发完成后，项目交付，进入运维期整个迭代开发的过程中，需求会给出产品模块之间的逻辑关系、内部流程，设计和需求对接，设计给出低保真原型图，设计和需求多次对接，完善原型。需求和原型通过评审和澄清之后，开发和测试开始动工。具体的UI工作流程见下：需求分析->交互设计->交互评审->UI设计->UI评审->上线前UI验收特点： （1）由于公司产品流量大，用户多。本着以用户第一的价值观，产品自身对用户交互习惯和页面美感设计要求比较高，保障用户体验第一 （2）需求稿中的产品示意图为简图，需求评审完成后，交互设计师和UI设计设计师都会输出高保真原型图进行评审 （3）产品上线前，项目负责人、交互设计师、UI设计师都会会产品功能、视觉进行验收2.公司性质：普通国企 项目类型：政府、军工项目 项目特点：定制化开发、用户基础少、专业性强 开发模式：迭代开发大概的项目流程： （1）市场：参与竞标拿到项目 （2）项目负责人：制定项目计划 （3）需求：和客户对接需求，输出需求文档 （3）设计：和需求对接，设计原型图 （4）需求：依据初步的原型图和需求文档，对开发、测试澄清需求 （5）开发：依据迭代要求和开发计划，开发对应功能模块 （6）测试：依据测试计划和开发给出的转测范围，测试对应功能 （7）运维：迭代开发完成后，项目交付，进入运维期整个迭代开发的过程中，需求会给出产品模块之间的逻辑关系、内部流程，设计和需求对接，设计给出低保真原型图，设计和需求多次对接，完善原型。需求和原型通过评审和澄清之后，开发和测试开始动工。具体的UI工作流程见下：需求分析->低保真原型->需求沟通->原型图 ->切图配合前端开发特点： （1）由于公司性质和项目原因，公司所有项目网页风格大致相同，视觉要求不会有社交类产品要求高，在流程中会弱化视觉设计。 （2）公司一个UI对对应多个项目，没有专门的交互设计师，需求人员也不会给出线框图去清晰描述内部流程，所以UI设计需要自己梳理需求中的逻辑关系，内部流程。 （3）项目成本原因，UI不会输出高保真原型图，输出的原型图能够支持需求和客户对接，能够和开发、测试澄清需求即可。当然这仅仅是两个UI的工作流程并不代表全部，但是UI设计的工作流程也大致相同，只是针对不同的岗位职责、不同的项目特点等会有不同的特点。比如，中高级设计师可能会主导一些项目，需要参与前期需求调研、立项到项目结束的整个过程，工作流程就比较复杂了。若公司规模较小，一个UI可能对应多个项目，可能就需要产品给出清晰的项目流程、逻辑关系、甚至是简单的线框图，方便UI快速给出对应的原型设计，在流程中会弱化草稿设计。若项目成本较低，UI不会输出高保真原型图，输出的原型图能够支持需求和客户对接，能够和开发、测试澄清需求即可。若公司没有专门的交互设计师，那交互设计的工作也有可能交给产品或者UI设计一并完成。三.综上所述，为了顺应不同公司、项目的需求，全链路UI设计成了目前UI设计市场上的抢手货，全链路UI又需要具备哪些技能？全链路顾名思义就是全都会，和全栈开发一个道理，就是设计的技能都会，参与的流程都懂 。一个全链路设计师你需要懂平面、懂交互、会插画、会动效、懂界面，一个人可以包揽品牌设计师、网页设计师、界面设计师、交互设计师的活，看看： （1）品牌设计师：具有独立的设计思考能力和洞察力以及具有艺术设计思维的创意设计能力，能独立完成企业品牌设计。主要精通工具： Photoshop,illustrator,CorelDRAW,After Effects （2）网页设计师：独立掌握企业站，专题站，淘宝电商的设计流程和方法，了解自适应和响应式的布局特点，掌握前端代码实现语言。主要精通工具： Photoshop,illustrator,After Effects,AX,X-mind,C4D,DW （3）界面设计师： 擅长IOS和Android等移动端界面设计，对大数据界面有独到的设计技巧，熟练掌握移动端设计的设计规范和流程。主要精通工具： Photoshop,illustrator,After Effects,AX,X-mind,Cutterman等（4）交互设计师：具有人机交互和用户体验思维，能够从用户的角度提供最佳交互设计方案，以便让设计师更完美的设计终端产品。主要精通工具： Photoshop,After Effects,AX,X-mind,Cutterman,蓝湖等。所以，UI设计参与的流程不仅会根据公司性质、项目性质、人员配比等不同有所不同，也会根据你掌握的技能有所区分。若能成为全链路UI设计，那你不管是在中小型企业还是大型互联网公司都可以胜任对应的工作。