淘宝头条的内容化设计项目总结

营造一种紧凑的热闹感：紧凑、整齐。在feeds的间距，字号，图片大小，相似信息等，运用格式塔方法论使其保持一致性，让整个信息流看上起完整，顺畅。读者在阅读的过程中既能区分不同的内容，但也不会有被打断的不适感;

左文右图，目的是为了突出标题。滑动时，大部分用户右手操作，滑动过程中手挡住的是图片，不会遮挡标题，不影响阅读主要文字信息;

节奏：对样式的穿插制定固定的规则，形成一种阅读节奏感(三条一图，穿插三条三图)。

每日一文：每日精选一图加一句话，把最优质精选的的内容第一眼呈现给用户，同时可以给帐号曝光的机会。根据内容的定位采用简约设计：让用户在三秒中内快速浏览一图一句话，运用品牌元素，打造杂志感闪屏封面。版面中，计白当黑，黑色的文字及品牌元素与图片构成了页面中的黑色元素，与留白行成了虚空间，一虚一实，形成了视觉美感。

五分钟：用户可以用碎片时间来阅读小编每日推荐的五篇精选文章，在视觉上作了精细化处理：要做到有内容可看。

为了打造进入栏目印象，设计了与导航栏相连的栏目顶图，顶图中突出时间，在每日翻动时可以让用户感知到是在看哪一天的五分钟。每天五分钟，会形成阅读习惯，增加用户对栏目的黏性;

card采用大图+标题+简介的形式。让用即便是不点进详情页也可以判断文章的内容是否是自己喜欢的，同时在浏览整个五分钟流的过程，也是一个沉浸式阅读的过程;

在图片上融入了品牌元素中黑色线框的标签设计，标注出文章的编码和归类，并在栏目底部做了已阅读多少篇的提醒，用户可以在这里清晰的判断出哪些是已读，哪些是未读。

设计淘宝头条，就是一个内容化设计的实例，如何整理内容、组织内容、呈现内容、表达内容在整个产品的设计过程中都会体现出来。目前淘宝头条已经上线，产品和内容也会在继续在迭代中不断优化。我们的设计并不完善，后需要优化的地方也很多，但是希望这些思考能够启发到其他人。

作者：晚如、多兰

来源：淘宝用户体验设计

注：相关网站建设技巧阅读请移步到建站教程频道。

（编辑：济南站长网）

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