UI 设计中的 UI 是英文 User Interface 的缩写，连起来就是用户界面设计，用户界面是用户与数字设备或产品之间发生交互的界面，例如智能手机上的触摸屏，或者是咖啡机上选择咖啡种类的触控板，它由两个部分组成：
视觉设计，用于传递产品的外观和感觉；交互设计，是元素的功能和逻辑组成。UI 设计的目标在于创建一个能够让用户轻松、高效且愉快地与产品交互的界面。
在进行 UI 设计时，首要的是考虑用户的视觉体验，一个优秀的视觉设计，应尽量减少用户在与产品交互上所付出的成本，帮助用户轻松实现他们的目标。
设计师可以使用多种用户研究方法（用户访谈、焦点小组、问卷调查、可用性测试等），来了解设计的界面最终面对的目标受众，确保在设计中引入适合受众的视觉语言，提高产品的易用性，避免给用户带来疑惑。在实际执行过程中，视觉设计涵盖产品界面所有视觉交互元素的设计，包含按钮、图标、间距、排版、配色方案和响应式设计。
至于交互设计，主要在于设计用户的操作流程、交互逻辑、交互时触发的反馈或动效，具体而言，UI 设计师需要思考用户可能遇到的所有单个屏幕和触点，确定点击按钮弹出的页面、向下滚动页面或在图库中滑动所使用的动画效果。
单纯看理论性的东西，可能会觉得有些「虚」，不够接地气，我们也可以结合 UI 设计中需要用到的软件工具，从实践练习的角度，对 UI 设计形成一个更全面的认识。在 UI 设计工作流中，UI 设计师既要承接产品经理、交互设计师的产品需求，又要对接研发以推进产品的最终实现，所以传统的 UI 设计工作流，需要使用很多工具，UI 设计师要完成一个项目，往往需要在多款设计工具上来回横跳：
不过随着 UI 设计工具的发展，诞生了不少 All in one 的一站式工具，其中就有一款名为 Pixso 的 UI 设计软件，集原型、UI、交付和管理于一身，替代了原先需要用到多款软件的工作流，真正做到“一个团队一个工具，一个项目一个文档”！
Pixso 内置了非常多亮眼的功能，且听皮仔展开说说~
首先，Pixso 是一款基于云端的 UI 设计工具，无需下载客户端，支持导入 Sketch、SVG 等文件，随时可以迁移至 Pixso 进行设计。
Pixso 拥有灵活的钢笔工具，不同于 Sketch 只能在线上增加点或移动单个点，在 Pixso 中移动绘制的矢量线条，所有连接的点会自动跟随。
另外，还可以对矢量线组成的不同区域进行填充颜色哦。(´･ᴗ･`)
在 Pixso 中，不仅支持一键商用海量全球知名大厂设计资源、快速绘制高保真原型，还能设置页面跳转、转场与时长等原型动效。
Pixso 资源社区，一键复用大厂设计资源 ▼▼：
同时，设计组件和样式都可以复用，设计师修改后原始组件即可同步更新副本组件。在进行版本迭代的时候，也只需要修改组件和样式，不用一切从头再来。
团队内部可以创建一套共享的资源库，各个成员制作的组件可以放到一处，统一管理设计资源，并形成产品独有的设计规范。
后续如果有新成员加入设计团队，再也不需要将资源库手动分发给新成员，直接邀请加入团队，就可以看到内部共享的所有资源啦。( • ̀ω•́ )✧
传统的设计研发交付，流程比较繁琐，以 Sketch 为例，需要先从 Sketch 导出设计图，再将文件导入第三方工具 Zeplin，才能实现自动切图和标注。
而且使用 Sketch + Zeplin 进行交付的工具流，也存在不少缺点：Sketch 只支持 macOS 系统，与 Windows 用户无法很好地协作；Zeplin 的服务器在国外，有时会由于网络问题导致无法正常使用。
现在，产品研发场景使用 Pixso只需要一个链接，就可以同时完成预览、评审、标注查看和切图。
除了以上，Pixso 还具有自动标注功能，标注会按更新的设计稿自动生成，研发可以自动获取代码并复制，有效缩短开发周期。设计师只需生产一个图标，研发就可以直接导出多倍图（x1、 x2、x3...），大大提高工作效率！
✔线上协作，云端储存，减少设备运行、储存成本✔团队资源库，提升工作效率，统一项目视觉效果✔一键交付，节约沟通成本和信息误差✔进度实时查看，自动代码交付，让项目进度透明化
看完前面的 UI 理论和实战环节会用到的 UI 设计工具，不知道你对「什么是 UI 设计」是否有了更清晰的认识呢？
如果有的话，别忘了双击屏幕让皮仔知道哦～
对你有帮助的话，请别了赏个【三连】或是【关注】我哦，关注不迷路！
我是皮仔 @Pixso协同设计 ，那我们下次再见咯。
