高冯玲2023作品集 2

发布时间:2023-3-01 | 杂志分类:其他
免费制作
更多内容

高冯玲2023作品集 2

SOLAR TERM ILLSTARATION节气插画红板报 [收起]
[展开]
高冯玲2023作品集 2
粉丝: {{bookData.followerCount}}
文本内容
第1页

高冯玲 2023

172 7642 2890 2864861170@qq.com

PORTFOLIO

第2页

个人简介

CATALOGUE

基本信息 教育背景

工作经验

姓 名:高冯玲

年 龄:22

微 信:183 3523 0408

电 话:172 7642 2890

邮 箱:2864861170@qq.com

2019.09-2022.06

图文信息处理专业

4年基础美术学习 3年设计理论学习

2021.08-2023.02

导师工作室

主要负责:

1.移动端界面设计,梳理产品需求确定产品方向

2.完成banner、图标、插画的设计

3.参与红板报、梵几移动端界面的设计

4.整理设计规范

5.完成切图标注

第3页

目录

CATALOGUE

字体设计

视觉设计

海报设计

Banner

插画

USE VISUAL DESIGN

界面设计

梵几

红板报

01 UER PORTRAIT

02

03 其他设计

IP设计

OTHER DESIGN

第4页

电商应用 移动端界面

FANJI梵几

多种样式的家具设计,为用户提供不同的舒适体验更多年轻化的设计

界面设计

Interface Design

项目周期:2021.08-09

工作内容:1.完成主要的界面设计

2.绘制图标、插画

3.整理设计规范

4.完成切图标注

第5页

产品理念

PRODUCT CONCEPT

便捷 舒适 品质

优化信息层级,简化

操作步骤,降低学习

成本

注重设计的舒适一致

性,图片清晰可读,

满足用户。

在产品的品质要求上

是严格要求,每一件

物品务必是做到精益

求精。

第6页

用户画像

冯毅燕

年龄:32 职业:白领

不知道喜欢哪一种装修风

格,希望app能有许多推

荐装修样式,喜欢,大气

的家具风格。

李铮辉

年龄:20 职业:学生

还在上学期间,为了学习

回收集素材,用于自己的

设计课程,学习各种家具

的设计。

UER PORTRAIT

王云霞

年龄:26 职业:设计师

硬装已经完成,想要节省成

本自己进行空间搭配,但是

缺乏系统的技巧和知识及空

间感知。

何梦影

年龄:32 职业:白领

为自家装修收集案例,寻找

靠谱的家具产品避免弯路,

想要一种轻奢风的感觉。

用户群体可视化的特征描述,如目标用户的年龄、性别、职业、地域、兴趣爱好等特征获取特征用户的显性画像。

用户在的层次特征描述,包含了用户的产品使用目的,用户偏好、用户需求、产品的使用场景、产品的使用频次等得出的隐形画像。

用户目标 用户目标 用户目标 用户目标

用户痛点 用户痛点 用户痛点 用户痛点

网上风格太多,希望多一些推

荐家装风格。

希望有讲解空间搭配以及技的

资讯。 希望推荐风格下有家具推荐,

同类型的家具。

app上都没有把每个设计师的

设计款罗列出来。

第7页

情绪探索

EMOTIONAL EXPLORATION

简约 温暖 品质 风格设定

用户群体区域年轻化,设计上属于冷静高级简约风格

设计需要传达出产品的温度和表达的感情

第8页

界面结构

INTERFACE STRUCTURE

首页

找好物

梵几 空间搭配

购物车

我的

搜索 用户可根据相关搜索关键词快速搜索

头图部分占据大面积页面,让用户更加快速醒目确定点击内容

根据用户搜索词进行设计推荐

每天会是个上新新的家具推荐

是一个具有积分兑换,会员专享的领取兑换物的专题

用户可根据相关搜索关键词快速搜索

用户可以快速在页面点击进入消息页面

页面分类有助于让用户快速找到分类物品

页面顶端出现的分类供给用户选择

页面使用和首页类似得大图banner,区分于其他竟品

用户可点击编辑按钮编辑购物车物品

用户可点击按钮进行结算

积分显示,用户可以直接读取到积分数量

