如何提升UI设计思路？新手设计师必看！

更新时间：2023-02-10 10:39:41

如何提升 UI 设计思路？我记得我看到一句话，很精准的总结了答案：「设计没有什么捷径，有的只是多看、多想、多做，逻辑思维明确了，思路清晰了，累积多了，项目方案就好解决了」。其实很多学习上的精进，都没有什么神奇的方式，不是有句话说吗“以大部分人努力程度之低，还轮不到拼天赋。”这句话也说得很清楚了，UI 提升之路的秘诀只有一个：勤奋且能坚持有方法的勤奋，那么离成为第一个优秀的 UI 设计师就不远了。而想要提升 UI 设计思路也是一样的路径。

在讨论如何提升 UI 设计思路之前，我们先从基础问题谈起。什么是 UI 设计？

UI设计是指软件人机交互、操作逻辑、界面美观的整体设计，从产品定位中挖掘视觉风格，对界面元素（按钮、控件、字体、图标等）的属性进行标准化和规范化，完善设计细节输出高保真图与风格指南。好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。

UI 设计主流的工具主要是用sketch、 XD，随着时代的发展，现在的 UI 设计工具又升级了不少，更多人会选择可以在浏览器上做设计——不用下载客户端的云端设计工具，国外的软件主要是 Figma，国内的软件主要是即时设计。

做出优质 UI 设计的方法主要有 3 种：“头脑风暴”可以穷尽集体智慧挖掘产品的核心关键词，碰撞出有价值的设计思想，为产品快速找到定位；“情绪版法则”将产品带给用户的情绪因素，通过一系列图片进行可视觉化表达，有效的推演出风格和方向, 同时具化产品的配色方案；“竞品分析”可以通过了解直接竞品、间接竞品洞察市场，从而调整设计策略，避开同行产品的同质化；使产品可以从风格、品牌、体验上有效与竞争者拉开差异。

说完这些基础信息之后，现在我们就进入正题，如何提升 UI 设计思路？

我总结了3点：设计前想好；设计中做好；设计后修补好。

设计前想好

1. 吃透产品框架

根据需求大致的构造页面的布局和排版，把页面内容布局和排版记入心中，为整个项目打下一个埋点，为将来设计创作时找设计参考打好基础。

APP原型排版设计@楚优雅

2. 足够了解用户

分析产品内在需求和使用人群，为了更好的对用户动机深挖，最好搭建产品架构分析图和目标用户动机分析图，带逻辑性地去分析。站在用户角度考虑用户需要什么。

3. 深入挖掘分析产品功能

一层层深入挖掘分析，深挖使用人群的偏好、属性、使用场景。

设计中做好

1. 把握页面布局和层级

页面布局怎么去分割，是我们视觉思路明确带着用户去体验的。

在层级关系上，我们要拿捏规划好，主推功能内容和附带功能内容还有运营需要达到什么效果，都是需要明确的思路带用户往下走的，只要产品逻辑思路明确，用户就会知道他处在当前位置应该操作什么，下一步该做什么。

「自动布局」功能示例@即时设计团队

2. 做好视觉和交互的平衡。

把页面做得好看是 UI 设计师的基本责任，把页面做得好看又好用才是 UI 设计师要达到的最终目标。所以 UI 设计师应该多学习交互逻辑和熟悉产品思路，这样做出来的作品才是有灵魂的。

高级感界面设计@风吹过八仟里

3. 规范细化

规范对于 UI 设计师设计的核心就是灵魂，设计方案开始之初就要有意识的去梳理规范和组件，保证后续功能迭代的效率和一致性。通过关键页面总结出基础规范；通过设计过程中的不断推敲，再次对界面元素进行抽离，形成组件库。规范细化在交接工作中也会起到高效率的沟通对接桥梁，同时在 UI 设计师与程序之间慢慢地建立合作默契，完成以后工作任务也达到事半功倍的效果。

Ant Design 网页版设计规范（深色版）

设计后修补好

1. 关注用户数据和反馈

项目的上线不意味着我们的任务已经完成，打造一个优秀的app 是要不断地迭代和完善的，app上线后真正的接触了用户，用户的使用数据和反馈才是检验我们劳动成果的最真实证据。一步步根据用户的体验去优化的产品，才是真正意义上的一个优秀app产品。

B端用户数据展示@ganDaDa

2. 做好项目总结

所谓总结写得好，加分又加奖，设计师必须把自己做项目的设计思维表达出来，把自己设计中所踩的坑、埋的坑，条理分明的例举出来，避免下次迭代和其他项目再犯同样错误，同时项目亮点也可以记录说明，这样下次再做项目，吸取之前的成功经验，避开踩过的坑，更利于我们做好每一个产品，提高工作效率。

UI设计日新月异，但在变化的背后不变的是设计师对美和易用的追求，设计不只是建立秩序，而是用有限的资源给人更美好的感受和体验。如何提升 UI 设计思路？除了提升设计审美，更要提升逻辑思维，理性的在对用户体验的不断研究中，得出一个精确的结论去更好的完成一个设计，将很多复杂的案例被凝聚成简明的设计原则来使用。