Bsport体育
UI 是指图形用户界面设计，从广义上来讲产品的功能架构、页面布局、内容信息都属于 UI 的范畴，但是实际上前面那些工作都会去交给交互设计师来完成，自己主要负责视觉部分，包括：产品视觉风格的定义、图标设计（包括 App 启动图标和页面内部的具体图标）页面设计（包括banner、各种控件元素、特殊页面、特殊状态、市场图等等）、视觉规范制定甚至设计系统。
很多人会分不清交互设计、UI设计和UX设计之间的关系，交互设计师（行业里一般称为 UE 或 UX ）和 UI 设计师（主要侧重视觉设计）同属互联网行业的两个重要职位，工作上需要密集衔接但又各有侧重。当前，同时具备交互设计能力和 UI 设计能力的全链路设计师正逐渐成为主流。
这里首先要提醒的一点就是，软件是UI设计师工作过程中所必备的工具，但是对于软件技能的学习需要点到为止，千万不可陷入到专研软件的漩涡里。
设计师最为重要的能力是设计师的专业能力。我们任何一个产品从一开始，就要先去做用户研究，要去理解这个产品的用户是什么样的，用户研究并不是我拍脑袋去做，他有一系列的标准的这些方法。 比如说一开始你要理解用户，然后你怎么做产品的概念，你怎么去建立产品的原型，你怎么后续一步一步做，从无到有，这些就体现出了我们的专业能力。
如果你想提高你的专业能力，我这里向你推荐一下知群的设计免费训练营。在这里你可以进一步系统的学习UI设计的基础知识，同时可以参与设计实战，做出一份成果的设计作品集，这样对你之后的发展也会更有帮助。
Office 系列必须会用，这是职场人的基础，这里不再多说了，使用 Mac 的同学也要会用 Pages、Keynote、Numbers。另外蓝湖、石墨、语雀等在线工具也有很多团队用于协作，这些工具大家都有一定的基础，学起来也不难。
这些也不用多说了，UI 设计师和交互设计师、前端设计师、产品经理都要保持密切协作，甚至有很多 UI 设计师具备全链路的能力，如果不想当一个只会画图、没有思维的工具人，这些必须要掌握。
UI 设计师在实际工作中可能不需要深入使用这些工具，但是为了了解交互、和交互设计师协作，这些软件多少要有了解。
这就是 UI 设计师的核心了，PS 是使用最广泛的，用 Sketch（Mac）和 XD（Windows）的也很多，Sketch/XD 比较轻量级，基本能满足 UI 设计师的日常工作需要，如果想在插画方面深入学习的话，可以学 AI。现在很多团队也开始使用 Figma，大家也可以去了解。
设计师每天工作都要打开 PS ，都要运用到 Sketch ，这些是看得着的工具，还有一系列的思考和分析的方法，这同样也需要设计师能够把这些方法运用起来形成一定的思维模式。
因此，大家在学习软件的时候一定不能顾此失彼，陷入到软件炫技的漩涡里去，对于设计是而言，软件只是工具，不需要过于精通，软件学到一定水平就要将重心放到设计理论的学习、设计思维的训练上来。
Dribbble 是一个著名的设计师作品分享平台，全球设计大神云集，在网站上搜索英文关键词便可看到相关作品。作品包括品牌设计、手绘插画、动效、排版、网页和移动端 UI 设计，是所有专业设计师寻找灵感、了解当今设计潮流、趋势不可错过的网站。
Awwwards. 是一个世界各地优秀设计师的聚合点，他们在这里寻找灵感、传授知识和经验、相互联系并分享具有建设性和富有尊重的批评。网站的口号是：“始终质疑”，“不断发展”，旨在表彰世界上最优秀网页设计师、开发人员和代理机构的才能和努力。
在这里我们可以看到 UI 设计、艺术插画、摄影、建筑、时尚、房地产、游戏、电商等 25 个分类下的作品。
花瓣网是国内的社交分享网站，网站允许用户创建和管理主题图片集合。用户收集了来自各个网站的优秀设计，在这里可以看到海量的优秀设计作品，你在查看一个作品时能够为你推荐更多优秀的同类作品，是设计师寻找灵感创意不可错过的网站。
花瓣网的页面采用流式，用户浏览时内容自动加载，无需翻页，用起来简直不要太轻松！
设计圈旨在为设计师、产品经理提供同频次的职业交流平台。在这里你可以学习和设计、产品相关的理论知识；临摹分析规范作品集；搜索查看高清图片素材、设计流程；和同行业产品经理、UI设计师、UX设计师交流，共同成长为界面设计和产品设计专家。
每日一更，都是很干货的产品经理、交互设计、UI 设计相关的文章，大家可以关注「知群」公众号订阅学习。
最美应用是老牌的应用推荐平台，一直以推荐“好看、好用、好玩”的移动端产品为使命，大家可以关注“最美应用”推荐的产品和专题。最美应用推荐的产品往往在功能、设计、交互方面有着独到的地方，在各个领域都已经成为红海的今天，这些产品为什么能脱颖而出？值得大家深入研究和思考。
UI的本义是用户界面，是英文User和interface的缩写，是指对软件人机交互、操作逻辑、界面美观的整体设计，我们日常生活中，只要是带有电子屏幕的设备，都需要有UI设计。
UI设计师简称UID(User Interface Designer)，指从事对软件的人机交互、操作逻辑、界面美观的整体设计工作的人。
UI设计师的工作主要包括：移动应用界面设计、高级网页设计以及各类新兴的面向用户的场景下界面呈现设计。
当你点开手机里的一个App，看到的ICON、界面或者界面元素，所有这些视觉产物都出自UI设计师的妙手。当然，除了手机以外还有电脑、平板、电视、取款机、游戏机等，不太严谨地来说，只要有屏幕的地方就会用到UI设计。
UX/UE（User Experience）是用户体验，指用户在使用产品的过程中的主观感受，包括行为、情感、成就等各个方面，用户体验主要受到用户界面、品牌、个人经验的综合影响。
一个合格的UI设计师需要经常关注科技和审美的趋势，来调整自己的设计方向。等你也达到了一定的高度，便可以像大神一样独领风骚。
很多时候，UI设计师也需要对产品后续运营中的视觉设计需求负责，比如：制作banner，海报，活动页面，制作品牌设计、logo等。
当然，也正是因为拥有了这些能力，UI设计师的就业范围和晋升渠道都很广，因为你的能力既可以胜任大多数视觉设计工作，又可以往产品经理PM、产品设计师PD、首席技术官CTO等方向发展。
软件Bsport体育，始终只是实现界面设计的工具，而不是我们学习UI设计的根本。你的审美眼界、思维方式、对业务流程、视觉美感的把控，才是需要核心学习的重点。
UI设计属于互联网行业，这是一个风云变化，迭代迅速的行业。从1987年Photoshop软件问世，到现在已经有33个年头了。
而我们所有使用的设计软件，也一直在追随设计内容，不断更新迭代。就像Web前端开发领域一样，总有新的技术框架（react.js、vue.js、小程序、flutter...）一直都在涌现一样。
如今，我们的基础设施升级了、团队协作更紧密了，一些支持组件化设计、插件库的UI设计软件，显然在这个时代会更有优势。
截止目前为止，除了以万能的PS为代表的设计软件，如今的UI设计软件市场上，是四分天下的局面，它们分别是：Sketch、Adobe XD、Photoshop、Figma。
我么来看一下这几款软件的，问世时间点。Photoshop诞生于1987年，那是个人PC兴起的时代。Sketch诞生于2010年。因为PS太过臃肿了，做UI设计用PS显得大材小用，Adobe XD在2016年被推出。
如今设计UI设计，团队协作的需求愈发明显，Figma软件在UI设计领域开始展露头脚。这款软件跨平台MAC、Win电脑适用，无需下载，在浏览器中就可直接使用。
只需一个链接，即可实现文档共享。产品经理、甲方、前端工程师，可以直接在文档中批注、提意见，重构提取样式信息，团队其它设计师也可以协作设计，快速整合项目。设计文档再也不需要用QQ传来传去了，云端始终保持最新状态。
这款软件的使用，也是非常简单的，在国外早已普及开来，目前国内已经有小团队在开始适用推广这款软件，我想在2020年，Figam将会成为UI设计的潮流软件。
我们再来看看这几款软件，对平台的支持、以及对功能模块。PS对插件、组件库的支持都不是很理想。
所以，在Mac平台，Sketch + Figma 是一个非常给力的互补组合。在Win平台，Figma + Adobe XD，是UI设计师可以首要考虑的软件组合。
对「界面设计」的友好支持程度。在做无需适配的网页、电视UI时，Photoshop依然很好用，移动端设计，则逊色于其他三款。
对「系统组件库」的支持。XD目前还不是很完善，不太稳定，而Photoshop倒下了。
以上，提及的4款软件，都是专为UI设计而生的软件，除此之外，身为UI设计师，我们要做的工作，可能远不止界面、线框图的绘制。还有插画、动效、动画之类的设计工作要做，所以为了更高效率的完成工作，我们还需一些专业的设计软件做辅助。
AE —— 专业的动效软件，用作页面转场的UI动效，增强体验的UI动画设计等。
Xmind —— 用作产品核心需求整理、页面逻辑梳理、头脑风暴创意整理。
在这最后，再附上一张国外UX设计工具的调查投票，排名越靠前代表投票最多。
在此，@酷coo豆还想再提一下：UI设计软件千千万，但它始终只是实现界面设计的工具，而不是我们学习UI设计的根本。
所谓，良禽择木而栖，良臣择主而事。优良的UI设计师，要学会挑选适合自己有条件获取到的UI设计软件。
你在UI设计行业里，长期积累的专业审美、思维方式、对业务流程、视觉美感的把控，才是你与众不同的闪光点。
UI即User Interface（用户界面）的简称。泛指用户的操作界面，包含移动APP网页智能穿戴设备等。UI设计主要指界面的样式，美观程度。而使用上，对软件的人机交互、操作逻辑、界面美观的整体设计则是同样重要的另一个门道。好的UI不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。（引用至百度）
其实更多的需要学习设计心里学，用户体验方面的知识。具体的可以参照我之前发的文章
我们常说的 UI 设计，即用户界面设计“User Interface Design”，大家常常混淆几个概念：UE、UX、UI 、GUI、ID，我们一起看看他们之间的关系和区别：
很多传统的企业把 UI 设计等同于美工，实际上有很大的差别，美工主要是负责界面的美化，而 UI 设计师不仅要负责界面的美观，还要站在产品的角度，参与流程的优化、把设计进行工程化的输出。比如有人说学好 PS 再去临摹一些界面就能成为 UI 设计师，对不起，还差得远。
优秀的界面视觉设计，一定是便于用户使用的。利于使用，是设计的根本需求。设计师未必是好的艺术家，好的艺术家也未必是好设计师
我们遇到不少初学UI设计的同学在问：“学设计要从学手绘开始吗？”有这样的疑问，其实是没有区分开设计和艺术的不同。设计和艺术是不一样的：设计本身是服务于产品，是在一定规范下完成信息的传达，而艺术品纯粹重在表达。UI 设计师是用自己的设计服务于产品，在视觉规范下完成信息的视觉传达和表现，最终满足用户的需求。
在尼尔森可用性标准中，有一个易学性原则。遵循这个原则，在保持美观性基础上,更重要的是能够准确、快速、有效地传达信息，让用户更容易学会使用。
设计师如何能让用户快速、有效、容易地使用产品？那就需要设计师保持在产品中的设计元素的统一性。
这里提到的统一指的是在同一套标准下，设计上面的统一，即同样的功能保持一致。设计师需要建立和维护视觉设计规范，来保持设计的统一性。我平时不管是带新人还是教别人，都会通过大厂的设计规范，让大家学会如何建立和维护视觉设计规范，便于保持设计元素的统一性。
针对相同的功能，在视觉呈现上保持一致，达到统一的效果。统一是降低学习成本的关键，统一的界面设计，可以降低用户的学习成本，能够提高产品使用效率。
好的设计在视觉上必须是美的体现，这里有一个关键点：对于目标用户来说，设计要好看。
这里的的关键点就是“目标用户”认为的好看。设计并不是设计师主观上的好看，而是需要深入了解和考虑目标用户的审美喜好，做出他们觉得好看的设计。
比如：你作为设计师，要为3-6岁的儿童设计一个界面，那么你就需要深入了解这个年龄段的孩子认为什么样的美的。或许作为成年人的我们认为“性冷淡”风更显高级，但是对于孩子来说，“红配绿”或许是他们最爱的。
比如你要画一个星星图标，不仅需要画出一个“星星”的形态，还要符合造型审美。
你画的这个星星不仅有“星星”的造型，还要有质感，比如毛茸茸的质感、大理石的质感。
你怎么为“星星”进行色彩配色，比如说用渐变邻近色，还是选择对比色配接起来配色。
你把这个“星星”做好之后，放在界面里面，需要注意哪些，比如界面最小可点击范围是48px * 48px，那么就要注意这个“星星”图标尺寸不要小于这个尺寸。
当图标这种小元素做完之后，放在整个界面里，要注意优先级排序，以及界面与界面之间的逻辑关系。
Office 系列必须会用，这是职场人的基础，这里不再多说了，使用 Mac 的同学也要会用 Pages、Keynote、Numbers。另外石墨、语雀等在线工具也有很多团队用于协作。这些工具大家都有一定的基础，学起来也不难。
这些也不用多说了，UI 设计师和交互设计师、前端设计师、产品经理都要保持密切协作，甚至有很多 UI 设计师具备全链路的能力，如果不想当一个只会画图、没有思维的工具人，这些必须要掌握。
纯粹的美工，噢不，是 UI设计师，在实际工作中可能不需要深入使用这些工具，但是为了了解交互、和交互设计师协作，这些软件多少要有了解。
这就是 UI 设计师的核心了，PS 是使用最广泛的，用 Sketch（Mac）和 XD（Windows）的也很多，Sketch/XD 比较轻量级，基本能满足 UI 设计师的日常工作需要，如果想在插画方面深入学习的话，可以学 AI。
Dribbble 是一个著名的设计师作品分享平台，全球设计大神云集，在网站上搜索英文关键词便可看到相关作品。作品包括品牌设计、手绘插画、动效、排版、网页和移动端 UI 设计，是所有专业设计师寻找灵感、了解当今设计潮流、趋势不可错过的网站。
Awwwards. 是一个世界各地优秀设计师的聚合点，他们在这里寻找灵感、传授知识和经验、相互联系并分享具有建设性和富有尊重的批评。网站的口号是：“始终质疑”，“不断发展”，旨在表彰世界上最优秀网页设计师、开发人员和代理机构的才能和努力。
在这里我们可以看到 UI 设计、艺术插画、摄影、建筑、时尚、房地产、游戏、电商等 25 个分类下的作品。
花瓣网是国内的社交分享网站，网站允许用户创建和管理主题图片集合。用户收集了来自各个网站的优秀设计，在这里可以看到海量的优秀设计作品，你在查看一个作品时能够为你推荐更多优秀的同类作品，是设计师寻找灵感创意不可错过的网站。
花瓣网的页面采用流式，用户浏览时内容自动加载，无需翻页，用起来简直不要太轻松！
设计圈旨在为设计师、产品经理提供同频次的职业交流平台。在这里你可以学习和设计、产品相关的理论知识；临摹分析规范作品集；搜索查看高清图片素材、设计流程；和同行业产品经理、UI设计师、UX设计师交流，共同成长为界面设计和产品设计专家。
最美应用是老牌的应用推荐平台，一直以推荐“好看、好用、好玩”的移动端产品为使命，大家可以关注“最美应用”推荐的产品和专题。最美应用推荐的产品往往在功能、设计、交互方面有着独到的地方，在各个领域都已经成为红海的今天，这些产品为什么能脱颖而出？值得大家深入研究和思考。
大多数设计师在实际工作过程中，一个人独立负责整个产品的设计、UI 设计师兼顾交互和产品的情况屡见不鲜，在实际工作中如果没有老师指点，很多人只能在低水平重复劳动。临摹作品可以帮助我们提升技能，但是想通过实战获得更大的突破，不妨参加各种行业内的比赛，尤其是准备入行或航入行的新人，通过项目驱动自己成长。
站酷网常年会有大量的设计比赛，大家可以选择自己擅长的领域和优秀的同行一起碰撞交流，其中不少活动是与知名企业合办，奖品丰厚。
由知群举办的中国产品设计大赛主要针对产品设计领域，是产品经理、交互设计师和 UI 设计师展现技能的舞台，以往和阿里、腾讯、携程、知乎联合举办过多期，有不少在比赛中表现优异的同学直接拿到了大厂的 offer。
目前和映客举办的以2020·重启社交网络为主题的大赛（分多期持续举办），有经验的产品设计师可直接参赛；有热情却没经验的同学可以跟一个完整的项目流程；对设计感兴趣的同学也可以围观学习。关注「知群」服务号即可报名。
最后给大家一个福利，想学习 UI 设计但是还不甚了解，现在处于规划期或迷茫期的同学，推荐两个训练营，针对知乎的同学，现在可以免费申请。
1.职场能力提升训练营：找实习、找工作和职场提升，个人定位、结构化思维、数据思维、沟通和协作能力、个人项目管理、时间管理、知识体系搭建。
2. 产品经理和 UI/UX 训练营：入门、跨专业转行、野路子提升，认真学习可以获得包含上百个知识点的高清能力地图。
UI 设计中的 UI 是英文User Interface的缩写，直译过来就是「用户界面」。初次接触 UI 设计，你可能对这个术语比较陌生，但其实你每天都能接触到它——它就潜藏在你每天用的各种 App 当中。
用户界面是应用程序的图形布局。它由用户单击的按钮、阅读的文本、图像、滑块、文本输入字段以及用户与之交互的所有其他元素组成。这包括屏幕布局、过渡、界面动画和每一个微小的交互。
UI 设计师的工作，很大程度上决定了应用程序的外观，在进行 UI 设计时，他们必须决定配色方案、按钮形状、线条的宽度和文本使用的字体，可以这么说，UI 设计师决定了用户最终可以看到的界面外观和感觉。
UI 设计需要用到的软件分为两大类，一类是核心软件，例如Sketch、Adobe XD、FigmaPixso，一类是辅助软件，例如平面设计软件中的常客Photoshop、IIlustrator，可用来制作核心软件无法实现的效果。
Sketch，一款在 Mac 电脑上非常受欢迎的 UI 设计软件。Sketch 拥有直观的界面，对新手用户来说比较好上手，可以轻松创建出漂亮的界面。
Sketch 最初是一个基于 Web 的 UI 设计工具，不过后来随着 Sketch 的发展，它的发展方向转移到了客户端，从 2010 年推出至今，客户端只支持 macOS 系统，这也导致了使用 Windows 和 Linux 系统的用户无法用上 Sketch。
需要说明的是，Sketch 是一款付费软件，采用订阅制，普通会员每月需要支付 9 美元的费用。
除了无法在其他系统上使用，这些年随着远程办公的流行，不少设计师对支持在线协作的 UI 设计工具也产生了需求，Sketch 的产品迭代比较缓慢，没有及时跟进用户的需求，这也让不少人从 Sketch 转向了支持在线协作的一站式 UI 设计工具，这类工具目前的代表产品是Figma。
但由于 Figma 是一个海外产品，没有在国内架设服务器，在实际使用中存在不少「水土不服」的现象：界面为英文、增大使用难度，部分内置字体不兼容中文内容，网页链接加载时间长甚至报错。
不过，Figma 目前在国内体验不佳的问题，也不是完全没有解决办法，国内有不少团队跟进 Figma 存在的缺点，推出了对标 Figma 的同类型产品，其中就有一款体验流畅、完全免费的在线设计工具——Pixso。
Pixso，一站式 UI 设计协作工具，为国内 UI/UX 设计师、产研团队、产品经理、设计师量身打造的专业工具，无需特殊上网环境，全中文语言环境，在线复用本土设计资源，本地部署享更多私有化功能。
在界面布局方面，Pixso 沿用了 Sketch、Figma 的布局方式，左侧是图层、组件面板，右侧是元素的属性面板。如果你之前用过 Sketch 或 Figma，第一次使用 Pixso 也不会觉得非常陌生，而且有了之前的基础，上手掌握 Pixso 也是分分钟的事。
与前面介绍的 Sketch 最明显的差异在于，Pixso 是基于云端的设计工具，使用前无需安装，在浏览器打开网址就能使用，不需要等待软件完成安装。
当然，如果你经常需要用到 Pixso，也可以选择在电脑上安装客户端，Pixso 支持 Windows 和 macOS 系统。
Pixso 目前对所有个人用户免费开放，注册后可获得：不限制文件数量、协作者数量和无限云存储空间等权益，对比 Photoshop，使用 Pixso 每年可以省下一笔不小的订阅费~
用过 Adobe 全家桶的朋友，可能都有过这么一种体会，Adobe 的功能比较复杂，学习成本较高，使用之前需要先到网上找一些教程学习，本想着入门，但多数时候只是从入门到放弃罢了。
而对于 Pixso，它的学习曲线非常缓，界面和功能都很简洁，即便是零基础的朋友也能很快上手。
在 Pixso 官网，Pixso 团队提供了 Pixso 快速上手的学习教程和图文并茂的使用手册，详细列出了使用 Pixso 的要点和技巧，帮你更快地上手 Pixso。
使用过程中有不清楚的地方，可以先尝试在使用手册中搜索你遇到的问题，自助找到解决方法，或是联系 Pixso 团队，他们也会及时响应你的需求。
对于非设计专业的人而言，想要又快又好地做出一张图片，单纯掌握软件的使用，用处可能并不大，因为从掌握软件到做出好看的作品，中间还隔着十万八千里——长时间的设计实践和投入。
为降低设计做图的门槛，Pixso 上线了提供各种设计素材和模板的资源社区，现成的设计素材缩短了设计前期搜集素材的时间，设计模板则可以很好地复用到自己的项目中，加快设计出图的效率。
Pixso 资源社区的素材模板，既有来自 Pixso 官方团队，也有来自用户的主动上传，每月都会更新。
往常用其他设计软件做图，如果源文件的体积比较大，但又要与别人共享文件时，最常采用的方式，就是用 U 盘或网盘来传输源文件。
老实说这两种方式都比较低效，U 盘会受限于空间位置，不便于异地协作，网盘则会有下载限速的问题，白白浪费了宝贵的时间。
得益于 Pixso 主打云端协作的特性，在 Pixso 中做好的图，可以点击右上角的「分享」按钮，以链接的形式分享给别人，他人收到链接后，打开就能直接查看源文件，中间不需要任何等待。
如果你之前的源文件存放在本地，并且属于 sketch、xd 和 svg 中的任意一种格式，可以将它们上传到 Pixso，以 Pixso 为桥梁，借由 Pixso 高效的链接分享能力，将源文件分享给有需要的朋友，摆脱 U 盘或网盘的分享方式。
综上，就是 Pixso 这款轻量级 UI 设计软件的 5 个优点啦，稍微做一下总结：
▶ 浏览器打开即用，无需安装▶ 个人版限时免费，零成本支出▶ 快速上手，不再从入门到放弃▶ 丰富的在线资源社区，降低设计门槛▶ 链接分享，摆脱 U 盘
Pixso 现阶段对所有用户免费开放，在 Figma 中收费的功能，Pixso 都可以免费使用，早用早享受，快来试一下吧~
相比于前面介绍的比较小众的 UI 设计软件，Photoshop 可以算得上是国民级软件，不管你有没有用过它，但一定少不了听说它的各种强大功能——抠图、磨皮、瘦脸，甚至是造假来玩弄别人。
Photoshop 是一款位图处理软件，在平面设计领域中应用非常广泛，无论是图书封面，还是人像处理、海报制作等工作，都可以使用 Photoshop 来完成。
基于这个特点，在 UI 设计软件中无法实现的图像效果，我们可以先在 Photoshop 中处理，完成之后再导入 Pixso 中进行后续的处理，两个软件发挥各自的长处分工协作，实现 1+1 2 的效果。
以上，就是本次想和大家分享的内容，希望对想学习 UI 设计的朋友有帮助。
最后，别忘了前面说到的，Pixso 现阶段对所有用户免费开放，在 Figma 中收费的功能，Pixso 都可以免费使用，早用早享受，快来试一下吧~