加入收藏 | 设为首页 | 会员中心 | 我要投稿 济南站长网 (https://www.0531zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 经验 > 正文

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

发布时间:2016-09-02 02:49:24 所属栏目:经验 来源:人人都是产品经理
导读:淘宝头条的客户端在几个月内从无到有,今天这里可以跟大家分享一下APP产生的全过程。相信大家最关心的就是如何从零到一做出一个APP,以及过程里的方法和经验。

以上分析出的内容特点关键词,其实很多都不是淘宝头条特有的,我们有必要把淘宝头条独有的一些内容特质进一步抽取出来。所以,通过淘宝头条与购物类的app与资讯类的app对比,可以抽取出来一些淘宝头条独有的内容特点:

它区别于单纯购物型的产品,它呈现的消费信息,生活资讯,用户可以在看资讯的过程中买买买。它区别于其它传统资讯类的产品,它呈现的内容是时尚,新潮,先锋的。通过以上对淘宝头条内容特点的分析,就可以找到淘宝头条物化的物品或场景:我们给它定位为生活消费杂志。

在众多的杂志视觉风格中,选定了日系的购物类杂志为淘宝头条的内容风格:图文结合,信息排布清晰的感觉,符合我们对淘宝头条消费生活杂志的定位,到这里其实也就确立了淘宝头条的视觉风格。

13

步骤三:内容风格→产品视觉

风格确立后,我们就要在产品中营造这种感觉,将风格还原在产品视觉中。既怎样打造淘宝头条这个生活消费内容类的杂志?通过以下三点:品牌、样式、排版渗透整个风格。

14

1、品牌:

这个步骤是品牌的提炼过程。从产品的定位,可以提炼出来品牌的关键词;由品牌关键词可以抽练出品牌符号;最后将品牌符号运用在产品中。

15

淘宝头条的品牌价值是:“时尚生活消费类的资讯平台”从这个定位中我们可以提炼出:时尚,生活消费,资讯媒体这三个关键点,然后在视觉层面上从视觉、心境、物化三个维度对关键词进行拆解,可以得出一些视觉特点或者物化的视觉形象。

16

从拆解出来的众多的关键词中,我们选取了两个最体现淘宝头条特征以及意义的词语:引领、聚焦。“引领”的意义为引领时尚,引领最新最权威的资讯;“聚焦”的意义为专注生活消费领域的资讯。意在突出内容上的新潮、丰富、时尚;意在让用户有感知,当用户想到生活消费类的资讯,就会来看淘宝头条。

17

然后由品牌关键词可以抽练出品牌符号:引领——物化的形象是旗帜,两面旗帜重叠形成字母“T”。“淘宝头条”的首字母“淘宝”“头条”也是T,最终确立这个旗帜的形象作为logo。聚焦——物化的符号为相机的对角框,这个符号多处运用在产品界面中。选用了黄色搭配的色调,对比强烈,体现时尚感。以下为品牌元素在产品中的应用:

18

19

2、样式和版面

在头条的主list页中,会根据不同的内容设计出不同的承载样式,最终形成一个完整统一的内容流。现有样式9种,后续还会根据业务需求不断添加样式,一条信息流里面承载这么多的样式,要在设计上做一些统一化的处理。如左文右图的图片,与三图的图片大小保持一致,在信息流中就不回出现阶梯的视觉错落感;如话题、视频、专题虽然是三种不同的内容,但在设计中为了整个list流的统一,将三种样式的基本元素保持统一,再用一些细节或是内容专有的元素进行区分。

20

案例:

设计主list:为了打造上面提到的那种日系杂志的风格,在设计中突出了以下几点:

黑白对比:信息流中的任何内容都尽量保持黑白,让内容本身带来更多的颜色,使内容更突出;

标题加粗:更大更粗的标题文字,在干净的白背景上标题内容显得更加突出;

(编辑:济南站长网)

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

热点阅读