用户可以直接点击查看,省去多个步骤

用户可以点击进行修改

订单信息的排版于其他竞品的不同形成对比

头图

设计推荐

家具新品

会员专享

搜索

消息

分类

分类

编辑

结算

积分

足迹

个人主页

订单信息

banner

第9页

PART PAGE

原型图

第10页

首页

Banner

会员专享

头图是采用大图展示,用户视觉聚焦

在作品上,精简的设计风格,吸引用

户进行点击。

界面展示出积分兑换页面,会员专

享,品类增多!

设计推荐

设计推荐是对针对一些风格上有区别

的系列性产品,会有不同的推荐作

品。

HOME PAGE

第11页

个人中心

INDIVIDUAL CENTER

历史足迹

积分

积分显示,会员积分显示,界面位置

增加积分位置,可以直接读取到积分

数量,点击进入。 历史足迹选择放在界面的上部分,

露出在界面之间,用户可以直接点

击进入,省去多个步骤。

第12页

购物页面(1)

SHOPPING PAGE

订单确认

购物车

购物车界面,设计是采用与传统界面

不同的长界面、大图,与传统的购物

车有所区分。

商品图片运用的#F1淡灰色 背景与

订单区分。

第13页

SHOPPING PAGE

购物页面(2)

订单状态

在页面里可显示出订单购物的状态,

使用户更能确认进度。

第14页

DETAIL PAGE

详情页面

设计师

分类标题

分类标题与图文测定结合直接感受到

产品。

每个产品都由不同的设计师不同设

计,界面设计中可以直接点击设计

师,观看设计师作品。

第15页

MEMBER PAGE

会员页面

会员权益

成长任务

会员开通

不同的会员权益展示,吸引用户更

想要开通会员!

成长任务可累计积分,在积分商城

进行积分兑换。

会员套餐的点亮有所区分,运用辅

助色红色太警示做区分。

第16页

PART PAGE

部分页面

第17页

PART PAGE

部分页面

第18页

APP用色规范

PRODUCT CONCEPT

颜色

文字色

辅助色

主色

辅助色

辅助色

#D7D1C4

#20CC27

#FFFFFF

Aa

#000000 重要文字信息,正文和标题

用于警示、高权重状态、提示

副标题次要文字信息

用于分割、分割文字

用于辅助文字信息

用于信息在线提示

#666666

#999999

#FF0000

#F1F1F1

#20CC27

第19页

APP文字规范

PRODUCT CONCEPT

文字使用苹方常见字体,苹方运用与标题与正文的部分,文字采用

粗细对比,大小对比,使得层次更加分明,每个字号之间相差

2pt,便于区分层级保护良好的阅读体验。 AaBb PingFang SC

文字规范

文字规范

文字规范

文字规范

文字规范

文字规范

文字规范

文字规范

文字规范

强调文字

特殊强调字号

banner标题

栏目标题

标签栏/结算价格

商品价格

正文

辅助文字

标签栏文字、提示文字

中粗体

中粗体

中粗体

中粗体

中粗体

常规体

常规体

常规体

常规体

40pt

32pt

24pt

20pt

18pt

16pt

14pt

12pt

10pt

文字字体 字号 粗细 应用位置

第20页

APP图标规范

PRODUCT CONCEPT

Navigation bar(导航栏图标) 24pt*24pt

首页 新消息

消息

新消息

消息

购物车

下单

搜索

设置

文件

扫描

图片

好友

客服

好友

下单返积分 退货抵积分 定制其

他尺寸

买商品

抵积分

积分兑

换商品

浏览 关闭

找好物

空间搭配 空间搭配(点亮)

购物车 购物车(点亮)

我的 我的(点亮)

首页(点亮)

首页(点亮)

Other(其他图标) 22pt*22pt/32pt*32pt

第21页

PART PAGE

引导页

第22页

红板报

小想法解锁大世界

界面设计 视频娱乐类 移动端界面

2022.05-06

1.完成主要的界面设计

2.绘制图标、插画,banner设计

3.整理设计规范

4.完成切图标注

第23页

用户画像

李小萍 女/大学生/20岁 孙光永 男/线上销售/25岁

用户目标

