PORTFOLIO

ZHANGXY DESIGN

⾃我评价

· 设计基本功较为扎实，能够AI、PS、ID 等设计⼯具在校期间参与完成导师项⽬且有较为丰富的实习

经验。⾃主学习能⼒强，积极完成学习及⼯作任务。具有团队意识与合作意识，参与组织过多次⼤型

校级活动有不错的组织能⼒、⽂案策划及视觉设计能⼒。执⾏⼒强，有较为丰富的各部⻔沟通经验，

热爱学习、热爱运动。

·张星宇

·北⽅⼯业⼤学

·视觉传达设计

在校经历

·校园篮球⾏活动策划及主视觉设计

负责活动物料及视觉设计

·学⽣会体育部⼲事

负责多项⼤型活动、毕业典礼、迎新晚会等物料设计

·参与导师渔业协会应⽤程序UI设计

负责该应⽤的市场竞品分析，软件策略定位

负责设计软件UI整体概念图

荣誉经历

· 2017-2018学年校级勤学奖⼀等奖

· 2018-2019学年优秀班⼲部奖

· 2019-2020学年校级勤学奖⼆等奖

实习经历

·2018. 07-2019. 07 所在公司：7U现泡茶

岗位：品牌策划、设计师

·2020. 09-2021. 01 所在公司：宠⼀宠物

岗位：品牌策划、设计师

·2020. 09-2021. 01 所在公司：硬糖花店

岗位：品牌策划、设计师

个⼈简介

⽬录

01.

02.

03.

04.

05.

06.

07.

甜品屋品牌设计

家作⻝糖品牌设计

咪咕⾳乐UI再设计

后台UI设计

插画及应⽤设计

海报设计

标志设计练习

!"# 甜品屋品牌设计

01.

标志释义

LOGO整体颜⾊上采⽤了令⼈产⽣⻝欲、代表健康、⼲净的橙⾊加上

了相对沉稳的深咖⾊，橙⾊为烘培产品所属的颜⾊，深咖⾊是房屋的

颜⾊更与品牌想传达出吃的安⼼、吃的健康的理念相符合。⽂字⽅⾯

使⽤了⽆衬线体，并且经过了圆⻆处理，给⼈阳光，安静、甜蜜的感

觉。

01.

设计⽅案

DESIGN

在元素汲取⽅⾯尝试多⽅⾯融合标志形状上可以看到由切⽚吐司⾯包、房屋的⻔和窗户构成，以吐司元素和形似厨师帽的造型作为标志的外轮廓，展现了烘培

的企业定位，并且把吐司外轮廓⽐作房⼦的外轮廓，充分呼应了企业名称“甜品屋”。

DESIGN

01.

元素构成

辅助图形

DESIGN

01.

!"#$%%&'%()'*+,

-./0$*,'%)')&'(

12)-#3)

⾊彩规范

DESIGN

01.

!"#$

%"#$

&'(!")(#$

*+,-./01203456789:;<=>?@AB

