MENU

【新品】Discuz!官方认证应用全新新媒体风格

May 23, 2021 • 产品开发阅读设置

新媒体风格是适用于 官方认证 应用的一款第三方风格拓展,用户可以在拓展组件处选择购买安装,安装后,官方认证应用的页面以及标识和功能都将获得全新的效果,接下来就给您介绍一下这款风格:

风格购买地址:https://addon.dismall.com/plugins/qzom_verify.91184.html

图标购买地址:https://addon.dismall.com/plugins/qzom_verify.91185.html

一、首页布局

新媒体风格参考了目前流行的“自媒体”认证申请页面,采用了简单大气的首页大文字标题 + 卡片式的认证类型选项,让用户第一眼不会觉得眼花缭乱,并且每一个认证分类的图标都是精心设计的线性图标,与首页的整体设计交辉相应。

1.png

同时,为了更好的帮助用户区分个人类型的认证和机构类型的认证,我们用了两种不同的色系来展示认证类型,个人认证类型的分类,采用了明亮的黄色,整体的线性图标也是同样的色系,而对于机构认证,我们采用了比较正式、官方的蓝色系,同样的,线性图标也均与之相应。

2.png

当然,在卡片式选项的底部,我们还是增加了前两款风格都很受欢迎的“推荐用户”模块,这个模块会随机抽取 9 位(因页面设计原因,展示 9 位是最佳方案)已认证的用户展示在这里,一可以提升普通用户参与认证兴趣,二是可以帮助这些已认证用户进行引流,会有更多人进入他们的主页。

3.png

相信以上这样的首页设计不仅在视觉上能带来美感,在实际的用户体验中,也会带来很多的便利。

二、认证协议

本次风格的认证协议页面,我们在顶部新增了 流程导览的功能,用户可以清晰的看见自己正在认证流程的哪一步,而下一步需要做什么,认证协议页面也同样采用了简单大气的设计。

4.png

三、提交页面

新媒体风格的认证提交页面是做的比较用心的一款,资料信息区域中,用户名栏目的下方有提供 改名道具卡 的快速购买、使用链接,可以帮助用户在认证前快速修改用户名(与我们应用中心提供的免费改名道具卡联动,所以没有安装的记得前往安装),而在下方还增加了头像的预览区域,同意,也在旁边提供了修改头像的快速链接,用户可以检查自己头像是否符合规则,如有不符可以便捷的前往修改头像。

5.png

我们这次将证明材料单独放下下面的区域,而用户也可以更直观的通过我们精心设计的示例图片区域,快速的了解需要上传什么样的怎么材料,同样的,右侧会有一些证明材料要求的说明以及提供模板的下载链接。

6.png

7.png

四、审核页面

用户提交认证的资料后,将会自动跳转并锁定在 审核页面,所以这个页面的效果还是比较重要的,之前有不少用户向我们反馈默认风格的审核页面太丑了,所以这次我们也是沿用整体的设计方案,提供了一个非常简洁、明了而且很舒适的审核页面,用户可以随时在这个页面查看自己的认证进度。

8.png

五、我的认证

这是首次在第三方风格中完全构建一个完整的“我的认证”页面,在这个页面中,用户可以清晰的看到自己的认证类型,认证的到期时间,以及提交的认证信息,并且在底部提供了认证效果的预览。

可能会有用户问为什么页面中不显示证明材料,这是我们为了保护隐私的泄露而采取的措施,因为 Discuz!机制的原因,如果这里提供证明材料的图片,那么很可能别有用心并掌握代码基础的用户可以通过这里的图片获取到其他用户的证明材料图片,非常不安全,另外,也可能存在账号被他人登录的情况,在这种情况下如果显示了证明材料,那么很可能就会被人盗用信息。为了保障隐私不被泄露,也向各大网站学习,在这个页面是不会展示怎么材料的,望各位理解。

9.png

六、认证效果

这次我们也采用了很简单小巧的全新认证标识,可以看到在版块的帖子列表页面,完全不会显得拥挤,效果和布局整体都比较不错。

10.png

而在帖内,我们也精心调整的左侧的展示认证信息模块,整体都搭配的相得益彰,相信会给你的网站带来不一样的色彩。

12.png11.png

如果你恰好财力雄厚,那么我们也推出了整整一套 12 个全新设计的认证标识,可以在购买风格时一同购入。

七、总结

本次的风格是支持宽窄屏切换以及自动适应居中的,我们也对非白底的网站模板做了准备,为了保证最佳的想实现,认证中心将锁定白底的背景色显示。

新媒体认证中心风格是一个全新的代表自媒体时代来临的风格,我们希望这个风格能让各位网站的认证中心符合当下的设计潮流,也希望更多的第三方风格可以给用户更多的选择余地,我们可以不用千篇一律,我们每个人都是颜色不同的烟火

Archives QR Code
QR Code for this page
Tipping QR Code