您好！我是梁琼芳

我是斜杆青年梁琼芳（Leung King

Fong），1996年12月25日出生于海边

城市-湛江。作为摩羯座的我从小性格自

由洒脱以及思维活跃，热衷于发现问题

和探索未知。

2016-2020

本科-广东工业大学（2020届）

视觉传达设计-信息设计方向

2020-2023

研究生-广东工业大学（2023届）

设计学-数字创意设计研究

EDUCATION

EXPERIENCE

2022.6-2022.9

华泷网络科技有限公司-UI设计师

从0-1独立负责公司所有产品线的研发和设计，产品

线主要为小程序、H5。

具体设计内容包括低保真设计、高保真设计、系统组

件规范制定、交互设计规范制定、以及ICON的设计

等工作内容。

2023.3-2023.6

福袋生活信息科技有限公司-UI/UX设计师

负责公司产品战略升级

与产品经理、非原生开发的设计进行对接工作计等工

作内容。

INTERESTS

设计 摄影

健身 徒步 羽毛球

阅读

+86 13143397046

leungkingfong@163.com

13143397046 (Leung_)

CONTACT

TECHNICAL SKILLS

ABOUT ME.

12345体系建设 业务专项 生产专项 创新设计 其他体系

APP 小程序 APP H5 WED/OTHER

CONTENT.

51

UXPA 国际用户体验创新大赛

Group projects User Experience Design Hi Five

2022体系建设 全国三等奖

从0到1创新跨空间合作交流平台

产品思维.

抽象 具体

概念 完成

2022/05 06 07 08 09 2022/10

设计解决方案阶段：基于产品需求提出设计方案

设计前期 设计中期 设计后期

产品洞察阶段：研究发散，深度挖掘需求

原型图+Demo

设计验收、迭代

可用性测试

设计输出

os：产品的设计是自下而上一步步的从概念到完成产品，套用【用户体验五要素】的基础架构，从抽象到具象，抱着更系统更科学更严谨的态度完成产品的落地。

01。突破场地限制 02。突破空间限制 03。突破专业限制

突破不同专业之间的合作壁垒。

社会竞争越来越激烈，国家多学科人才发展战略促使跨专业之间相互合作与整合

创新，以求打破传统专业的限制，以实现不同专业的交流互补。

产品目标。

产品需求：构建合作赛道。

痛点分析

调研

功能转化

定义

比赛信息分散，不易寻找

不清楚老师有哪些项目可以参与

要在各种平台发布组队，效率低

合作队友的能力是否合适，难以界定

跨专业同学获取相关组队信息不及时

跨专业同学由于不清楚合作内容、

团队实力等而产生犹豫

合作积极性难以调动

不清楚队友间的专长，任务分配比较难以平衡

对队友的评价内隐化

知识资源杂乱，难以找到合适的解答

需要打听跨专业同学，效率低

难以找到合适的专业同学咨询

咨询交流过程中信息获取不及时

被咨询者问题解答动机不强烈

对被咨询者的评价内隐化

比赛信息汇总推送

老师项目信息汇总推送

基于用户个性化需求的跨专业合作平台

线上查看用户个人专业能力背景

发布正式合作招募信息，提供比赛背景、团队

成员的信息，易于促成合作

积分兑换课程机制

知识交流社区分享功能，知识社交，互动答疑

根据用户表现获取勋章奖励

设计定义。

1

重要伙伴

2345

成本结构 收入来源

关键业务 价值主张 客户关系 用户细分

各大高校教育部门

赛事举办方

第三方教育机构

学生

公私教学单位

产品开发与运营成本 宣传成本 高校合作投资 学生付费会员 平台流量 广告投入

跨专业合作方式优化

赛事、项目资源整合、

跨专业知识问答交流、

积分兑换

核心资源

大数据标签推荐

优质赛事信息

用户数量数据

课程资源

渠道通道

后台数据

大学生跨专业交流平台

提高大学生跨专业组队

合作效率

促进大学生跨专业知识

社交

推进校内（师生）项目

合作

