DESIGN PORTFOLIO / 2026CREATIVE · SYSTEMATIC · FUTURE

SELECTED WORKS

设计作品集

设计管理 · UI 设计 · 数据可视化 · 移动体验 · 品牌企划

十余年深耕设计,以热爱成就专业。

← 内容较多,点击左侧导航可快速定位章节

02 / ABOUT ME

你好,我是

李东

李东个人照片,使用 LIDONG 字形分割
UI 设计数据可视化品牌企划
年龄
36
学历
辽宁广告学院
视觉传达专业(大专)
居住地
兴隆台
CAREER PATH / 2016—NOW

工作经历

以匠心自持,不负每一份作品;以换位思考,回应每一份托付。

  1. 平面设计师

    成都森澜企业文化有限公司

    参与企业形象与宣传物料设计,根据品牌定位和受众需求确定视觉方向;通过创意讨论与团队协作,完成公众号内容、活动视觉及日常宣传设计。

  2. 企划主管

    辽宁福尔特农业科技有限公司

    负责产品包装、品牌宣传物料和企业文化视觉建设,参与公众号及多媒体平台内容运营;统筹展会视觉、效果图制作和现场对接,推动企划项目完整落地。

  3. 企划部副经理

    辽河泰利达信息技术有限公司

    负责企划项目统筹与设计管理,工作涵盖数据可视化大屏、B端业务系统、移动端产品及品牌企划;参与需求梳理、信息架构、视觉方案、项目推进和跨部门协作,确保设计方案从概念到交付稳定落地。

03 / CAPABILITIES & VALUE

WHAT I BRING

我能为团队与项目
带来什么?

设计并非止于视觉之美,而是把复杂信息梳理成清晰的体验。

复杂业务设计与转化设计工作管理设计工作管理平台数据可视化油田经营与生产指挥大屏B端系统设计辽河油田生产物资超市移动端UI设计智慧兴隆与E盘锦网页与H5设计企业网站与数字专题信息图形设计产品介绍手册与宣传折页
01 / 06
设计工作管理项目证据:设计工作管理平台

独立梳理需求、排期、评审、交付与复盘路径,并将规则落实为可持续使用的工作平台。

VALUE / 04

从设计能力,到项目结果。

01 / 设计管理

让设计项目有序落地

覆盖立项、排期、执行、评审、交付与复盘;合理分配任务,把控关键节点,并将优秀成果沉淀为可复用的设计资产。

02 / 设计效率

兼顾品质、速度与稳定交付

基于十余年实践形成成熟的工作方法,灵活整合设计工具、技巧与个人素材库,在保证质量的前提下快速响应、高效交付。

03 / 设计规范

让设计统一、易用并持续迭代

拒绝无目的的素材堆砌,从业务目标和用户痛点出发,建立视觉规则、组件与交付标准,使成果更系统、更规范,也更便于协作和复用。

04 / 设计判断

用综合判断解决真实问题

设计能力不止于软件操作,更来自拆解、分析、提炼、权衡与审美。以经典设计原则支撑判断,在功能、信息与视觉之间取得平衡。

03.1 / 设计管理

我如何管理设计工作?让设计项目有序落地

我的做法是:先建立规则,再用工具执行,最后通过复盘持续优化。

我先把需求、分工、进度、评审和归档整理成清晰的工作路径,再根据部门实际管理需要,定制搭建能够承载这套流程的工作平台。

在实际使用中,我持续观察问题、调整规则和简化环节,使任务更容易分配、过程更容易追踪、结果更容易沉淀,并将解决问题的经验逐步转化为团队可以重复使用的方法。

01

需求标准化

统一任务入口和必要字段,减少口头传达造成的信息缺失与反复确认。

02

任务可追踪

集中记录负责人、时间节点和完成状态,让进度与责任归属清晰可查。

03

工作可量化

通过工作类型、项目来源和成员任务量,为任务分配与复盘提供依据。

04

成果可沉淀

