郵箱：zhaofenglinl@163.com

電話：17660922634

趙鳳琳 FENGLIN ZHAO

2022-2023

PORTFOLIO

設計作品集

Le Yeahllow

蛋糕店APP界?設計

TALENT MANAGER

企業(yè)?員管理協(xié)作系統(tǒng)

01

02

WATER GENIUS

?污染檢測設備及其APP設計

MONEY SPACE

?錢管理APP設計

03

04

FENGLIN ZHAO

2023

Design Concept 2023 01

設計概念

Pixel Fun Art

本項目選擇使用像素藝術，以更有趣的方式表達

我們的產(chǎn)品。同時，顏色的選擇也非常明亮，它

們的組合將產(chǎn)生強烈的視覺沖擊。此外，錯落有

致的布局和開箱即用的圖片使頁面更具活力。

Old Design 202301.互動邏輯重疊02.同質(zhì)化UI設計03.層級劃分混亂04.視覺吸引力較弱

02

Style Tile 2023 03

STYLE TILE

Page Display 2023 04

剛開始設計時，使整體界面與像素風插圖難

以保持設計的一致性，所以做了很多不同的

嘗試。后來，多次修改了主頁中最顯眼的卡

片，并在后期調(diào)整了頁面的顏色，使色彩對

比更加強烈，給用戶更強的沖擊感。

主頁面

為了使菜單頁面和主頁更加一致，進行了菜

單頁面中的產(chǎn)品圖片的修改，并通過這種方

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

修改時，對蛋糕圖片進行了細節(jié)修改，如、

亮度、飽和度、溫度等色彩調(diào)整，使蛋糕看

起來更美味！引發(fā)用戶的購買欲。

菜單頁面

Page Display 2023 05

多次調(diào)整頂部產(chǎn)品圖片和產(chǎn)品名稱的格式，

改變了文字的顏色和字母間距。在第三次修

改是為了使產(chǎn)品圖片更具對比度和立體感。

并且修改了矩形組件之間的距離。

詳情頁面

Page Display 2023 06

UI Elements 2023 07UI 設計元素

Talent Manager

企業(yè)人員管理協(xié)作系統(tǒng)

項?介紹 設計過程 設計規(guī)范 界?展?

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

Background項目背景 Talent M是專?為?型企業(yè)定制的內(nèi)部管理協(xié)作系統(tǒng)。

????

于有效管理和維護企業(yè)內(nèi)部?員信息，另????于促進員?之間的溝通、協(xié)作和信息共享。系統(tǒng)綜合的兩種功能可以滿?企業(yè)內(nèi)部需求。企業(yè)端系統(tǒng)提供了員?信息管理，?作進度，?程安排等多個功能模塊，幫助企業(yè)管理者集成和?動化各個環(huán)節(jié)的??資源管理流程，提??員信息的準確性、可訪問性和安全性。個?端系統(tǒng)提供了溝通互動，?件管理等多個功能模塊，有效地幫助提?團隊的效率、協(xié)同?作能?和創(chuàng)新能?。 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

功能好復雜，我很難找到

?常的?作事項很繁雜

系統(tǒng)平臺過多，缺乏?致性和熟練度

整合平臺功能，

優(yōu)化操作

了解現(xiàn)有人員管理和協(xié)同工作產(chǎn)品，重新梳理和

優(yōu)化信息框架，簡化流程，提高工作效率

注重內(nèi)容整理和數(shù)據(jù)分析，幫助用

戶快速獲取到需要的數(shù)據(jù)信息

基于不同的功能需求設計雙端，同

時在界面設計上具有一致性

實時數(shù)據(jù)分析，

可視化數(shù)據(jù)

劃分雙端，便于管

理者和職員使?

功能整合度低，影響協(xié)作效率 ?員管理系統(tǒng)缺乏智能化和?動化的功能

協(xié)作只是聊天和傳遞消息，功能缺乏 我找不到需要的數(shù)據(jù)分析

公司?員?職信息更新不及時，讓我

很難了解到?員的調(diào)動

我存儲過多的?檔和照?很難

找到我需要的

很難快速掌握?下不同部?的

?作進度

02

Design Style

設計規(guī)范

03

?字框架 圖形+?字框架

可視化地圖與數(shù)據(jù)

優(yōu)化視覺呈現(xiàn)

? ? 設 計 H O M E P A G E

提升界面的信息層次與視覺效果，通過嵌入真實公司

3D建筑激發(fā)用戶使用興趣，簡化操作流程。從文字互

動轉(zhuǎn)換為圖形互動。加強視覺顯示的同時，更快速的

使用戶獲取數(shù)據(jù)信息。

04

內(nèi)容層級清晰劃分

