ui设计页面实战案例分享
通过实际工作案例了解UI设计师真正的业务价值。
虽然目前市面上各种类型的UI培训课程层出不穷,但是对于新人设计师来说,离开了模板套图、炫酷的效果图,真正进入到实际工作项目中时,面对各类产品/交互提供的五花八门的原型图往往第一反应是一脸懵,不知如何着手。
更有甚者,拿到任务就大笔一挥参照原型进行一比一复制。长此以往,不仅个人的业务能力得不到提升、工作中的成就感低,更严重的是,一次次的敷衍和偷懒,会让你在团队中逐渐丧失专业可信度,进而丧失话语权。
大家都知道UI设计是协作性很强的工作,前至产品经理,后至开发测试运营都是我们业务的对接对象。一旦你的专业度遭到质疑甚至否定,那么日常的工作将会大大增加难度。
这次为大家分享的是我自己日常工作中接到一项任务时的思路框架以及具体的思考细节分析,希望能为大家带来帮助。如有思考不全面的地方,也欢迎在评论区进行分享沟通~~
首先,拿到任务的第一步,基于对产品背景框架及用户群体有良好的了解的前提下,明确本次任务的设计目标。以目标为导向来开展后续的设计工作。

接下来就是对原型页面进行一个概览,了解页面的相关信息内容、跳转关系、交互操作等。然后开始针对页面各个模块进行具体的内容分析。
模块拆解分析后就可以从布局、交互、层级等各方面针对性的进行细节的优化思考,后续针对这些思考点着手进行页面的设计。
优化点明确后(在产品风格及设计规范已明确的情况下)就可以着手进行页面的设计了,根据上述分析的问题点一一思考优化方案并尝试,在保证页面整体性的前提下提供自己所能想到最佳的优化方案。
有时会出现能发现问题,但是想不到解决方案,这时候可以自己在积累的素材中寻找思路点,也可以查找类似功能的产品,也可以和组内设计产品交互测试等同事进行沟通交流。就算最终你没能给出一个很好的解决方案,但只要你提出了合理的问题点,并主动进行了沟通交涉,那么至少在工作的积极性上也能够得到大家的认可,也能够拉近同事间的关系。长此以往,在专业知识和人际关系、影响力上面都会有一定的提升。工作能力固然重要,工作中认真、积极的态度其实更为重要。
先看一下最终的优化方案。

接下来是针对设计方案的各个模块的具体说明。
这部分其实是日常工作中很重要的一部分,UI设计实质上是需要先将自己的观点转化为设计,然后再将设计观点用语言组织表述出来。所以沟通能力和语言组织表达其实同样是设计师能力很重要的一部分,只有别人能够理解并接纳你的观点时,你的思考才能产生真正的价值。
这个案例因为项目的历史遗留问题所以相对改动的内容和范围较大,这种情况特别需要和对接方做好充分的沟通工作,根据沟通结果进行共同的协作调整。但日常工作中也要做好因为各种不可抗因素被一棒打回的心理准备,保持好的心态,尽人事听天命,保持对工作的热爱,开心生活快乐工作最重要哦~
如果喜欢我的分享就点个赞吧~

















































































