设为首页 - 加入收藏 ASP站长网(Aspzz.Cn)- 科技、建站、经验、云计算、5G、大数据,站长网!
热搜: 创业者 发布 一年
当前位置: 首页 > 运营中心 > 建站资源 > 策划 > 正文

关于卡片设计、分割线、无框设计的思考(3)

发布时间:2018-02-20 21:15 所属栏目:20 来源:人人都是产品经理
导读:探探,运用卡片式设计,实现左右滑动代表感不感兴趣的操作,从而增加产品的趣味性。 但是,卡片也有它的弊端,如果不在何时的场合盲目的使用卡片设计,也会使你的设计变得低效和空间浪费。 举个例子,下面这种效果

探探,运用卡片式设计,实现左右滑动代表感不感兴趣的操作,从而增加产品的趣味性。

但是,卡片也有它的弊端,如果不在何时的场合盲目的使用卡片设计,也会使你的设计变得低效和空间浪费。

举个例子,下面这种效果图,设计师们应该都不陌生,因为在各大设计网站上经常看到的。

但是,你认真分析下,好好的一个通讯录,明明只有简单的头像和名字的元素,非要包裹在卡片里,而且卡片与卡片之间还要留出间距。为了视觉效果,空间这么浪费,并且影响效率。

如果按照微信的策略好友可以加到5000,那找个人不得向上滑死么,肯定想日了哈士奇了(bi~~~消音器)。

2. 分割线设计

在UI设计中,最传统也是最常见的的分隔方式是“线”。它能起到分隔、组织、细化的作用,帮助用户了解页面层次,赋予内容组织性。

而“线”,可以分为:

(1)全出血分隔线

“出血”是一种平面印刷中的概念,而“全出血”指的是分隔线横向贯穿整个页面,一般为了区分更加独立性的内容信息。

比如:知乎的“想法”feed流里,就是采用全出血分隔线的形式,让信息分隔的更明显,更加独立性。 (可以点击看大图)

比如:google photo,用全出血分割线,来区分上面的默认分类和下面相册的模块内容。

(编辑:ASP站长网)

网友评论
推荐文章
    热点阅读