统一归档需求、过程和完成稿,让项目经验逐步转化为可复用的设计资产。

WORKFLOW / CLOSED LOOP

用流程和规则,确保工作闭环。

通过持续实践与优化,建立一条轻量、明确、可追溯的工作路径。

  1. 01需求进入
  2. 02审核补全
  3. 03分配排期
  4. 04设计执行
  5. 05评审修改
  6. 06交付归档
  7. 07复盘沉淀

先明确,再设计;有节点,可追溯;完成后,必沉淀。

03.2 / 设计效率

我如何提升设计效率?兼顾品质、速度与稳定交付

我的效率来自长期积累的一套工作系统,而不是临时提速。

我用成熟的工作路径减少试错,用持续维护的素材库减少重复劳动,再借助 AI 扩展创意和实现边界,把更多时间留给真正需要经验、审美与判断的部分。

01 / PERSONAL ASSET SYSTEM

把素材积累,转化为随时可调用的生产力。

我持续维护个人设计素材库,根据项目类型、应用场景、文件格式和视觉特征建立分类与标签。需要素材时可以快速定位;项目结束后,新的案例、组件和源文件继续归档,让素材库随着实践不断增长。

分类清晰长期维护快速调用类型丰富
Eagle 个人设计素材库标签管理界面
个人素材库中的大屏矢量小图形分类
EAGLE / PERSONAL DESIGN LIBRARY
02 / VECTOR FIRST

优先使用可持续编辑的矢量资产。

在满足视觉需求的前提下,我优先设计和应用矢量素材。一个规范的源文件可以无损缩放、快速调整颜色与结构,并适配数据大屏、网页、移动端和印刷物料等不同场景,减少重复绘制与格式转换。

100%悬停同步放大 400%
RASTER / PNG
低分辨率 PNG 图形
位图 · 放大后逐渐失真
VECTOR / SVG
同款 SVG 矢量图形
矢量格式 · 任意尺寸依然保持清晰
无损放大体量轻便于编辑多场景复用
03 / AI AS AN AMPLIFIER

深度探索并应用 AI 技术

AI 能够提升产出速度,却不会自动带来好设计。

如果缺少审美、构图、信息层级和应用场景的判断,即使会使用工具,也很难形成真正成熟、令人满意的作品。

我的做法不是把决定权交给 AI,而是用专业知识把握目标、风格和质量边界,让 AI 承担发散探索与重复工作。合理应用之后,它成为让我如虎添翼的效率工具。

协助设计工作的科技机器人
AI 是能力放大器,审美与判断决定作品的上限。
DESIGNER IN CONTROL
定义问题AI 扩展方向筛选判断专业精修完成交付
03.3 / 设计规范

我如何制定设计规范?让设计统一、易用并持续迭代

我的做法是:从真实项目中发现重复问题,再把解决办法整理成团队可以直接执行的规则。

我把尺寸、层级、组件、状态与交付要求逐步标准化,使设计有共同依据、开发有明确参照,也让成熟成果能够持续复用和更新。

01 / MOBILE UI SYSTEM

把常用界面规则,整理成可执行的移动端规范。

这套规范由我根据部门实际项目整理并投入使用,覆盖全局尺寸、导航结构、常用组件、图标风格、文字层级及按钮标签等内容。它为设计与开发提供统一参照,减少同类页面中的重复判断和反复确认。

界面尺寸组件规则视觉统一开发对照
移动端设计规范:全局尺寸
全局尺寸
移动端设计规范:底部标签栏
底部标签栏
移动端设计规范:卡片间距
卡片间距
移动端设计规范:图标风格
图标风格
移动端设计规范:文字层级
文字层级
移动端设计规范:按钮与标签
按钮与标签
02 / DASHBOARD KIT

先定规则,再展开整套设计。

每套大屏启动前,我都会先完成版式网格、色彩体系、组件结构与状态规范。后续新增页面、修改与迭代均以规范为准,使同一项目在结构、视觉与交互上保持一致,最终形成风格统一、完整性强的系列作品。

