UI/UX设计师作品集深度解析：从B端后台到App设计的实战案例

最近很有感触，不少人提出这样的疑问：“今年的面试机会似乎不多，我很想知道，一份真正能通过简历筛选、获得面试邀约的 UI/UX 作品集到底是什么样子的？”

本期内容，我们就来深入解析设计师 @Lcg_李成广 的 UI/UX 作品集。看完后你或许就能明白什么样的作品能脱颖而出了。总的来说，这份作品集给人的感觉是：不追求表面的花哨，但非常扎实、管用。项目涵盖了 B 端后台系统、移动 App 端 以及 运营活动设计，类型或许不算最炫酷，但胜在逻辑完整。你能够清晰地感知到，这不是在单纯地“炫技”或“展示能力”，而是在还原真实的工作流程：接到需求、分析问题、构思方案、并将方案落回到具体业务中。恰恰是这种“逻辑清晰、解释得通”的作品，在当前的市场环境下，反而最容易获得青睐。

如果你持续关注相关内容，会发现有些文章侧重于创意和节奏感的探讨，有些则聚焦于新人如何避免踩坑。那么这一期，我们更像是将话题向前推进了一步——探讨当设计师真正深入项目时，应该站在怎样的思考维度上。建议大家多尝试站在面试官、产品经理，甚至是甲方的角度来审视：如果这样一套设计方案呈现在你面前，你是否敢于拍板，让其进入下一阶段？

设计师作品集封面，风格现代、简洁

作品合集目录，清晰展示了从2022至2024年的五个核心项目

项目一：完美志愿 (APP) - 主导设计

“完美志愿”APP界面展示

项目背景介绍与关键数据成果

APP核心功能页面组图展示

改版背景与设计目标

从时代背景、产品现状到设计愿景的完整分析框架

用户痛点分析与解决思路

通过维恩图清晰对比用户痛点与对应的解决方案

旧版问题诊断

针对旧版APP存在的功能单薄、设计不统一、品牌感弱等问题进行可视化诊断

优化思路与关键词提炼

从用户体验、产品价值、用户需求三个维度提炼出“专业、实用、严谨、温度”四个设计关键词

设计规范建立

建立统一的字体与颜色设计规范系统

针对不同使用场景（金刚区、瓷片区、基础功能）的Icon设计探索与规范

具体页面改版实践

1. 首页改版与模块重构

首页改版前后对比及模块化拆分思路，新增“学习”“学分”“就业”独立模块

2. “我的”页面改版

“我的”页面改版前后对比，优化了头部设计、信息呈现和VIP模块视觉

3. 智能填报功能重构

智能填报功能重构，注重信息层级与阅读体验，采用Div盒子模型思维

智能填报流程中的列表与加载状态设计

4. 院校详情页重构

分析旧版院校详情页问题，并提出优化方向与最终效果

视觉升级成果展示

“完美志愿”APP视觉升级后的多界面立体展示

项目二：ONSURES 数据防泄漏系统 (B端后台) - 独立设计

B端数据安全产品“ONSURES”项目概览

品牌视觉识别系统 (VIS) 设计

品牌LOGO设计理念及在名片、信封等场景的应用

“安哨”数据防泄漏系统的颜色体系与字体/字号规范

设计思维：Div 盒子模型

采用Div盒子模型思维进行组件化、模块化设计，便于与开发协同

核心功能与页面展示

核心功能点与核心页面展示

1. 风险告警管理

风险告警列表、文件预览及操作确认等详细设计

2. 风险事件管理

将多条风险日志整合为“风险事件”进行集中管理的界面

3. 终端白名单管理

终端外发通道、进程、文件的白名单配置管理

4. 代码仓库管理

企业代码仓库的添加、分组、移动与管理界面

5. 终端管理

终端设备列表、状态监控及详细信息查看

6. 系统状态与设置

系统状态仪表盘与系统设置界面

7. 外发渠道管理

对IM、浏览器、文件共享等外发渠道的监控与管理

项目累计输出超过100个页面

项目三：DaoDao 获客系统 (B端后台) - 主导设计

DaoDao 获客系统数据概览与待办事项界面

品牌标识设计

DaoDao 品牌Logo的多种呈现形式及细节处理

设计切入点与原则

提出“统一 (Unify)、反馈 (Feedback)、减负 (Reduce)”三大设计原则

设计规范系统

完整的字体、颜色体系及图标设计规范

为B端项目设计的丰富情感化空状态插画

涵盖按钮、表单、图表、导航等超过200个可复用通用组件

基于8点网格的栅格系统与侧边栏导航设计规范

功能页面示例

数据概览页与添加待办事项功能界面

诊断库功能模块设计

诊断库从设计背景、框架到具体功能（如快速发起评估）的完整设计展示

快速发起评估功能的核心操作界面

生成的智能选科测评报告PDF样张展示

项目四：运营活动设计 - 独立设计 (以“完美志愿”拉新活动为例)

动态测评模块

“1分钟测测志愿填报能力”H5活动背景与目标

活动UI重设计视觉稿，突出转化率提升目标

活动启动页的动态效果设计

测评过程中的题目页与结果反馈页设计

测评结果分析、推荐工具图标及激励徽章体系设计

2023拉新活动设计

“邀请同学赢大奖”拉新活动主视觉、设计目标与元素提炼

活动页面的配色、质感及UI组件规范

通过优化页面布局模块提升转化率的分析与数据反馈

结合高考祝福语设计的系列优惠卡

获得优惠卡时的动效与惊喜氛围营造

活动页面的场景化互动反馈设计

提升分享欲的抽奖器功能设计

2023年拉新促活项目全场景页面展示

项目五：自我提升作品 (3D角色设计)

个人3D角色设计作品合集封面

Cinema 4D 视觉艺术设计 - 角色01

Cinema 4D 视觉艺术设计 - “Smoking Boy”

Cinema 4D 视觉艺术设计 - 棒球少年

Cinema 4D 视觉艺术设计 - 滑板少年

系列3D角色设计全家福展示

总结

这份作品集展示了一名UI/UX设计师在应对不同类型项目（C端App、复杂B端后台、运营活动）时的系统化设计思维能力。其核心价值在于：

1. 深度业务理解：每个项目都始于对业务背景、用户痛点、产品目标的深入分析。
2. 系统化设计：注重建立设计规范、组件库，保证体验一致性与团队协作效率。
3. 全流程展现：清晰呈现了从问题定义、思路探索、方案设计到细节打磨的完整过程。
4. 结果导向：在运营设计等部分，明确展示了设计优化对转化率、用户参与度等业务指标的影响。

这种聚焦于解决真实问题、逻辑严密、展现完整设计决策过程的作品集，在当前追求设计价值和效能的市场中，无疑更具说服力和竞争力。对于寻求提升的设计师而言，关注设计背后的思考过程，而不仅仅是最终视觉效果，是构建高质量作品集的关键。如果你对设计方法论、团队协作或更多实战案例感兴趣，欢迎在 云栈社区 与同行交流探讨。

---

声明：作品推荐已获得作者授权，版权归属原作者，本推荐仅作欣赏学习，切勿商用。