增加可視化信息

計 劃 進 度 ? ? 設 計 P L A N P A G E

管理層可以快速獲取到重要數(shù)據(jù)信息，在計劃進度頁

面設置了用戶增長率，活躍用戶數(shù)和各部門計劃進度

等模塊。不同組件模塊易于區(qū)分，有效提高信息獲取

速度。

數(shù)字信息 模塊分割 圖表信息

05

區(qū)間組件設計

快速獲取詳細進度信息

計 劃 進 度 ? ? 設 計 P L A N P A G E

進度數(shù)據(jù)查詢

設計區(qū)間組件，更好的了解各部門內(nèi)部的工作劃分和工作進度，組件體現(xiàn)

任務的時間跨度，進度，各組協(xié)同情況以及各組負責人。并可以直接查看

各組長公開的每日待辦事項和日程安排，方便安排會議時間和重大活動。

對應負責人信息

待辦清單檢查

公開日程查看

06

集成式互動功能

強化功能，提升溝通效率

互 動 ? ? 設 計 I N T E R A C T I O N P A G E

公司職員可通過互動頁面快速建立溝通，可進行信息發(fā)送，視頻會

議，小組會議和文件傳輸功能。右側(cè)個人信息可進行個人時間預約

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

07

01

模塊劃分

劃分為三個內(nèi)容，最近?件，視頻

?頻?件，?件夾?？梢愿鶕?jù)需求

隨意調(diào)整?件位置。

02

?定義?件夾

??可以根據(jù)需求修改?件夾名稱

和顏?，更加?便進??件夾的性

質(zhì)分類。

? 件 ? ? 設 計 F I L E P A G E

文件類型劃分和自主定義

安全高效的無限云存儲空間

08

WATER

GENIUS

2022.07-2022.9

水污染檢測設備及其APP設計

我們怎樣才能知道家里的水足夠干凈，

可以確保家人的身體健康？

我

0

們

1

如何...

HOW MIGHT WE?

健康 監(jiān)測 家庭 飲用

我們的目標是開發(fā)一種專門檢測水質(zhì)的家用設

備。用戶只需將水倒入水壺，按下手柄上的按

鈕，設備就會自動檢測水質(zhì)。此外，還為用戶

提供了一個應用程序。這是一個水監(jiān)測數(shù)據(jù)收

集和輔助工具，用戶可以使用測試水質(zhì)以外的

功能，如設置測試日歷、查看歷史數(shù)據(jù)和水質(zhì)

報告。

設

0

計

2

概念

DESIGN CONCEPT

三維建模 優(yōu)化細節(jié) & 拋光 噴涂模型 增建木質(zhì)構(gòu)件 LED 和 LDR 參考 LED

產(chǎn)品包裝 測試過程中的水壺 將面包板放入水壺中 安裝水壺把手和按鈕 連接 LED，Oled和按鈕 連接 LED 與 Oled 屏幕

產(chǎn)

0

品

3

設計流程

PHYSICAL COMPUTING ITERATIONS

A0rd

4

uino編程

ARDUINO CODE

在草圖中包含外部庫為常量值命名創(chuàng)建可變整數(shù)

顯示存儲在 PROGMEM中的位圖的代碼控制 OLED 屏幕開關的代碼

在 OLED 屏幕上顯示LDR 值和水滴圖示的代碼

01

0204

03

MOODBOARD

情

0

緒

5

板

平面

整潔

極簡

流動

信任

寧靜

設

0

計

6

規(guī)范

STYLE TILE

USER FLOW用0戶7流程

30+頁面

INTERFACE MOCKUP

界

0

面

8

展示

MONEY SPACE

金錢管理 APP

2022.04-2022.06

這個項目的目的是開發(fā)一種改變?nèi)藗冃袨榈膽?/p>

程序。我們在日?；顒又惺褂媒疱X。我們把錢花

在我們想要和需要的東西上。由于我們的需求和

需要，訂閱費和經(jīng)常性費用不斷增加。這些費用

開始累積，變得難以管理。通過了解問題空間和

用戶痛點，最終的設計成果是創(chuàng)建一個移動應用

程序，以幫助用戶進行財務跟蹤、訪問財務記

錄、支出分析、財政獎勵。

OV

產(chǎn)

E

品

R

簡

V

介

IEW

FIELD DAIRY

使用報告

FIELD DAIRY

使用報告

COMPARATIVE ANALYSIS

競品分析

PERSONA

用戶畫像

“ I dreamed of

opening my own

sweet store.

”

JOURNEY MAP

用戶旅程圖

STORYBOARD

故事板

STYLE TILE

設計規(guī)范

交

U

互

SE

流

R

程

FLOW