最 近业余时间较多,想要学习有关动效,

特效的课程,补充自己的业余爱好。

用户目标

希望通过app学会一些视频和3d特效,关于

互联网的相关课程。

用户痛点

想学的课程较多比较杂,希望能有一个具有

更多学习内容的软件

用户痛点

网上视频很多,不知道该怎么学习,该先学

那一部分。

冯云 女/视频剪辑师/27岁

用户目标

在除自己的工作领域中,学习更多的课程,

丰富自己的阅历。

用户痛点

不知道自己适合学什么内容,可以有讲师进

行讲解分析。

产品功能 转化为机会 产品功能

热门话题

热门话题

专属社区

主题播放

如何让TA找到学习的乐趣

第24页

界面结构 22

想学的课程较多比较杂,希望

能有一个具有更多学习内容的

软件。

网上视频很多,不知道该怎

么学习,该先学那一部分。

希望有一系列的那种视

频。

如何让TA选择适合自己的课程

如何选择用户想要的内容

姓名

孙木

王飞

吴洁莉

李彦彬

王凤娇

不知道自己适合学什么内容,

可以有讲师进行讲解分析。

想要那种可以有话题那种。

想要那种可以有话题那种。

如何让TA找到学习的乐趣

如何让TA对app有粘性

如何让TA对app有粘性

第25页

体验地图

阶段

行为

想法

情绪曲线

机会点

我们通过模拟用户的上传的视频以及学习行为,以叙述故事的方式描述用户在社区之间的互动以及学习课程,在分析的过程中把地图作为一个参照

物,将用户痛点转换为机会点,最终在我们的产品中体现解决方法,优化平台的产品用户的使用体验。

无目的浏览

无目的的观看

想要发布视频不知

道做特效

有分类筛选以供用

户对喜好的选择

具有客服进行沟通

咨询

有不同的课程针

对不同的用户

不知道哪些课程适

合新手

对课程有所了解 记录学习过程以及

心得体会

社区获得更多的用

户进行课程学习

想要视频发布 挑选合适课程 进行视频学习 用户对学习进行反馈

明确学习内容

社区进行发帖

课程评论

与客服进行沟通

第26页

视觉体系

Design

concep

产品定位:

通过用户发行剪辑视频,从而会有一些新用户想要学习剪辑发行视频,会有

教学任务。

解决:需要更多视频的发布者

通过产品的关键词的提炼,结合客户需求及实际使用人群分析,确立了活

跃、年轻化的视觉风格,利用合理的色彩和视觉感官吸引用户,传达产品的

视觉感受。

目标需求

视觉概念

年轻 活跃 热情

第27页

界面结构

首页

发现

红板报 发布

课堂

我的

今日推荐 根据用户的点赞搜索推荐出今日的视频推荐

每日会更新新的专栏文章

每日会为更新精选

会为用户推荐优质的创作人

根据用户的关注推荐相同好友

主题播放时话题聚集地,用户可点击进行话题参与

用户点击进入是多分类的作品

用户点击发布文章

用户点击发布图片

用户点击发布图片

banner会更新近期的优惠以及课程

以便于用户查找到最近新课程

以便于用户查找到全部课程

按钮运用红色可以让用户注视到可点击的页面

提醒到用户了进行点击

六个功能区,界面更具有完整性,也让用户少去很多学习成本。

专栏文章

精选

创作人

推荐

主题播放

作品

banner

个人主页

发布分章

全部课程

更多功能

发布视频

本周新课

开通会员

发布图片

第28页

原型图

第29页

首页

今日推荐

推荐创作人 会根据用户点赞爱好加上每日推荐,

从而推荐今日视频。

推荐创作人板块为了更好的向用户

推荐优质的创作人。

第30页

个人中心

个人主页

开通会员

更多功能

放在个人中心页面,同样也醒目的提

示用户点击。

六个功能区,界面更具有完整性,也

让用户少去很多学习成本。

按钮运用红色更加醒目,也提示了

用户可点性。

第31页

其他页面

直播推荐

按钮

推荐创作人下会有一键关注,会比一

位一位的点击免去用户点击步 数。

在视频界面顶部,会推荐创作人的

