邮箱：zhaofenglinl@163.com

电话：17660922634

赵凤琳 FENGLIN ZHAO

2022-2023

PORTFOLIO

设计作品集

Le Yeahllow

蛋糕店APP界⾯设计

TALENT MANAGER

企业⼈员管理协作系统

01

02

WATER GENIUS

⽔污染检测设备及其APP设计

MONEY SPACE

⾦钱管理APP设计

03

04

FENGLIN ZHAO

2023

Design Concept 2023 01

设计概念

Pixel Fun Art

本项目选择使用像素艺术，以更有趣的方式表达

我们的产品。同时，颜色的选择也非常明亮，它

们的组合将产生强烈的视觉冲击。此外，错落有

致的布局和开箱即用的图片使页面更具活力。

Old Design 202301.互动逻辑重叠02.同质化UI设计03.层级划分混乱04.视觉吸引力较弱

02

Style Tile 2023 03

STYLE TILE

Page Display 2023 04

刚开始设计时，使整体界面与像素风插图难

以保持设计的一致性，所以做了很多不同的

尝试。后来，多次修改了主页中最显眼的卡

片，并在后期调整了页面的颜色，使色彩对

比更加强烈，给用户更强的冲击感。

主页面

为了使菜单页面和主页更加一致，进行了菜

单页面中的产品图片的修改，并通过这种方

式使蛋糕的名称更加具有辨识度。在第三次

修改时，对蛋糕图片进行了细节修改，如、

亮度、饱和度、温度等色彩调整，使蛋糕看

起来更美味！引发用户的购买欲。

菜单页面

Page Display 2023 05

多次调整顶部产品图片和产品名称的格式，

改变了文字的颜色和字母间距。在第三次修

改是为了使产品图片更具对比度和立体感。

并且修改了矩形组件之间的距离。

详情页面

Page Display 2023 06

UI Elements 2023 07UI 设计元素

Talent Manager

企业人员管理协作系统

项⽬介绍 设计过程 设计规范 界⾯展⽰

B Y Z H A O F E N G L I N 2 0 2 3

Background项目背景 Talent M是专⻔为⼤型企业定制的内部管理协作系统。

⼀⽅⾯⽤

于有效管理和维护企业内部⼈员信息，另⼀⽅⾯⽤于促进员⼯之间的沟通、协作和信息共享。系统综合的两种功能可以满⾜企业内部需求。企业端系统提供了员⼯信息管理，⼯作进度，⽇程安排等多个功能模块，帮助企业管理者集成和⾃动化各个环节的⼈⼒资源管理流程，提⾼⼈员信息的准确性、可访问性和安全性。个⼈端系统提供了沟通互动，⽂件管理等多个功能模块，有效地帮助提⾼团队的效率、协同⼯作能⼒和创新能⼒。 Introduction项目介绍项 ⽬ 介 绍 P R O J E C T B R I E F

01

01 用户反馈

分0析问2题

核0心任3务

设 计 过 程 D E S I G N P R O C E S S

功能好复杂，我很难找到

⽇常的⼯作事项很繁杂

系统平台过多，缺乏⼀致性和熟练度

整合平台功能，

优化操作

了解现有人员管理和协同工作产品，重新梳理和

优化信息框架，简化流程，提高工作效率

注重内容整理和数据分析，帮助用

户快速获取到需要的数据信息

基于不同的功能需求设计双端，同

时在界面设计上具有一致性

实时数据分析，

可视化数据

划分双端，便于管

理者和职员使⽤

功能整合度低，影响协作效率 ⼈员管理系统缺乏智能化和⾃动化的功能

协作只是聊天和传递消息，功能缺乏 我找不到需要的数据分析

公司⼈员⼊职信息更新不及时，让我

很难了解到⼈员的调动

我存储过多的⽂档和照⽚很难

找到我需要的

很难快速掌握⼿下不同部⻔的

⼯作进度

02

Design Style

设计规范

03

⽂字框架 图形+⽂字框架

可视化地图与数据

优化视觉呈现

⾸ ⻚ 设 计 H O M E P A G E

提升界面的信息层次与视觉效果，通过嵌入真实公司

3D建筑激发用户使用兴趣，简化操作流程。从文字互