整合社会比赛资源

促进大学生多学科融合

发展，培养跨专业复合

型人才，提高大学生合

作质量，增进师生互动

交流

在校大学生

各地公办/民办高校

网络教育机构

当地教育机构

商业洞察。

5首页看板 知识交流卡片 论室、热门榜、个性化推荐、打赏、卡片状态 档案 专业分类用户档案

合作交流 比赛项目推荐 比赛介绍、参赛团队 个性化标签筛选 专业标签、自定义标签

发布管理 发问 问题描述、设置悬赏、邀请回答、添加标签 组队 赛事/项目信息、任务要求、成员构成、邀请回答

消息管理 好友列表 群聊消息 私聊消息 评论列表 关注列表 系统通知

我的账户 我的资料 我的简历 我的关注 我的卡片 我的勋章 兑换商城 我的积分

产品架构。

降低用户体验负荷。

通过优化页面布局，梳理散乱的信息，从交互流程上反应

用户思路，降低多余信息的交互干扰，选择最优的交互解

决方案，使用户体验负荷降至最低。

交互流程。

信息 可视化

快捷 知识 工具

检索

信息流

沉浸式

高效

轻量

舒适

整齐 轻快

规律 几何

白色

少 块面

简洁

几何

块面 形

活力

智慧 色

标准

简洁 字

规律

整齐 构质 轻量化苹

设计方向。 体系化建设：设计系统搭建。

#FD8806 #FFCE4C

主色 70% 辅色

#E3E3E3 #C8C8C8 #AAAAAA #2F2F2F

层级 元素

Title2

caption

Title1

boby

boby

footnote

9 pt

字号

24pt

18pt

16pt

13pt

11pt

字重

regular

semibold

medium

regular

regular

medium

一级

二级

三级

样式

大学生跨专业交流平台

大学生跨专业交流平台

大学生跨专业交流平台

大学生跨专业交流平台

大学生跨专业交流平台

大学生跨专业交流平台

设计要素。

采用与页面布局匹配的骨架屏作为loading过渡，

这样有助于减少用户对加载内容的不确定性,提升用

户获取信息的效率。

卡片式模块化，

提升用户获取信息的效率。

01 快速寻找

根据用户专业知识标签智能推荐的相关跨专业知识

卡片，可快速寻找感兴趣的知识内容。

02 话题深入

进入讨论室，用户可通过语音/文字与针对跨专业话

题与在线/离线用户进行知识话题的推进深入。

【知识卡片讨论社区】

优质答案筛选机制可以为用户提供便捷的优质

知识内容。

【智能筛选机制】

为用户寻求答案最优解。

在【知识卡片讨论社区】中，可以发表个人问题，

通过设置悬赏积分吸引相关专业同学进行解答,已讨

论完成的问题，也会自动生成问题卡片，储存在“

我的卡片”中，形成专属知识库。用户私有的卡片

也可以使用积分进行自由交易。

【特色板块】

快捷发问，自由组队 专属知识库 悬赏积分

90+ Artboards。

Product Manager

Mar MING

User Research

Ning Kin

Chung Zhi Nam

UX Design

Shuen Wing Ching

Leung King Fong

UI Design

Li Tian Tian

Leung King Fong

个人独立项目

Business Special Individual Independent Projects 约荟

2022业务专项 餐厅小程序开发

2 完美整合营销、会员、支付、商城等

餐厅经营所需的所有功能。

（餐厅升级装修大致风格）

该餐厅位于广州市天河区-临江大道海心沙亚运公园

东区B栋一单元，主要功能是点餐+预约+购物。

约荟无国界料理餐厅小程序。

订位预约 提前预约、节约时间、提高效率

快捷点餐 更轻更快更省时、顾客易接受

品牌外销 单店营销闭环，堂食+外销产品一体化

产品调性。

设计目标

业务目标

了解用户心理

引导用户操作

统一的品牌设计规范

组件&框架的沉淀

易用

普适

高效

品牌升级 品牌体验

颜色模式

色彩选取

规范布局

界面易用性

