高冯玲 2023
172 7642 2890 2864861170@qq.com
PORTFOLIO
高冯玲 2023
172 7642 2890 2864861170@qq.com
PORTFOLIO
个人简介
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.完成切图标注
目录
CATALOGUE
字体设计
视觉设计
海报设计
Banner
插画
USE VISUAL DESIGN
界面设计
梵几
红板报
01 UER PORTRAIT
02
03 其他设计
IP设计
OTHER DESIGN
电商应用 移动端界面
FANJI梵几
多种样式的家具设计,为用户提供不同的舒适体验更多年轻化的设计
界面设计
Interface Design
项目周期:2021.08-09
工作内容:1.完成主要的界面设计
2.绘制图标、插画
3.整理设计规范
4.完成切图标注
产品理念
PRODUCT CONCEPT
便捷 舒适 品质
优化信息层级,简化
操作步骤,降低学习
成本
注重设计的舒适一致
性,图片清晰可读,
满足用户。
在产品的品质要求上
是严格要求,每一件
物品务必是做到精益
求精。
用户画像
冯毅燕
年龄:32 职业:白领
不知道喜欢哪一种装修风
格,希望app能有许多推
荐装修样式,喜欢,大气
的家具风格。
李铮辉
年龄:20 职业:学生
还在上学期间,为了学习
回收集素材,用于自己的
设计课程,学习各种家具
的设计。
UER PORTRAIT
王云霞
年龄:26 职业:设计师
硬装已经完成,想要节省成
本自己进行空间搭配,但是
缺乏系统的技巧和知识及空
间感知。
何梦影
年龄:32 职业:白领
为自家装修收集案例,寻找
靠谱的家具产品避免弯路,
想要一种轻奢风的感觉。
用户群体可视化的特征描述,如目标用户的年龄、性别、职业、地域、兴趣爱好等特征获取特征用户的显性画像。
用户在的层次特征描述,包含了用户的产品使用目的,用户偏好、用户需求、产品的使用场景、产品的使用频次等得出的隐形画像。
用户目标 用户目标 用户目标 用户目标
用户痛点 用户痛点 用户痛点 用户痛点
网上风格太多,希望多一些推
荐家装风格。
希望有讲解空间搭配以及技的
资讯。 希望推荐风格下有家具推荐,
同类型的家具。
app上都没有把每个设计师的
设计款罗列出来。
情绪探索
EMOTIONAL EXPLORATION
简约 温暖 品质 风格设定
用户群体区域年轻化,设计上属于冷静高级简约风格
设计需要传达出产品的温度和表达的感情
界面结构
INTERFACE STRUCTURE
首页
找好物
梵几 空间搭配
购物车
我的
搜索 用户可根据相关搜索关键词快速搜索
头图部分占据大面积页面,让用户更加快速醒目确定点击内容
根据用户搜索词进行设计推荐
每天会是个上新新的家具推荐
是一个具有积分兑换,会员专享的领取兑换物的专题
用户可根据相关搜索关键词快速搜索
用户可以快速在页面点击进入消息页面
页面分类有助于让用户快速找到分类物品
页面顶端出现的分类供给用户选择
页面使用和首页类似得大图banner,区分于其他竟品
用户可点击编辑按钮编辑购物车物品
用户可点击按钮进行结算
积分显示,用户可以直接读取到积分数量
用户可以直接点击查看,省去多个步骤
用户可以点击进行修改
订单信息的排版于其他竞品的不同形成对比
头图
设计推荐
家具新品
会员专享
搜索
消息
分类
分类
编辑
结算
积分
足迹
个人主页
订单信息
banner
PART PAGE
原型图
首页
Banner
会员专享
头图是采用大图展示,用户视觉聚焦
在作品上,精简的设计风格,吸引用
户进行点击。
界面展示出积分兑换页面,会员专
享,品类增多!
设计推荐
设计推荐是对针对一些风格上有区别
的系列性产品,会有不同的推荐作
品。
HOME PAGE
个人中心
INDIVIDUAL CENTER
历史足迹
积分
积分显示,会员积分显示,界面位置
增加积分位置,可以直接读取到积分
数量,点击进入。 历史足迹选择放在界面的上部分,
露出在界面之间,用户可以直接点
击进入,省去多个步骤。
购物页面(1)
SHOPPING PAGE
订单确认
购物车
购物车界面,设计是采用与传统界面
不同的长界面、大图,与传统的购物
车有所区分。
商品图片运用的#F1淡灰色 背景与
订单区分。
SHOPPING PAGE
购物页面(2)
订单状态
在页面里可显示出订单购物的状态,
使用户更能确认进度。
DETAIL PAGE
详情页面
设计师
分类标题
分类标题与图文测定结合直接感受到
产品。
每个产品都由不同的设计师不同设
计,界面设计中可以直接点击设计
师,观看设计师作品。
MEMBER PAGE
会员页面
会员权益
成长任务
会员开通
不同的会员权益展示,吸引用户更
想要开通会员!
成长任务可累计积分,在积分商城
进行积分兑换。
会员套餐的点亮有所区分,运用辅
助色红色太警示做区分。
PART PAGE
部分页面
PART PAGE
部分页面
APP用色规范
PRODUCT CONCEPT
颜色
文字色
辅助色
主色
辅助色
辅助色
#D7D1C4
#20CC27
#FFFFFF
Aa
#000000 重要文字信息,正文和标题
用于警示、高权重状态、提示
副标题次要文字信息
用于分割、分割文字
用于辅助文字信息
用于信息在线提示
#666666
#999999
#FF0000
#F1F1F1
#20CC27
APP文字规范
PRODUCT CONCEPT
文字使用苹方常见字体,苹方运用与标题与正文的部分,文字采用
粗细对比,大小对比,使得层次更加分明,每个字号之间相差
2pt,便于区分层级保护良好的阅读体验。 AaBb PingFang SC
文字规范
文字规范
文字规范
文字规范
文字规范
文字规范
文字规范
文字规范
文字规范
强调文字
特殊强调字号
banner标题
栏目标题
标签栏/结算价格
商品价格
正文
辅助文字
标签栏文字、提示文字
中粗体
中粗体
中粗体
中粗体
中粗体
常规体
常规体
常规体
常规体
40pt
32pt
24pt
20pt
18pt
16pt
14pt
12pt
10pt
文字字体 字号 粗细 应用位置
APP图标规范
PRODUCT CONCEPT
Navigation bar(导航栏图标) 24pt*24pt
首页 新消息
消息
新消息
消息
购物车
下单
搜索
设置
文件
扫描
图片
好友
客服
好友
下单返积分 退货抵积分 定制其
他尺寸
买商品
抵积分
积分兑
换商品
浏览 关闭
找好物
空间搭配 空间搭配(点亮)
购物车 购物车(点亮)
我的 我的(点亮)
首页(点亮)
首页(点亮)
Other(其他图标) 22pt*22pt/32pt*32pt
PART PAGE
引导页
红板报
小想法解锁大世界
界面设计 视频娱乐类 移动端界面
2022.05-06
1.完成主要的界面设计
2.绘制图标、插画,banner设计
3.整理设计规范
4.完成切图标注
用户画像
李小萍 女/大学生/20岁 孙光永 男/线上销售/25岁
用户目标
最 近业余时间较多,想要学习有关动效,
特效的课程,补充自己的业余爱好。
用户目标
希望通过app学会一些视频和3d特效,关于
互联网的相关课程。
用户痛点
想学的课程较多比较杂,希望能有一个具有
更多学习内容的软件
用户痛点
网上视频很多,不知道该怎么学习,该先学
那一部分。
冯云 女/视频剪辑师/27岁
用户目标
在除自己的工作领域中,学习更多的课程,
丰富自己的阅历。
用户痛点
不知道自己适合学什么内容,可以有讲师进
行讲解分析。
产品功能 转化为机会 产品功能
热门话题
热门话题
专属社区
主题播放
如何让TA找到学习的乐趣
界面结构 22
想学的课程较多比较杂,希望
能有一个具有更多学习内容的
软件。
网上视频很多,不知道该怎
么学习,该先学那一部分。
希望有一系列的那种视
频。
如何让TA选择适合自己的课程
如何选择用户想要的内容
姓名
孙木
王飞
吴洁莉
李彦彬
王凤娇
不知道自己适合学什么内容,
可以有讲师进行讲解分析。
想要那种可以有话题那种。
想要那种可以有话题那种。
如何让TA找到学习的乐趣
如何让TA对app有粘性
如何让TA对app有粘性
体验地图
阶段
行为
想法
情绪曲线
机会点
我们通过模拟用户的上传的视频以及学习行为,以叙述故事的方式描述用户在社区之间的互动以及学习课程,在分析的过程中把地图作为一个参照
物,将用户痛点转换为机会点,最终在我们的产品中体现解决方法,优化平台的产品用户的使用体验。
无目的浏览
无目的的观看
想要发布视频不知
道做特效
有分类筛选以供用
户对喜好的选择
具有客服进行沟通
咨询
有不同的课程针
对不同的用户
不知道哪些课程适
合新手
对课程有所了解 记录学习过程以及
心得体会
社区获得更多的用
户进行课程学习
想要视频发布 挑选合适课程 进行视频学习 用户对学习进行反馈
明确学习内容
社区进行发帖
课程评论
与客服进行沟通
视觉体系
Design
concep
产品定位:
通过用户发行剪辑视频,从而会有一些新用户想要学习剪辑发行视频,会有
教学任务。
解决:需要更多视频的发布者
通过产品的关键词的提炼,结合客户需求及实际使用人群分析,确立了活
跃、年轻化的视觉风格,利用合理的色彩和视觉感官吸引用户,传达产品的
视觉感受。
目标需求
视觉概念
年轻 活跃 热情
界面结构
首页
发现
红板报 发布
课堂
我的
今日推荐 根据用户的点赞搜索推荐出今日的视频推荐
每日会更新新的专栏文章
每日会为更新精选
会为用户推荐优质的创作人
根据用户的关注推荐相同好友
主题播放时话题聚集地,用户可点击进行话题参与
用户点击进入是多分类的作品
用户点击发布文章
用户点击发布图片
用户点击发布图片
banner会更新近期的优惠以及课程
以便于用户查找到最近新课程
以便于用户查找到全部课程
按钮运用红色可以让用户注视到可点击的页面
提醒到用户了进行点击
六个功能区,界面更具有完整性,也让用户少去很多学习成本。
专栏文章
精选
创作人
推荐
主题播放
作品
banner
个人主页
发布分章
全部课程
更多功能
发布视频
本周新课
开通会员
发布图片
原型图
首页
今日推荐
推荐创作人 会根据用户点赞爱好加上每日推荐,
从而推荐今日视频。
推荐创作人板块为了更好的向用户
推荐优质的创作人。
个人中心
个人主页
开通会员
更多功能
放在个人中心页面,同样也醒目的提
示用户点击。
六个功能区,界面更具有完整性,也
让用户少去很多学习成本。
按钮运用红色更加醒目,也提示了
用户可点性。
其他页面
直播推荐
按钮
推荐创作人下会有一键关注,会比一
位一位的点击免去用户点击步 数。
在视频界面顶部,会推荐创作人的
直播推荐,并与没有直播的创作人
进行区分,加上红色描边。
其他页面(2)
主题播放
主题播放是话题聚集的视频集结,把
点赞放在画面里与其他点赞区分。
视频详情
创作人 相关视频
在用户点击感兴趣的视频下,会根据
视频的类型,选择同类型创作人进行
推荐。
在感兴趣视频,推荐同类型
相关视频。
会员页面
开通时长
会员权益
点亮按钮的时长,选择上用醒目的
红色描边进行,点亮和未点亮的区
分。
会员权益的展示更加的补充说明会
员的功能。
部分页面
部分页面
引导页
#F53C35
辅助色 主色
#FFBB00
圆角情绪
DESIGN IDEAS AND PROIECT PROCESS
#FFBB00 #F53C35
圆角的大小一般出现在图标、按钮和卡片上。圆角
越大,,产品越圆滑有趣;越小,则越严谨安全,
当圆角为0时,不管时从视觉上还是感觉上,都显得
过于锋利尖锐。
8pt
8pt
常规
设计思路与项目流程
了解业务目标 业务目标拆解 提取体验目标 提出视觉策略 输出解决方案 数据验证迭代
研究背景 确定方向 确定目标 解决方案 反馈验证
APP用色规范
颜色
文字色
辅助色
#000000
#FF0000
重要文字信息,正文和标题
价钱等重要警示文字
副标题次要文字信息
打开状态用色
用于辅助文信息以及已关注等字
部分提示文字
#666666
#0EE121
#999999
#1E62F0
#F53C35
辅助色 主色
辅助色
#FFBB00
#0EE121
APP用色规范
文字使用苹方常见字体,苹方运用与标题与正文的部
分,文字采用粗细对比,大小对比,使得层次更加分
明,每个字号之间相差2pt,便于区分层级保护良好的
阅读体验。
文字字体 字号 粗细 使用场景
文字规范
文字规范
文字规范
文字规范
文字规范
文字规范
文字规范
文字规范
文字规范
40pt
32pt
24pt
20pt
18pt
16pt
14pt
12pt
10pt
中粗体
中粗体
中粗体
中粗体
中粗体
常规体
常规体/中粗体
常规体/中粗体
中粗体
强调文字
banner文字/强调价钱
引导页标题文字
登陆标题文字
栏目标题
标题
正文/用户名称
辅助文字/用户小头像名称
标签栏文字、提示文字
PingFang SC 永(中文)
Ping Fang SC
AaBb Regula Semibold
icon规范
v PS
标签栏icon 26pt*26pt 其他icon 34pt*34pt/26pt*26pt
首页 尊贵标识 谁看过我 课程免费
会员特权
软件入门
3D特效
剪辑调色
新媒体运营 专业理论 技能特点
三维动画 在线客服 我的课程
专属客服 极速下载 隐身访问
尊享皮肤
合成特效
会员权益 已购课程 帮助 分类 签到
转发 搜索 信息 课程 点赞 评论
设置
社区
发布 发布(点亮)
发现 发现(点亮)
我的 我的(点亮)
首页(点亮)
社区(点亮)
目录
CATALOGUE
字体设计
IP设计
视觉设计
海报设计
Banner
插画
USE VISUAL DESIGN
界面设计
梵几
红板报
01 UER PORTRAIT
02
03 其他设计
web
OTHER DESIGN
POSTER DESIGN
海报设计
BANNER DESIGN
banner设计
BANNER DESIGN
banner设计
BANNER DESIGN
banner设计
BANNER DESIGN
banner设计
红板报
SOLAR TERM ILLSTARATION
节气插画
红板报
SOLAR TERM ILLSTARATION
节气插画
红板报