05-会员中心页面改版

会员基本具备的特点:

1、有独有的尊享感

2、等级特权带来的优越感

3、能够带来优惠,福利

T——等级特权的优越感怎么体现?(黑金)

T——给用户带来福利怎么体现?(优惠券,做任务)

可通过积分进度,积分任务,积分换购,积分活动来体现


05-会员中心页面改版_第1张图片
05-会员中心页面改版_第2张图片

会员中心拆解(组件化)

01——基础信息

        一般由昵称、头像、等级、标签、勋章等组成

02——等级特权

        罗列出可享受的特权,部分也会各等级之间有所比较

03——积分任务

        一般是以列表的方式呈现在任务区

04——积分商城

        主要为积分兑换的商品货架

05-会员中心页面改版_第3张图片
05-会员中心页面改版_第4张图片

一、基础信息

1、背景渐变(曲面烘托卡片)

2、弥散阴影

        (1)颜色略带主色调的偏向

        (2)高斯模糊的尽量控制在20左右

        (3)形状需要根据情况进行调整

3、内容层级(间距)

05-会员中心页面改版_第5张图片
05-会员中心页面改版_第6张图片
05-会员中心页面改版_第7张图片

二、等级特权

图标整体统一度

1、图标是否容易识别

2、视觉大小是否一致

3、线条粗细是否一致

4、圆角大小是否统一

5、内部呼吸感是否统一

05-会员中心页面改版_第8张图片

三、积分任务

1、好的列表流间距留白合理,文字层级对比强

        01——大留白,上下左右保持30px

        02——内部间距保持16px(五分法)

        03——主副文案字号均相差4px以上

        04——图标+底板高度 = 主副文案高度

05-会员中心页面改版_第9张图片
05-会员中心页面改版_第10张图片

2、标签、按钮

背景高度:30px     文字:22px(加粗)

需要注意:呼吸感;颜色选择;文案选择

每个内容均有的卖点就不要设为标签了,没有意义

标签的作用:1、提炼核心关键词     2、对比突出标签板块

小按钮:122*50px     文字:22px(加粗)     

小按钮周围的留白一般做到10~20px之间(12,16px)

01——寻找合适按钮及文字大小

02——按钮根据整体板块区选择

03——文字根据文字间的层级选择

05-会员中心页面改版_第11张图片
05-会员中心页面改版_第12张图片

四、积分商城

单图配图质量高:

        主体突出     背景简单     颜色鲜亮

整体配图具备统一性:

        角度统一     比例一致     色彩饱和度一致

05-会员中心页面改版_第13张图片

你可能感兴趣的:(05-会员中心页面改版)