层级优化

提高信噪比

设计目标与策略。

打造餐厅品牌内核 品牌效率体验

创造品牌印象

01 深色模式

由于餐厅夜晚营业的需要，晚上的光线会把点餐图像内

容减弱，使用深色界面在视觉呈现上会造成用户识别困

扰。

02 浅色模式

浅色调背景色更能提升视觉效率，可利用设计组库部分

的暗色调分割画面，大大降低了屏幕的亮度，减少了对

眼睛的刺激。我们在设计过程中也进行了现场测试，下

列图片可反应出手机屏幕在浅背景色模式时效果更佳。

确定颜色模式。

开始点餐

订位 优惠券

约饭 约艺 约物 个人中心

菜品推荐

确定颜色模式

01 主色色阶 02 背景色 03 辅助色 04 渐变色

为减缓视觉疲劳，以70%背景色

+30%主色/辅助色为主

色彩选取。

主 主

操作直接，提升交互的自然度。

菜品的展示也是一种信息可视化的方式，应当提供

对菜品直接操作的方式。例如通过设计减少用户的

视线横跳，提升用户的信息阅读效率。

OLD 【界面易用性】

NEW

优化信息层级展示，提高用户查找信息效率。

提高信噪比的一个原则是让页面更加简单，通过对

辅助信息内容的标题进行图标可视化，大大提高了

卡片的空间利用率。

【层级优化，提高信噪比】

持续跟进规范使用效果。

设计规范是不断迭代生长的，它会随着业务场景的

变化而逐渐优化完整，因此还需要阶段性的回顾规

范，遇到规范未能覆盖或无法指导设计的地方，可

以展开新一轮的提炼、总结、沉淀，再反哺规范，

形成正向循环促使设计和规范不断完善。

【总结反思/设计要点】

END.

NCDA 全国数字艺术设计大赛

Group projects User Experience Design FUFU

2022参赛项目 全国二等奖

3 面向Z世代的个性化祝福APP

项目背景。

在互联网的大浪潮下，出现了很多新型的祝福方式。从最常见

的“微信“、\"QQ”等社交平台到“大福贺卡”、“祝福圈子

”、“百度传情”等专门的祝福工具类APP，在形式上、内容

上都做了一定的创新。

但是很少关注到用户在发送祝福、接收祝福的体验过程，另外

这些应用都没有聚焦到特定的一类用户群体。

桌面调研

祝福认同模糊与文化记忆缺失

生产方式和生活条件

问卷&访谈

浓烈 无感

情感需求 + 祝福体验

痛点/期待

“仪式感”祝福体验

辅助性智能祝福模板

用户画像。

核心需求

想要拥有最新或之前没有尝试过的体验。

以娱乐为导向的社交需求，以社交为目的

娱乐偏好。

追求颜值与潮流化。

行为习惯

喜欢宅家，不喜欢走亲戚。

对传统文化关注度不高。

遇到新鲜事物充满好奇心理。

热衷于在互联网分享新鲜事物。

李木戈 26岁 公司职员

核心需求

对传统的DIY新型体验感受。

与家人团聚。

提高亲朋好友间的联系。

记录美好时刻。

行为习惯

喜欢购买手信。

自己动手制作节庆食物或手工物品。

对传统文化关注程度高。

日常”拍拍拍“。

孙孙悦 20岁 学生

用户旅程图。

阶段时间

用户行为

用户想法

情绪体验

痛点/机会点

产品需求：构建祝福“仪式感”。

情感化仪式 个性化仪式 多样化仪式

个性化定制

祝福APP

互联网身份的【情感化设计】

根据用户的个人喜好和使用习惯进行定制，从而为

每个用户提供独特的“个人角色”体验，允许用户

将体验定制为自己的“化身”延伸。

【情感化】启动仪式

用户可以根据自身的爱好、风格，DIY出个人专属的

祝福明信片。也可以使用其他用户制作的祝福配方

来进行快速生成。

【个性化】祝福DIY体验

用户除了可以DIY祝福模板，还可以智能生成祝福口令。FUFU祝福