网格对齐配色推演组件统一迭代有据
大屏界面元素按格栅网格精确对齐
01 / GRID SYSTEM所有元素都有坐标依据

标题、卡片、图标、数据与表格统一落在格栅系统中,位置和间距精确到像素,让复杂信息依然整齐有序。

通过多种配色方案推演大屏色彩体系
02 / COLOR STUDY每一种颜色都经过选择

我会比较多套配色关系,在对比度、层级、情绪与屏幕呈现之间反复校验,寻找最协调、最符合项目气质的一组颜色。

版式有依据颜色有理由迭代有准则
规范的价值,是减少重复判断。
统一设计语言降低协作成本提高复用效率支持持续迭代
03.4 / 设计判断

我如何进行设计判断?在目标、体验与视觉之间做出有依据的取舍

我的判断并不只来自个人喜好,而是建立在业务目标、用户场景、信息层级、实现成本和视觉体验之上。

我先识别真正需要解决的问题,再判断哪些信息必须突出、哪些操作应该简化、哪些视觉表达需要克制,最终选择更适合当前项目的方案。

01业务目标

先明确设计需要解决什么问题

02用户任务

判断用户首先要看懂和完成什么

03信息层级

让重要内容获得合适的视觉权重

04场景适配

根据设备、距离和环境选择表达方式

05实现维护

兼顾交付成本与后续持续迭代

CASE 01 / ENTERPRISE DATA UI

从信息堆叠,到清晰易读。

我先确定用户进入页面后最需要获取的指标,再重新组织数据、图表和趋势信息。减少无助于理解的装饰,使复杂内容形成清楚的阅读顺序。

改版前BEFORE
B 端数据页面改版前
改版后AFTER
B 端数据页面改版后
01先让用户看懂

按照任务优先级组织内容,让用户进入页面后快速识别核心指标与异常状态。

02用简洁建立秩序

统一卡片、间距、文字、色彩与图表规则,降低无效装饰对信息的干扰。

03功能决定设计是否成立

优先保证信息清晰、操作易用和场景实用,再在此基础上提升视觉品质。

先解决看懂与好用,再追求好看。
明确目标识别问题比较方案权衡限制验证效果
04 / DATA VISUALIZATION

SELECTED WORK / 01

智能管理与应急指挥系统

让分散的空间、设备与告警信息,形成可以快速判断和响应的全局视图。

系统以三维场景为信息中枢,将综合态势、地下管网、设备监测、告警事件与资产统计整合在同一套视觉体系中,帮助管理人员从发现异常、定位设备到判断影响范围,建立清晰、连续的应急指挥路径。

设计以蓝青色表达常态运行,以黄色和橙色突出风险预警,并通过统一网格、信息层级与组件规则控制高密度内容,使科技氛围服务于阅读效率。

01空间态势统一呈现

把园区场景、管网线路与设备节点放入同一空间语境,建立全局认知。

02异常信息快速识别

用稳定的状态色与视觉层级突出告警,减少高密度数据中的查找成本。

03监测与指挥形成闭环

从状态监测、风险定位到响应处置,让信息真正支持管理决策。

SELECTED WORK / 02

基层社会治理大数据平台

把人、房、地、事、物纳入统一视图,让基层治理从分散查询走向全局协同。

平台围绕居民档案、房屋信息、网格责任、社区设施和问题事件建立数据关联,通过城市三维场景与多层级专题大屏,帮助管理人员快速掌握辖区结构、重点人群与公共设施运行情况。

设计以统一框架承载不同专题,在保持视觉风格一致的同时,为总览、社区、居民和设施场景建立清楚的信息层级,使复杂治理数据能够逐层查看并快速定位。

01治理对象形成关联

将人口、房屋、网格与设施数据建立联系,减少信息割裂。

02多层级逐层下钻

从区域总览进入社区、楼栋和住户详情,保持查询路径连续。

03重点状态清晰可见

突出重点人群、问题事件与设施状态,为日常管理提供判断依据。