动转换为图形互动。加强视觉显示的同时，更快速的

使用户获取数据信息。

04

内容层级清晰划分

增加可视化信息

计 划 进 度 ⻚ ⾯ 设 计 P L A N P A G E

管理层可以快速获取到重要数据信息，在计划进度页

面设置了用户增长率，活跃用户数和各部门计划进度

等模块。不同组件模块易于区分，有效提高信息获取

速度。

数字信息 模块分割 图表信息

05

区间组件设计

快速获取详细进度信息

计 划 进 度 ⻚ ⾯ 设 计 P L A N P A G E

进度数据查询

设计区间组件，更好的了解各部门内部的工作划分和工作进度，组件体现

任务的时间跨度，进度，各组协同情况以及各组负责人。并可以直接查看

各组长公开的每日待办事项和日程安排，方便安排会议时间和重大活动。

对应负责人信息

待办清单检查

公开日程查看

06

集成式互动功能

强化功能，提升沟通效率

互 动 ⻚ ⾯ 设 计 I N T E R A C T I O N P A G E

公司职员可通过互动页面快速建立沟通，可进行信息发送，视频会

议，小组会议和文件传输功能。右侧个人信息可进行个人时间预约

和日程查看，提高沟通效率。

07

01

模块划分

划分为三个内容，最近⽂件，视频

⾳频⽂件，⽂件夹。可以根据需求

随意调整⽂件位置。

02

⾃定义⽂件夹

⽤⼾可以根据需求修改⽂件夹名称

和颜⾊，更加⽅便进⾏⽂件夹的性

质分类。

⽂ 件 ⻚ ⾯ 设 计 F I L E P A G E

文件类型划分和自主定义

安全高效的无限云存储空间

08

WATER

GENIUS

2022.07-2022.9

水污染检测设备及其APP设计

我们怎样才能知道家里的水足够干净，

可以确保家人的身体健康？

我

0

们

1

如何...

HOW MIGHT WE?

健康 监测 家庭 饮用

我们的目标是开发一种专门检测水质的家用设

备。用户只需将水倒入水壶，按下手柄上的按

钮，设备就会自动检测水质。此外，还为用户

提供了一个应用程序。这是一个水监测数据收

集和辅助工具，用户可以使用测试水质以外的

功能，如设置测试日历、查看历史数据和水质

报告。

设

0

计

2

概念

DESIGN CONCEPT

三维建模 优化细节 & 抛光 喷涂模型 增建木质构件 LED 和 LDR 参考 LED

产品包装 测试过程中的水壶 将面包板放入水壶中 安装水壶把手和按钮 连接 LED，Oled和按钮 连接 LED 与 Oled 屏幕

产

0

品

3

设计流程

PHYSICAL COMPUTING ITERATIONS

A0rd

4

uino编程

ARDUINO CODE

在草图中包含外部库为常量值命名创建可变整数

显示存储在 PROGMEM中的位图的代码控制 OLED 屏幕开关的代码

在 OLED 屏幕上显示LDR 值和水滴图示的代码

01

0204

03

MOODBOARD

情

0

绪

5

板

平面

整洁

极简

流动

信任

宁静

设

0

计

6

规范

STYLE TILE

USER FLOW用0户7流程

30+页面

INTERFACE MOCKUP

界

0

面

8

展示

MONEY SPACE

金钱管理 APP

2022.04-2022.06

这个项目的目的是开发一种改变人们行为的应用

程序。我们在日常活动中使用金钱。我们把钱花

在我们想要和需要的东西上。由于我们的需求和

需要，订阅费和经常性费用不断增加。这些费用

开始累积，变得难以管理。通过了解问题空间和

用户痛点，最终的设计成果是创建一个移动应用

程序，以帮助用户进行财务跟踪、访问财务记

录、支出分析、财政奖励。

OV

产

E

品

R

简

V

介

IEW

FIELD DAIRY

使用报告

FIELD DAIRY

使用报告

COMPARATIVE ANALYSIS

竞品分析

PERSONA

用户画像

“ I dreamed of

opening my own

sweet store.

”

JOURNEY MAP

用户旅程图

STORYBOARD

故事板

STYLE TILE

设计规范

交

U

互

SE

流

R

程

FLOW