文案库通过用户“关系属性”、“文案风格”为用户推荐多样化的

祝福文案。

【多样化】祝福文案参考

UX&UI Design

Leung King Fong

Li mu ge

Huang hui hui

个人创新设计（0-1）

Innovative design Personal Innovative Design 永庆游迹-H5文创设计开发

2022创新设计 包装工程入选作品

4 智慧街区数字文创开发

产品概述。

为了

他们的

我们的

是一个

它可以

而不像

我们的产品

95后“Z世代”群体

多元化体验方式与文化自信的需求

“永庆游迹“

体验永庆坊文化历史街区的H5

“云游”与“实地”融合、打通线上与线下的鸿沟

纯景区宣传介绍的H5

更注重用户情感需求、提供多元化、个性化的游玩风格与模块

本能层设计——叙符号之意

这一层主要通过五感，视觉主要通过(形、色、字、

质、构）对设计为出发点去思考用户的心里模型，

塑造对永庆坊的初步印象。

壹-【感官传达】

永庆游迹-H5 个人独立作品

故事层设计——叙情感意象

对永庆坊历史故事文本的叙事内容进行安排，依托

于故事世界建立起紧密的勾连和实媒介形式的特性

进行叙事内容的改编，以此激发用户更进一步了解

故事世界的欲望，唤起用户情感。

贰-【故事传达】

行为层设计——叙用户所想

这一层面更加注重的是交互性、功能性、易理解性

及用户体验，尊重用户喜用的习惯来进行设计。

叁-【行为逻辑】

进入游戏

进入分场景 选择答案

生成打卡路线图

保存+分享

与NPC对话

弹性选择

建筑故事

完成故事打卡

个人独立作品

反思层设计

打破设计跟用户之间心里上的束缚，让用户通过赋

予情感的设计增强之间的粘度，提升产品形象，让

用户产生思考和回忆。

肆-【情感价值】

实行线下导航目的

生成线上云游攻略

个人独立作品

多维项目

Other Multidimensional project

其他体系 个人影响力

5 斜杆项目

网页升级

运营项目

游戏设计

Wed & Other

造成原因：页面布局横跳

问题3：信息浏览视线较为混乱和冗长

造成原因：视觉语言过于陈旧

问题2：国际化感知传达不足

造成原因：信息层级不明显

问题1：信息层级关系不明确

【产品目标：网页架构优化升级】

业务项目。

减少视线横跳，关联信息就近展示。

调整视线流

进行视觉翻新优。

视觉翻新

页面布局优先级调整。

菜单模块设计

【产品迭代：设计侧优化方案】

After

官网首屏、页面布局、日常上新宣传。

运营项目。

概念游戏设计。

氛围

元素

离开了温暖的子宫，个体终其一生都在寻求原初的完整。

从母亲的肚子出来的时候，我们会遗忘在母亲肚子里的知

觉与思想，在追求“自我”的成长道路上，我们会遇各种

的“高山低谷”。

个人游戏概念场景设计

个人手绘游戏设计

2021YEAR

PS 手绘

ROLE CONCEPTION

FRONT BACK

角色设计

CONCEPT SCENE DESIGN

概念场景设计

2023

审美能力

产品思维

交互设计

设计规范

协作沟通

项目管理

Aesthetic ability

Product Thinking

Interactive Design

Design Norms

Collaborative Communication

Project Management

短期目标

长期目标

1.选择一个领域行业深耕，沉淀三年，在这个

行业成为一名优秀的体验设计师。

2.在满足视觉与交互设计的基础上，进一步叠

加产品经理的能力，不断完善属于自己的思维

逻辑体系。

持续学习、保持热爱，专注于用户体验专业性

研究与实践沉淀，提升自己的短板，深耕自己

的优势，争取设计领域的“斜杆人才”。

不忘初心，步履不停。

个人规划。 PERSONAL PLANNING

THANKS FOR YOUR TIMES.

2023

UI/UX

leungkingfong@163.com

欢迎联系

梁琼芳的邮箱