UI设计开发工具介绍

UI设计开发工具介绍

1 UI设计概念

• UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网常用的UI设计是虚拟UI，UI即User Interface(用户界面)的简称。好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。
• UX是User Experience的缩写，即用户体验。

2 UI延申

• 现在的 UI 是全链路设计（严格来说，全链路设计还包括运营设计、营销设计等等，但是对于初学者，掌握UI+UX的狭义全链路设计，就已经很有竞争力了），要求设计师能够做好视觉和交互设计。对于很多中小规模的公司，公司并不希望花钱招聘分别的视觉设计（只画界面）和交互设计（设计界面流程），而是希望一个人能够把工作都做了。而对于大公司，要求综合能力，更是要两者兼备。
• 如我曾经就职的200人机器人公司，UI设计除了负责软件页面背景、LOGO、图标、布局设计外，还负责机器人（AGV、机械臂、服务器机器人、激光雷达）的外形设计。那哥们是东南大学的，能负责这么多，说明能力很强，同时也体现出了小公司希望能力全栈。

3 工具

3.1 文档

• Office 系列
• 语雀
• 石墨

3.2 信息架构

• MindManager
• X-mind
• Excel
• MindNode
• 语雀集成工具

3.3 原型设计

• Axure RP
• Sketch
• Adobe XD
• Affinity
• 墨刀
• 蓝湖MasterGo

3.4 图形处理

• Figma 在线，服务器在国外，制裁大疆等，可弃。
• PS
• Sketch（Mac）轻量级
• XD（Mac&Win）轻量级
• AI 深入
• Pixso 国内新起之秀，支持在线设计、多人协同，还有独家的团队云端资源库。国内亿图团队研发。
• Axure RP
• 蓝湖 MasterGo 在线使用、不需要安装、兼容Windows电脑和Mac电脑快捷访问、支持Figma、Sketch文件导入等功能，除了在大量图层的使用和编辑时可以提供同类产品最好的使用体验外，其中文界面更是解决了Figma无法实现本土化的痛点，让团队协作变得更简单、更轻松，成为真正具备“团队级”使用的国产设计工具。

4 网站

Dribbble
Awwwards
花瓣
优设

参考

1、百科–UI设计
2、UI设计理论和UI总结
3、优设
4、知乎–UI设计是什么？
5、uxtools