第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

标记系统设计总结(2)

时间:2017-12-20 11:36来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
其实对于小红点的使用,我们一定要慎重。因为小红点的工作原理就在于用户心中对于和谐统一界面的追求,突然这里出现了一个红点,所以总是会忍不住

  其实对于小红点的使用,我们一定要慎重。因为小红点的工作原理就在于用户心中对于和谐统一界面的追求,突然这里出现了一个红点,所以总是会忍不住的想去点击。我们可以适当的降低小红点的尺寸,或者使用一些微动效来缓解用户的内心对于这个小红点的烦躁心理。

  

标记系统设计总结

  印章

  印章主要用于表单内信息的标记。表单内一般文本信息比较多,为了进行凸显我们可以使用印章样式,而且因为现实生活中的印章所带来的隐喻,用户也很容易接受。

  

标记系统设计总结

  组件层级

  即使在同一款产品中,因为使用场景和信息层级的不同,相同的组件会有多种不同的展示样式。

  以使用场景为例,同样的一个群消息提醒,是否开启了免打扰模式的小红点的样式是不一样的,这里主要的不同是背景色。

  

标记系统设计总结

  以信息层级为例,同样的标签,在列表页的样式是面状而详情页是线状。关于这点我是这样理解的,在产品列表页面,你得通过这些“诱人”的标签把用户吸引过来,当用户点击进入到详情页后,就没有必要突出这些标签了。

  

标记系统设计总结

  总结

  最后我们可以从使用场景的角度对这四个元素进行一个梳理:

  角标:表现力最强,适合展示信息层级最高或者最重要的功能;

  标签:常规标记元素,适合展示不太重要且数目较多的功能;

  小红点:着重于展示状态的变更;

  印章:表单类多文本信息的标记首选。

  以上就是我对标记系统做的一个总结,希望可以帮助到大家。

  #专栏作家#

  王M争(微信公众号:王M争),人人都是经理专栏作家,资深互联网人。

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