SELECTED WORK / 03

网格指挥驾驶舱

让静态界面拥有完整的动态表达。

以动态导航建立系统入口的空间感和方向感,再将用户带入结构清晰的业务驾驶舱。动效负责引导,数据界面负责快速判断,让视觉表现始终服务于实际使用。

在完成静态界面与视觉规范后,我会继续根据页面结构设计转场、光效与元素进场节奏,把静态稿延展为完整的动态呈现,在不干扰信息识别的前提下增强作品的科技感与沉浸感。

MOTION NAVIGATION · 06 SEC
网格指挥驾驶舱静态数据页面
STATIC INTERFACE从入口动效进入业务全景

围绕督办任务、处置趋势、高发问题与协同情况组织信息,使关键进度和异常状态能够快速识别。

01 导航有方向02 转场有节奏03 信息有重点

SELECTED WORK / 04

数智采油厂

让生产运行态势从分散数据走向集中研判。

以采油厂生产区域为核心,整合开井、产量、钻机运行、作业进度、用电分析与视频监控等信息,使管理人员能够从全局态势快速进入具体生产环节。

在静态驾驶舱基础上,我会结合业务进入路径继续设计导航、场景转场与光效节奏,使地图、指标和功能页面之间的切换更连贯,也让工业数字化场景呈现出更完整的科技氛围。

MOTION NAVIGATION · 20 SEC
数智采油厂静态数据页面
STATIC INTERFACE从全局产量到一线作业

以区域地图作为信息中枢,关联产量、进度、作业运行与能耗指标,让关键生产状态和异常变化清晰可见。

01 生产全局可见02 异常指标突出03 场景衔接自然

SELECTED WORK / 05

辽河油田生产运营指挥中心

以生产地图为信息中枢,连接油田经营与指挥调度的关键视角。

项目围绕生产总况、勘探开发、方式转换、油气当量、储运销售及区域单位等业务主题,将分散指标组织为统一的指挥中心视图。中心总览突出空间分布、重点站点与预警信息,辅助页面承接不同业务维度,使管理人员能够从全局态势快速进入具体环节。

辽河油田生产运营指挥中心:油田勘探
辽河油田生产运营指挥中心:方式转换
辽河油田生产运营指挥中心:生产指标
辽河油田生产运营指挥中心:储运与销售
辽河油田生产运营指挥中心:油气当量
辽河油田生产运营指挥中心:区域生产
辽河油田生产运营指挥中心生产地图总览

SELECTED WORK / 07

采油作业区作业可视化平台

让生产流程、设备关系与运行参数在同一张动态图中清晰流动。

平台以工艺流程为主线,将油井、罐体、加热炉、泵组、阀门和外输节点进行可视化连接,并通过动态图形呈现介质流向与设备运行状态,帮助值守人员快速理解现场流程。

界面采用接近工程图纸的浅色视觉体系,降低复杂管线的阅读干扰;蓝色承载设备与参数信息,绿色和橙色用于区分不同流程状态,使监测信息能够沿着业务关系被快速识别。

05.2 / MOBILE EXPERIENCE

CITY GOVERNANCE / MOBILE APP

智慧兴隆 APP

兴隆台区移动政务与网格化治理平台

让政务协同、网格巡查与案件处置,在移动端形成连续工作闭环。

平台面向政府部门、街道与一线网格员,将工作部署、事件上报、责任分派、进度跟踪和统计看板整合进统一入口,减少跨部门信息传递中的断点。

政务服务网格治理移动协同
SMART XINGLONG一个入口,连接管理者与一线执行者

首页承载常用政务服务,网格通支撑一线事件处理,领导看板汇总关键进度和统计结果。

智慧兴隆APP:网格通工作台
网格通工作台
智慧兴隆APP:智慧兴隆政务首页
智慧兴隆政务首页
智慧兴隆APP:领导看板
领导看板
01 / GOVERNANCE LOOP

从发现问题,到完成处置

