兰亭妙微ui设计公司分享：不少人说我做的任务完成页太平淡。 很多人会觉得，它只是一个单纯承担告知功能的页面，做到能用就够。但平淡的结果页，会直接削弱用户完成任务的成就感。今天就借这次改版，聊聊任务完成页该如何设计。
先看原版界面，再看迭代后的成品。同样的业务逻辑，页面体验却拉开差距，下面拆解完整的思考过程。
任务完成页，并不仅仅用来告诉用户 “任务做完了”。它承载着反馈奖励喜悦、强化正向情绪、引导用户继续参与活动的重要作用。复盘旧版，主要存在三点缺陷：
重新梳理页面信息优先级：
基于层级，做对应的优化调整：
调整后，用户进入页面可以快速捕捉关键信息，阅读效率显著提升。
旧版顶部图标是通用的成功对勾，只是冷冰冰的状态通知。 我替换为欢呼姿态的 IP 形象，用角色神态传递恭喜、庆祝的氛围，把单纯的系统通知，转变为一场可视化的正向反馈，补足页面情绪。同时搭配少量装饰小元素，丰富画面层次。
完成信息和主视觉调整后，页面框架已经成立，但细节表现力不足，精致度还有很大提升空间，分三步迭代：
原先按钮位置割裂页面整体布局，将操作按钮迁移至页面底部； 按钮造型改为平行四边形，和页面内能量元素视觉语言保持统一，贴合整套设计主题；内部增加闪电小图标，强化行动按钮的权重，引导用户点击。
为了收拢视觉焦点，背景叠加柔和渐变底色，搭配低饱和度浅棋盘格纹理，增添页面轻质感；纹理弱化处理，不会抢夺卡片主体的视觉重心。
给信息卡片增加毛玻璃通透效果，让 IP 形象的局部可以透过卡片若隐若现，前后层产生空间层次感，摆脱扁平单调的观感。
经过细节打磨之后，得到最终完成版本，对比原版可以直观看到整体变化。
任务完成页这类收尾页面，常常被当作简单的结果弹窗，容易被设计师忽视。 想要提升 UI 设计能力，不必一味追求大项目大改版，从这类小页面入手，平衡信息层级、加入情绪表达、打磨视觉细节，小页面同样可以做出出彩的设计。