CDEFGHIJKILMNOPQRSTUVWXYZ[

4567896:;

3#-<2=">?"0@.ABCD!EFGHIJ/K

LMNOPQRSTRUVWXYZ[\\]^_`abcd

\\]^_`abcde0+3

\\]^_`abcde0+3

efghijklmn"#0

efghijklmn"#0

字体规范

DESIGN

01.

01.

海报设计

应⽤展示

DESIGN

01.

01.

DESIGN

应⽤展示

!"# 家作糖⻝品牌设计

02.

品牌标识（主推应⽤组合）

标志设计

品牌标识是最重要的品牌表达⽅式，体现了家作⻝糖的品牌理念和

使命。基本上，任何品牌项⽬的主要⽬标就是保护和增强这个宝贵

资产。因此，任何附有品牌标识的应⽤项⽬必须受到评估以为建⽴

品牌作出的贡献。

02.

DESIGN

企业基础⾊

家作⻝糖品牌基础⾊是视觉识别的核⼼⼒量，亦是强⼤的品牌资产。为使

⽤应⽤项⽬看起来更加不同凡响，使⽤企业核⼼⾊彩时请不要犹疑。

企业辅助⾊

辅助⾊可以协助基础⾊系，令品牌能制造更加宽阔的视觉表达。家作⻝糖不同⾊

相和明度的辅助⾊，可使品牌⾊系配合灵活多样，从⽽增强视觉效果。

02.

DESIGN

⾊彩规范

02.

主识别辅助图形

辅助图形，即品牌形象系统⾥适合品牌视觉⽣

⻓的元素。辅助图形的设计灵感来源于⼀个具

备百变⽣⻓性，强沟通、强个性的联想的线

条。使⽤时须严格遵照⼿册执⾏：以维护品牌

的统⼀形象。

辅助设计

DESIGN

02.

主识别辅助图形

辅助图形，即品牌形象系统⾥适合品牌视觉⽣

⻓的元素。辅助图形的设计灵感来源于⼀个具

备百变⽣⻓性，强沟通、强个性的联想的线

条。使⽤时须严格遵照⼿册执⾏：以维护品牌

的统⼀形象。

辅助设计

DESIGN

02.

辅助设计

DESIGN

主识别辅助图形

辅助图形，即品牌形象系统⾥适合品

牌视觉⽣⻓的元素。辅助图形的设计

灵感来源于⼀个具备百变⽣⻓性，强

沟通、强个性的联想的线条。使⽤时

须严格遵照⼿册执⾏：以维护品牌的

统⼀形象。

02.

辅助设计

DESIGN

品牌定位语

品牌定位语⽐例关系、结构均已经严格精密调校，使⽤时须严

格遵照⼿册执⾏，不得进⾏任何形式的调整变动，以维护品牌

的统⼀品牌。

02.

海报设计

DESIGN

海报设计

02.

02.

包装设计规范

DESIGN

PORTFOLIO

产品展示

$" 咪咕⾳乐UI再设计

03.

咪咕⾳乐

UI 改版设计

设计说明

整体⻚⾯⻛格选⽤极简设计原则，⾊彩上依然采⽤咪咕独有的粉⾊，并搭配上⽆⾊

彩倾向的⿊⽩灰，将品牌⾊在⽤户⼼中不断深化。此外还将原本软件中所冗余的阴

影和2.5D效果进⾏删减，让整体UI更加年轻化。并且将⿊夜模式与⽇间模式，进⾏

不同状态下的明度和间距优化，使⽤户眼睛减少疲劳，阅读更舒适。

03.

DESIGN

设计现状

应⽤程序这个词在近年被频繁提到，⼏乎⼈⼈都知道APP这个热词的含义。这个认知快速成⻓是由智能⼿机的普及所⽀撑的。⾃⼿机问世以来，它正在以⼀个病毒式

扩散的速度迅速占领我们每⼀个⼈的⽣活。⽽依附于⼿机的应⽤软件，它的种类与涉及的内容也遍布我们⽣活中的每⼀个⻆落。2017年，中国的应⽤软件增⻓率已成

为世界最⼤的应⽤软件发布国。游戏、社交娱乐、销售等都是率先在互联⽹市场上发⽣巨⼤变化的第⼀个⾏业。随着4g和5g⽹络的成熟和移动终端硬件技术的快速更

新，移动终端设备的接⼝设计也迅速发展，形成了⾃⼰独特的设计语⾔。

前期调研

03.

98% 56.4%

智能⼿机⽤户下载过不同类型的应⽤ 下载过⼗多个不同类型的应⽤

DESIGN

调研⽅案产品很难满⾜所有⽤户的需求，所以选择部分⼈群作为我们⽬标调查⽤户，并对这些⽤户进⾏深⼊分析，了解⽤户的痛点、诉求；最后，考

虑的是产品的功能和内容应该如何满⾜⽤户需求，以及产品给⽤户带来的价值。产品当前处于成⻓期，为了得到真实有效的数据故⽽采⽤⼆者结合的

⽅式。

03.

定性调研 ⽤户访谈

⽤户访谈是使⽤频率最⾼的⽤户研究⽅法之⼀。从字⾯的含义上

来讲，访谈就是受访者与采访者相互交流的过程，⽬的是为了从

受访者处获得关键信息。本⽂将从如何准备⽤户谈、如何执⾏、

访谈结束后的分析和说明三个维度深度解析⽤户访谈。

定量调研 问卷调查

通过问卷的形式，向被调查者征集我们想要研究或想要了解的信

息，将这些信息整理提炼出数据，并对其进⾏分析，从⽽对我们

的决策和⾏为进⾏指导。

调研⽅案

调研⽅案

DESIGN

为了真实反应⽤户对于aap设计⻛格的关⼼程度，是否真的对⽤户体验造成很⼤影响，我们主要对18-30岁的⼈群进⾏了调查分析，并了解不同类型

的客户需求，对⽬标⽤户群体做了调研分析，得出以下分析结果。

调研结果

03.

83% 16%

由上述数据可以分析出：⾳乐APP的设计⻛格对⽤户体验影响很⼤，因本产品众群体绝⼤多数是80，90和00后为主的年轻⼈，因此顺应现在

年轻群体审美⼤趋势与潮流，我决定在这次的APP改造中也选取扁平化的UI设计⽅案。通过简洁，抽象化的设计⻛格令这款应⽤更加年轻，具

有活⼒，以此来吸引更多的年轻⽤户来使⽤。UI主⾊调我仍沿⽤咪咕的品牌⾊与⿊⽩结合的⽅式，因为这样就可以降低⽤户的学习成本。

认为视觉设计对产品影响⼤的⼈ 认为视觉设计对产品影响⼩的⼈

DESIGN

⽤户调研

03.

年龄 城市 职业 婚姻

22岁 北京 在校⼤学⽣ 未婚

李⼼

⽬前是⼀名北京⼯⼤学的⼀名在校⼤学⽣，平时听⾳乐，⾳乐重度⽤

户，喜欢在⼀些不同平台听歌曲，并且原因尝试各种新类型APP.

⽤户⽬标

想从app上听歌的同时也能从视觉上得到良好的体验。

爱⾳乐

视觉体验

app重度⽤户

DESIGN

改版⽬标

03.

通过对相关产品调研结果的分析，制定符合设计产品的合理化设计⽅向定义，依照定义进⼀步推导设计

⽅案的制定与执⾏，使得最终的产品设计符合⽤户使⽤⼼智模型，为⽤户体验打造良好的基础。

界⾯视觉表现层⾯：

交互设计流程层⾯：

产品品牌输出层⾯：

产品设计信息层⾯：

核⼼点：

视觉降噪，提炼功能，注重层级。

核⼼点：

建⽴品牌⻛格，传递产品理念。

核⼼点：

统⼀产品交互⽅式，简化流程。

核⼼点：

优化产品信息架构，清晰，准确。

DESIGN

03.

DESIGN

品牌⻛格

信息架构的核⼼是探讨⽤户对信息的认知过程，对于产品设计⽽⾔，信息架构关注的是“呈现给⽤户合理且有价值的信息”。清晰明

确的信息架构图，能够在界⾯层⾯清楚的表达产品的功能模块和整体的逻辑链路，有利于产品设计者从宏观⾓度审视：不同业务模块

如何落实到界⾯结构，以及不同功能模块之间的关联性。

⾸⻚

新歌速递

推荐歌单

排⾏榜⻚

搜索

视频

精选推荐

歌⼿LIVE

播放⻚⾯

收藏

下载

评论

专辑

我的

我的关注

本地⾳乐

已购⾳乐

最近播放

我喜欢的

更多动能

年轻悦动

轻盈活泼

优雅美观 简单明快

信息明确

⻘春活⼒

03.

DESIGN

品牌⻛格

⾊彩规范

03.

活⼒粉红

#F8D0D8

辅助⾊ 辅助⾊ 辅助⾊

#9B9B9C

· 产品主题⾊调 #E73C60

#F3F2F2

颜⾊应⽤中，不允许使⽤太多⾊彩扰乱视觉，⾊彩选⽤制定为三种即可，使⽤70%&20%&10%的原则，去细化

⾊彩表现。

DESIGN

字体规范

03.

DESIGN

⾸⻚

03.

扁平化⻛格

标志性品牌⾊

⾸⻚设计

通过简洁，抽象化的设计⻛格令这款应⽤更加

年轻，具有活⼒，以此来吸引更多的年轻⽤户

来使⽤。UI主⾊调我仍沿⽤咪咕的品牌⾊与⿊

⽩结合的⽅式，因为这样就可以降低⽤户的学

习成本。

运⾏软件启动⻚后第⼀个⻚⾯，是UI设计的核

⼼，⼀个好的UI设计其中最重要的⼀点就是主⻚

⾯能不能让⽤户产⽣共鸣并对其产⽣依赖。所以

在本次设计中占到了举⾜轻重的地位。

UI主⾊调我仍沿⽤咪咕的品牌⾊与⿊⽩结合的

⽅式，因为这样就可以降低⽤户的学习成本。

DESIGN

5G⻚⾯

03.

5G⻚⾯

这是咪咕⾳乐区别于其他⾳乐类APP的功能之⼀。由于近两年

5G⽹络的普及，⽹速已经进⼊了过盛的时代，咪咕⾳乐针对这

个⽅⾯推出了5G专区，⾥⾯包含了⼤量的⽆损⾳源和蓝光⾳乐

LIVE，试图完美还原⾳乐的本质，给⽤户提供更震撼的⾳乐享

受。

DESIGN

⾳乐播放⻚⾯

03.

播放⻚⾯

⾳乐播放⻚⾯：⾳乐播放时点击

底部⾳乐状态栏便可进⼊⾳乐播

放界⾯，播放界⾯给⽤户展示⾳

乐播放进度，歌⼿、专辑、歌曲

详细的介绍，并且拥有歌曲评

论，下载⾳效选择等详细设置供

⽤户选择。

层叠⻚⾯

1、分享⻚⾯：在播放⻚

⾯点击分享按钮后的界⾯

2、歌单列表⻚⾯：在播

放⻚⾯点击歌单列表后的

⻚⾯

DESIGN

视频⻚⾯

03.

DESIGN

视频⻚⾯

随着近年4G,5G的普及，短视频不再像10年前⼀条要加载5分

钟，可以做到⼏秒内加载出甚⾄可以做到⽆缝衔接播放每⼀条

短视频所以近年抖⾳，快⼿等软件在⼿机上成为⼈⼈皆有的必

备软件。越来越多的软件开发商也意识到我们正在从图⽚化时

代逐步转向视频化时代。所以纷纷在⾃⼰开发的软件中增加了

视频的板块，想从中分⼀杯羹。所以视频⻚⾯便应运⽽⽣。

03.

DESIGN

03.

DESIGN

$" 电商后台界⾯设计

04.

设计思路

04.

项⽬介绍

⽤户群体

电商后管理系统为内部员⼯使⽤，可天查看不同访问数据，集成了商品管理、

交易管理店铺管理、财务管理、客户管理、数据分析等⼀系列操作，满⾜公司

不同⻆⾊不同需求。后台界⾯主次分明，⾊通透明亮，符合年轻⼈的审美。

本店铺⼯作⼈员，年龄集中在20-30,另外少有20以下或30以上的。主要对店

铺和商品进⾏管理，⽇常处理订单发货等操作，关注⾃⼰店铺的营销统计，设

置店铺活动及优惠券等活动内容操作。

DESIGN

04.

20以下 20-30岁

30岁以上

设计规范

颜⾊规范

字体规范

04.

DESIGN

⻚⾯设计

04.

DESIGN

⻚⾯设计

快递信息

发货跟待发货

后台管理⼈员可以通过数据统计下单发货时间

等信息来统计。

⼀个稳定的数据为客户提供良好的服务，实时

查看快递状态，能够更好的服务客户，增加好

感度。

04.

DESIGN

⻚⾯设计

订单管理

由于客户下订单的⽅式多种多样、订单执⾏路径也千

变万化、还有许多产品和服务不断变化、发票开具难

以协调，就是因为这些情况使得订单管理变得⼗分的

复杂多样。通过订单管理提⾼店铺精细化运营效率，

实施服务能⼒强，可以真正帮助卖家提⾼运营效率。

04.

DESIGN

⻚⾯展示

04.

DESIGN

%&'( 插画设计及应⽤

05.

插画设计

05.

DRAW

以⼀只卖⻥的熊为故事的设定进⾏绘制，主

⼈公⼩灰熊的卖⻥⼩铺即将开业，⼩灰熊在

开⼼的制作⾃⼰的产品，期待着开业⼤卖。

熊⻥菜市场

05.

DRAW

插画描绘

为健康零⻝设计的包装，采⽤花⽣及举哑铃的动作相结合，

凸显该品牌零⻝的健康及天然属性。

健康零⻝