美文网首页
05-会员中心页面改版

05-会员中心页面改版

作者: 好妹妹mango | 来源:发表于2019-01-09 17:07 被阅读13次

会员基本具备的特点:

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——文字根据文字间的层级选择

四、积分商城

单图配图质量高:

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

整体配图具备统一性:

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

相关文章

  • 05-会员中心页面改版

    会员基本具备的特点: 1、有独有的尊享感 2、等级特权带来的优越感 3、能够带来优惠,福利 T——等级特权的优越感...

  • 会员中心页面改版

    会员中心构成 基础信息-弥散阴影 1.颜色略带主色调的偏向 2.高斯模糊的尽量控制在20左右 3.形状需要根据情况...

  • 12.02-12.06总结

    本周工作: india call 图片资源替换 app主题颜色替换 zz call 登录页面改版 call页面改版...

  • 触屏网站如何实现返回并刷新

    目的 在会员中心等页面常常会遇到进入内页修改信息,返回前一个页面需要更新信息的场景。 思路 用COOKIE记录当前...

  • 滴滴代驾司机端B面UI升级

    其实早在去年的年底,已经对司机端B面的个人中心和更多页面进行了改版设计,但是改版的目的就是纯视觉改版,改版的目的并...

  • SSR改造方案

    一、背景 会员中心页面上线后,经过需求的不停迭代,页面的fsp和秒开率表现的并不理想,还有不少提升的空间。基于此,...

  • 12.07—12.11

    【微信订阅号页面改版:推文封面可看到阅读量、点赞等数据 】在最新的安卓内测版微信中,订阅号页面已经发生了改版,现在...

  • Confluence 如何查看页面树

    官方的页面已经很早就改版了,导致比较难查看页面树。 可以使用下面的方法进行查看: https://confluen...

  • 2018-05-29 更新记录

    1.个人信息页面改版,现在可以联系小win 设置成员属性,比如职位,等级等等 2.我的团队改版,可以联系小win设...

  • VUE实现Studio管理后台(一):鼠标拖放改变窗口大小

    近期改版RXEditor,把改版过程,用到的技术点,记录下来。昨天完成了静态页面的制作,制作过程并未详细记录,后期...

网友评论

      本文标题:05-会员中心页面改版

      本文链接:https://www.haomeiwen.com/subject/bpfprqtx.html