如何提升UI设计思路?新手设计师必看!

发布时间:2022-09-29 14:49:07

如何提升 UI 设计思路?我记得我看到一句话,很精准的总结了答案:「设计没有什么捷径,有的只是多看、多想、多做,逻辑思维明确了,思路清晰了,累积多了,项目方案就好解决了」。其实很多学习上的精进,都没有什么神奇的方式,不是有句话说吗“以大部分人努力程度之低,还轮不到拼天赋。”这句话也说得很清楚了,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 设计思路?除了提升设计审美,更要提升逻辑思维,理性的在对用户体验的不断研究中,得出一个精确的结论去更好的完成一个设计,将很多复杂的案例被凝聚成简明的设计原则来使用。