直播推荐,并与没有直播的创作人

进行区分,加上红色描边。

第32页

其他页面(2)

主题播放

主题播放是话题聚集的视频集结,把

点赞放在画面里与其他点赞区分。

第33页

视频详情

创作人 相关视频

在用户点击感兴趣的视频下,会根据

视频的类型,选择同类型创作人进行

推荐。

在感兴趣视频,推荐同类型

相关视频。

第34页

会员页面

开通时长

会员权益

点亮按钮的时长,选择上用醒目的

红色描边进行,点亮和未点亮的区

分。

会员权益的展示更加的补充说明会

员的功能。

第35页

部分页面

第36页

部分页面

第37页

引导页

#F53C35

辅助色 主色

#FFBB00

第38页

圆角情绪

DESIGN IDEAS AND PROIECT PROCESS

#FFBB00 #F53C35

圆角的大小一般出现在图标、按钮和卡片上。圆角

越大,,产品越圆滑有趣;越小,则越严谨安全,

当圆角为0时,不管时从视觉上还是感觉上,都显得

过于锋利尖锐。

8pt

8pt

常规

设计思路与项目流程

了解业务目标 业务目标拆解 提取体验目标 提出视觉策略 输出解决方案 数据验证迭代

研究背景 确定方向 确定目标 解决方案 反馈验证

第39页

APP用色规范

颜色

文字色

辅助色

#000000

#FF0000

重要文字信息,正文和标题

价钱等重要警示文字

副标题次要文字信息

打开状态用色

用于辅助文信息以及已关注等字

部分提示文字

#666666

#0EE121

#999999

#1E62F0

#F53C35

辅助色 主色

辅助色

#FFBB00

#0EE121

第40页

APP用色规范

文字使用苹方常见字体,苹方运用与标题与正文的部

分,文字采用粗细对比,大小对比,使得层次更加分

明,每个字号之间相差2pt,便于区分层级保护良好的

阅读体验。

文字字体 字号 粗细 使用场景

文字规范

文字规范

文字规范

文字规范

文字规范

文字规范

文字规范

文字规范

文字规范

40pt

32pt

24pt

20pt

18pt

16pt

14pt

12pt

10pt

中粗体

中粗体

中粗体

中粗体

中粗体

常规体

常规体/中粗体

常规体/中粗体

中粗体

强调文字

banner文字/强调价钱

引导页标题文字

登陆标题文字

栏目标题

标题

正文/用户名称

辅助文字/用户小头像名称

标签栏文字、提示文字

PingFang SC 永(中文)

Ping Fang SC

AaBb Regula Semibold

第41页

icon规范

v PS

标签栏icon 26pt*26pt 其他icon 34pt*34pt/26pt*26pt

首页 尊贵标识 谁看过我 课程免费

会员特权

软件入门

3D特效

剪辑调色

新媒体运营 专业理论 技能特点

三维动画 在线客服 我的课程

专属客服 极速下载 隐身访问

尊享皮肤

合成特效

会员权益 已购课程 帮助 分类 签到

转发 搜索 信息 课程 点赞 评论

设置

社区

发布 发布(点亮)

发现 发现(点亮)

我的 我的(点亮)

首页(点亮)

社区(点亮)

第42页

目录

CATALOGUE

字体设计

IP设计

视觉设计

海报设计

Banner

插画

USE VISUAL DESIGN

界面设计

梵几

红板报

01 UER PORTRAIT

02

03 其他设计

web

OTHER DESIGN

第43页

POSTER DESIGN

海报设计

第44页

BANNER DESIGN

banner设计

第45页

BANNER DESIGN

banner设计

第46页

BANNER DESIGN

banner设计

第47页

BANNER DESIGN

banner设计

第48页

红板报

第49页

SOLAR TERM ILLSTARATION

节气插画

红板报

第50页

SOLAR TERM ILLSTARATION

节气插画

红板报

百万用户使用云展网进行网上电子书制作,只要您有文档,即可一键上传,自动生成链接和二维码(独立电子书),支持分享到微信和网站!
收藏
转发
下载
免费制作
其他案例
更多案例
免费制作
x
{{item.desc}}
下载
{{item.title}}
{{toast}}