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

比如第二个模块里，我的创作、我的收藏、我的关注、我的邀请回答，都是“我”操作后的内容信息；而第三个模块，已购内容、我的私家课、我的Live……都是跟“钱”或“付费”相关的。

所以，采用内嵌式分割线，比较适合这种划分有关联性的内容，同时有提升浏览效率。 

其实，采用“线”的分割方式，相对其它两种（卡片式设计、无框设计）是比较保守的解决方案，但是，前提是要处理好“线”的间距、粗细、颜色，等问题。

3. 无框设计

无框设计是近两年流行起来的的一种新的趋势，是去除界面中的边框，分割线，用间距来区分内容。

它适合运用于：

（1）大图为主

大图为主指的是以图片为主的产品，每张图片本身就可以起到分割的作用，因此，不需要采用多余的线或边框进行分割。

比如：instagram，发布图片前，用户被强制对图片进行正方形截取，才能保证图片在feed流里的宽度，撑满全屏，从而看起来很整体。

可能有的同学会问，为什么国外的产品就这么高大上，微博怎么就不能去分割线，做减法，搞的洋气一些呢？

那么大牙来带你分析一下哈！instagram只支持发送固定尺寸的图片和视频，而你想人家微博支持发送图片、文章、视频、纯文字、签到、点评…等等的内容。

同时微博feed流里的图片，支持 1 张－ 9 张不同情况的排版，而且 1 张图片时，为了更好的呈现出用户的原图比例，还要处理成4:3，16:9，正方形，以及特殊尺寸的缩略样式，同时还有gif图的情况，还支持你在自己状态下添加不同话题。那么你想只用间距留白来区分？场面会像刚地震完的样子…（认真脸）

所以现在想，微博用卡片形式来承载这些内容信息，还是有一定的原因的。

（2）内容有规律

内容有规律指的是，留白间距上下的内容，最好是相对一致的、重复的、亲密的，这样用户会下意识的将其分为一组。

比如，Airbnb采用的无框设计，原因是它们的信息元素很统一、重复，才给人营造出比较整体的感觉。同时，合理的运用大标题也起到关键性作用。

（编辑：核心网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!