围绕真实政务工作路径组织界面,使每个节点都有明确的状态、责任与下一步行动。

01发现上报
智慧兴隆APP:快速记录事件信息
快速记录事件信息
02案件受理
智慧兴隆APP:集中查看事件详情
集中查看事件详情
03责任分派
智慧兴隆APP:匹配责任部门
匹配责任部门
04任务部署
智慧兴隆APP:明确执行任务
明确执行任务
05工作推进
智慧兴隆APP:跟踪部门执行进度
跟踪部门执行进度
06结果汇总
智慧兴隆APP:形成部门工作闭环
形成部门工作闭环
01统一工作入口

把公告、考勤、党建、任务和网格业务集中到同一套移动端框架中。

02责任路径清晰

从案件归属到部门分派与执行反馈,让跨部门协作过程清楚可追踪。

03数据支持决策

通过进度、分类和趋势数据,为管理者提供直观的工作判断依据。

02 / FUNCTION SYSTEM

覆盖不同角色的功能体系

统一的蓝白视觉语言贯穿网格员、部门人员与管理者界面,保持操作认知一致。

05 / MOBILE EXPERIENCE

PUBLIC SERVICE / MINI PROGRAM

E盘锦小程序

盘锦市疫情期间人员报备与居家管理系统

把复杂的防疫政策,转化为居民能够快速理解并完成的移动端任务。

围绕报备、代办、居家管理与通行码等关键场景,统一信息层级、状态反馈和操作路径,让不同年龄与使用习惯的市民都能顺利完成流程。

微信小程序移动端 UI公共服务
统一服务入口
服务首页
动态个人通行码
动态个人通行码
01 / CORE EXPERIENCE信息入口清晰,状态反馈明确

首页承接高频服务,个人码集中呈现通行状态与管控信息;蓝色建立公共服务的可信感,橙色只用于提醒与关键动作。

02 / TASK FLOW

一条连续的居民报备路径

从找到入口到获得结果,每一步都保留清晰的当前状态和下一步行动。

01
统一服务入口
进入服务统一服务入口
02
结构化填写信息
提交报备结构化填写信息
03
批量选择家庭成员
代人报备批量选择家庭成员
04
汇总每日防疫任务
居家管理汇总每日防疫任务
05
动态个人通行码
状态反馈动态个人通行码
01复杂任务拆解

将政策要求拆解为逐步填写、确认与反馈,降低理解和操作负担。

02状态清晰可见

用进度、标签和颜色区分待处理、进行中与已完成,减少反复确认。

03面向广泛人群

保持大字号、明确按钮与稳定结构,适配公共服务中的多年龄用户。

05.04 / WEB COMMERCE

ENTERPRISE PROCUREMENT / E-COMMERCE

辽河油田生产物资超市

面向油田生产采购场景,设计集商品检索、分类筛选、详情对比与采购服务于一体的企业物资商城。通过梳理复杂商品体系与业务路径,建立清晰、高效的PC端采购体验。

商城首页
辽河油田生产物资超市商城首页设计
06 / BRAND & CAMPAIGN

PRODUCT COMMUNICATION / SINGLE-PAGE SERIES

产品画册

将冗长、单调的业务文字拆解、归纳并转化为清晰明了的模型与图形结构。每一页都体现从理解问题、梳理逻辑到完成视觉表达的思考与设计,而非简单的信息搬运。

产品画册第 1 张

EDITORIAL DESIGN / PRODUCT BROCHURE

产品宣传折页

面向工业数字化产品,将平台架构、核心能力与应用场景重新梳理,在有限版面中建立清晰的信息层级与阅读路径,形成内外页统一的产品传播视觉。

07 / END
LIDONG / DESIGN PORTFOLIOSELECTED WORKS / 2026

THANK YOU FOR VIEWING

感谢浏览

期待与你一起,把复杂问题转化为清晰、可靠且有价值的设计。

李东 / DESIGNER数据可视化 · B端系统 · 移动体验 · 品牌企划