会员基本具备的特点:
1、有独有的尊享感
2、等级特权带来的优越感
3、能够带来优惠,福利
T——等级特权的优越感怎么体现?(黑金)
T——给用户带来福利怎么体现?(优惠券,做任务)
可通过积分进度,积分任务,积分换购,积分活动来体现


会员中心拆解(组件化)
01——基础信息
一般由昵称、头像、等级、标签、勋章等组成
02——等级特权
罗列出可享受的特权,部分也会各等级之间有所比较
03——积分任务
一般是以列表的方式呈现在任务区
04——积分商城
主要为积分兑换的商品货架


一、基础信息
1、背景渐变(曲面烘托卡片)
2、弥散阴影
(1)颜色略带主色调的偏向
(2)高斯模糊的尽量控制在20左右
(3)形状需要根据情况进行调整
3、内容层级(间距)



二、等级特权
图标整体统一度
1、图标是否容易识别
2、视觉大小是否一致
3、线条粗细是否一致
4、圆角大小是否统一
5、内部呼吸感是否统一

三、积分任务
1、好的列表流间距留白合理,文字层级对比强
01——大留白,上下左右保持30px
02——内部间距保持16px(五分法)
03——主副文案字号均相差4px以上
04——图标+底板高度 = 主副文案高度


2、标签、按钮
背景高度:30px 文字:22px(加粗)
需要注意:呼吸感;颜色选择;文案选择
每个内容均有的卖点就不要设为标签了,没有意义
标签的作用:1、提炼核心关键词 2、对比突出标签板块
小按钮:122*50px 文字:22px(加粗)
小按钮周围的留白一般做到10~20px之间(12,16px)
01——寻找合适按钮及文字大小
02——按钮根据整体板块区选择
03——文字根据文字间的层级选择


四、积分商城
单图配图质量高:
主体突出 背景简单 颜色鲜亮
整体配图具备统一性:
角度统一 比例一致 色彩饱和度一致

网友评论