编者按:本文来自微信公众号 “镜像娱乐”(ID:jingxiangyule)
,作者:周驰,36氪经授权发布。

1月21日,优酷发布了2018年度网络电影分账榜TOP10,其中有8部票房分账破千万,4部分账破2000万,《大蛇》更是以5078万的分账票房成为网络电影票房总冠军,而此前的最高纪录保持者是4548万的《灵魂摆渡·黄泉》。从全网来看,2018年共34部网大分账票房突破1000万,而2017年这一数据则为13部。

分账模式优化下,网大走向精品多元化

《2018年中国网络视听发展研究报告》显示,2017年全网共计上新1892部网大,2018年全年预计上新网大为1373部,同比下降约27%,但破千万影片数量却增长了近三倍。可以看出网络电影除了单片成绩的不断突破,市场的整体环境也在持续优化。

分账模式优化下,网大走向精品多元化

网大诞生之初,就给人粗制滥造、蹭IP、山寨、打擦边球的负面印象,但在市场环境的不断规范下,网络电影工委会成立,网络电影制作的基准线在不断提高,作品质量普遍上升,票房天花板被不断打破,网大市场正在朝着一个规范化的方向发展。

整个市场的快速发展,也带来了各大平台分账制度的快速变革,这也推动了网大分账票房的不断走高。“收益多少取决于付费会员的有效播放量,天花板就是视频平台的会员规模。”爱奇艺会员业务事业部副总经理葛旭峰表示。根据2018年第三季度财报显示,爱奇艺订阅会员规模达到8070万,腾讯视频订购用户数达8200万,随着付费会员的不断增长,网大分账票房未来还会有更高的突破。

与此同时,传统的电影公司和电影人也在近两年纷纷入局,华谊兄弟、欢瑞世纪通过开设或收购新媒体子公司布局网络电影领域;张艺谋在2018年5月24日与欢喜传媒宣布签约,根据欢喜传媒发布的公告显示:欢喜传媒将在未来六年内,拥有对张艺谋执导的三部网络系列影视剧的独家投资权,而这三部网络系列影视剧有可能就包含了网大。

分账模式优化下,网大走向精品多元化

除此之外,“龙标网络电影”的数量也在不断增加。数据显示,2018年拿到龙标,却以互联网为第一发行渠道的作品共146部,比去年增长370%。这些对标院线电影的网大数量不断增长,也进一步推动了网大质量的提升。

分账“三国杀”,推动网大精品化发展

“6分钟”曾经是一部网络电影的收益潜规则,电影制作方只需要把前六分钟做到精彩,足够吸引观众,播放量点击量上去就能取得收益,但这种分账模式一度造成网大行业烂片云集,降低了观众对于网络电影的好感。2016年全网提出“网络电影精品化”的概念后,“精品化”成为了现阶段网大发展的关键词。

与此同时,各大平台的网大分账模式也在不断细化规范,直至现在的“前六分钟定律”基本作废,指示网大必须切实提高影片品质,每一分钟都要足够精彩,才能留住观众,得到最大分账效益。

优酷:片方分账收益=内容定级单价×(有效会员观看总时长/许可作品正片总时长)+付费期3个月内累计会员拉新奖励(如果有)

2018年,优酷不仅产生了《镇魂法师》《齐天大圣·万妖之城》这样的爆款作品,《大蛇》更是以5078万票房分账刷新了网络电影全网票房纪录,在网大分账不断提高的市场下,优酷在2018年12月15日发布的全新分账模式,优酷本次发布全新的分账模式较之前的分账模式相比,又重新回归影片内容定级模式,取消了之前的有效播放量阶梯式定价模式。

优酷在之前的网络电影分账规则中,针对有效VV数(视频播放次数)设置了500万、1000万、1500万、2000万、2500万几个门槛,影片被分为A、B、C、D、E、F、N七个等级,对应的结算单价分别是6元、5元、4元、3元、2元和1元。

分账模式优化下,网大走向精品多元化

而在新规则下,有效VV数被取消,采用“观看时长”数据来评价用户观看影片的有效性,并通过人工审核评级影片,内容评级也简化到只有S、A、B、C四个分级,分别对应结算单价6元、4元、2元、1元。

这种人工评级的方法使得不同类型影片得到相对公平的分账。比如,网络电影中玄幻题材的影片的热度相较于青春片要高很多,在之前的分账模式下一部质量差的玄幻片可能要比一部优秀青春片分账多得多,而在新的制度下,取消“热度决定单价”规则,对新题材的优质影片形成利好,而对原来就是绝对爆款题材的头部内容来说基本也没什么影响。

而且优酷的拉新奖励由“每个自然月付费在线的网络电影中,为优酷会员拉新排行前五名的作品”变为“每自然月统计本月已付费完结独家项目,在其付费期3个月内累计会员拉新收入排行前五名的影片”。拉新统计期由此前的每月变为现在的3个月,统计期的拉长这也是对片方的一大利好。

分账模式优化下,网大走向精品多元化

爱奇艺:片方分账收益=内容分成+营销分成+广告分成

爱奇艺的网络电影的内容分成分为“独家合作”及“非独家合作”两个档,影片定级共A-E共5级,其中与其独家合作的会被分为A、B、C三类,而非独家合作的则将被分为D、E两类,单价分别为2.5元、2元、2元、1.5元和0.5元。每付费用户有效播放单一付费授权作品时长超过6分钟的一次或一次以上的观影行为,均计为1次有效付费点播量。

分账模式优化下,网大走向精品多元化

营销分成方面,营销分成旨在鼓励合作方进行爱奇艺站外的影片营销推广,仅针对通过独家合作评审的作品开放,其中A、B类影片均可申请营销合作,C类影片不可申请营销合作。是否营销合作及分成单价由爱奇艺内部评审团依据合作方的营销方案、营销资源及营销结案来确定。

分账模式优化下,网大走向精品多元化

广告分成则是根据影片分级,爱奇艺网络电影的付费期是3到6个月,在影片付费期结束转成免费播放后,合作方依然可以通过广告分成得到收益。

腾讯:片方分账收益=标准付费播放量×单价×分成比例+会员拉新奖励

和前两家平台相比,根据2018年9月腾讯视频发布的网大分账规则可以看到其内容分级、分成周期等指标设置和爱奇艺、优酷基本大同小异。腾讯视频的网络电影也设置了影片分级分别为S、A、B、C四个等级,但腾讯视频网络电影的分账金额数据一直不是特别明确,腾讯视频的合作模式和优酷、爱奇艺也有所不同,在合作方式上有买断、分成保底、纯分成三种模式,合作方分成比例最高为100%。和优酷、爱奇艺相比,腾讯视频爆款网大的数量目前还不占优势,所以采用买断和保底分成的模式来增加对网络电影的吸引力。

分账模式优化下,网大走向精品多元化

另外,优酷、爱奇艺平台对会员拉新的奖励上限都是100万,但腾讯视频尚未公布具体拉新奖励的上限金额,腾讯视频对拉新奖励的解释是“合作影片在腾讯视频播出所产生的会员拉新可分配利润。”这意味着合作影片在腾讯视频播出所产生的会员拉新都可分配利润。而且腾讯视频对于付费点击的标准也在下调,以前是观看“六分钟以上”才算一个有效点击,现在只要是付费用户的点击,都记为一次“标准付费播放”。

从以上三家视频平台的分账规则来看,都在向着去“唯流量论”的方向发展,视频平台对于片方的分成力度也在不断加强,使得网大市场的规模不断扩大。

市场扩大、大佬入局,网大走出野蛮生长

网大分账策略的不断优化,也吸引了更多优质资源入局,使得网大市场的未来向着更为精良的方向发展。

1、市场不断扩大

基于网络电影的分账模式,“网大的收益多少取决于付费会员的有效播放量,天花板就是视频平台的会员规模。”。因此,随着付费市场的成熟,网络电影的未来会越来越好。根据2018年第三季度财报显示,爱奇艺会员规模达到8070万;腾讯视频达到8200万的会员数字再加上一直对订阅用户秘而不宣的优酷连同二梯队乐视、搜狐、芒果TV等平台的会员数,目前全网付费会员数约接近3亿。

我国网络电影的市场规模一直与付费市场成正相关趋势,随着付费市场的不断扩大而成倍增长。根据易观发布的《中国网络视频市场趋势预测2018-2020》,2017年中国网络视频付费市场规模达到213.7亿元,同比增长96%;2018年预测规模达到360.4亿,同比增长68%;2017年网络视频广告市场规模达到489亿元人民币,同比增长37.8%,2018年预测规模642亿,同比增长29.2%。结合付费会员数量和市场规模来看,中国网络电影市场正愈发成熟。

分账模式优化下,网大走向精品多元化

2、题材红利下精品化和多元化

“过去因为行业小,用户的接受程度低,做别的我可能会赔钱。那在大概率的情况下,就做大家爱看的动作、玄幻、僵尸等。而现在行业扩大了,更多用户容纳进来,那我做不同的题材,可能成功率也会高,偶尔还会有个爆款。”奇树有鱼创始人、CEO董冠杰表示。

早期网大凭借动作、玄幻、僵尸题材红利得到迅速上升,面对如今洗牌期后的网大竞争市场,影片题材也在向着多元化的方向发展。

分账模式优化下,网大走向精品多元化

相较于院线电影,网络电影的题材更加多元,小说、游戏、漫画等题材均有涉及。在网络观影受众分布中,虽然大部分受众还是主流题材的影片,但观众对于细分题材的选择倾向在不断增加,这给网大提供了巨大的创作空间。

3、入局者不断增加

一直以来,粗制滥造、蹭IP、山寨、缺乏专业等负面词汇围绕着网络电影,但随着市场的成熟,网大的准入门槛也在不断提高,在专业团队的不断入局下,没有实力的团队在不断被淘汰。

近两年,华谊兄弟、欢瑞世纪、慈文传媒等传统影视公司开始开设或收购新媒体子公司进军网大市场。2017年慈文传媒联合爱奇艺出品的《哀乐女子天团》成为当年的口碑之作,豆瓣取得了在网大中较高的6.8评分。

分账模式优化下,网大走向精品多元化

不止传统影视公司的入局,传统导演也在加入网大的市场竞争中去。2018年5月24日,欢喜传媒宣布与张艺谋导演签约。根据欢喜传媒发布的公告显示:欢喜传媒将在未来六年内,拥有对张艺谋执导的三部网络系列影视剧的独家投资权,但这三部网络系列影视剧并没有明确为网剧,所以这三部作品极大可能包含网络电影。

加之2018年进入影视寒冬期,众多小成本影片在影院的生存环境愈发困难,大量的转战网络电影市场。而且网络电影成本低、制作周期短,比如网大《道士出山》剧本不到一周写完,筹备10天,拍摄10天,后期制作20天左右,却斩获2.2亿的点击量,以28万的小成本获得了1500万的丰厚回报。这也吸引了众多资金匮乏的影视公司纷纷布局。

虽然网络电影的播放量和分账收入主要集中在几部头部影片中,近一半的网络电影播放量低于100万,但是总体来看,网络电影正在走出“野蛮生长”的蛮荒时期,愈发的成熟,开始走向精品化多元化。

(原文标题:《2018年34部网大分账过1000万,同比增长160%;分账模式优化下,网大走向精品多元化》)

Via 36kr.com

Ref. https://mp.weixin.qq.com/s/IrKwuUlycZcP2iHpWQU0Xw, https://union-click.jd.com/jdc?d=ZKPlW2

从土味到潮流:这个冬天,秋裤是怎么逆袭的
从土味到潮流:这个冬天,秋裤是怎么逆袭的

华映资本是中国最早的文化产业基金之一,文化领域“头部投资厂牌”,重点关注文娱、消费、金融、企服四大赛道,管理规模超过60亿人民币。

从零开始学运营,10年经验运营总监亲授,2天线下集训+1年在线学习,做个有竞争力的运营人。 了解详情

释放双眼,带上耳机,听听看~!

00:00

00:00

今天,站在北京零下10度的寒风里,心里只有一句话:

我这条命,全是靠秋裤给的。

从土味到潮流:这个冬天,秋裤是怎么逆袭的
从土味到潮流:这个冬天,秋裤是怎么逆袭的

如今,第一批90后,早已经过了“你妈觉得你冷”的年纪。

相反,他们不把上衣扎到秋裤里、再把秋裤扎到袜子里,都没有勇气迈出家门一步。

秋裤,已经成为这个冬天最光辉的神の存在。

从土味到潮流:这个冬天,秋裤是怎么逆袭的
从土味到潮流:这个冬天,秋裤是怎么逆袭的

打开淘宝,输入“秋裤”二字,给你弹出来4800+个宝贝;小红书上有13010篇和秋裤相关的笔记;微博上仅#离穿秋裤仅剩不到一天#一个话题tag下,就有近8000万阅读和4万+条讨论……

曾经被时尚人士嗤之以鼻的秋裤,现在也成了明星们的吸粉和上热搜利器。天寒地冻的时节里,秋裤就是个行走的话题制造机啊。

从土味到潮流:这个冬天,秋裤是怎么逆袭的
从土味到潮流:这个冬天,秋裤是怎么逆袭的
从土味到潮流:这个冬天,秋裤是怎么逆袭的
从土味到潮流:这个冬天,秋裤是怎么逆袭的

秋裤是中国特色吗?

秋裤就一定丑?

秋裤和经济形势还能扯上关系?

所以,这个冬天秋裤都经历了什么?

秋裤是一种世界语言

秋裤是什么时候产生的?

其他国家的人冬天不穿秋裤?他们不怕冷吗?

棉毛裤和秋裤有什么不一样?大体上来讲没有,只是南北方的不同叫法,“棉毛裤“得名于生产它的机器——棉毛机。

从土味到潮流:这个冬天,秋裤是怎么逆袭的
从土味到潮流:这个冬天,秋裤是怎么逆袭的

现代棉毛机

从功能的角度分类,秋裤可以大致被定义为穿在外裤之内,长及脚踝的御寒裤。无论是衬裤、线裤、绒裤、棉毛裤、保暖裤,都属于这个范畴。

欧洲人在外裤内穿上第二层裤子的习惯,最早可以追溯到8世纪。演变到后期,外层裤子被称为马裤(breeches),内侧裤子被称为衬裤(drawers)——其中的长款,就和今天的秋裤类似。

从土味到潮流:这个冬天,秋裤是怎么逆袭的
从土味到潮流:这个冬天,秋裤是怎么逆袭的

油画《歌德在罗马郊外的坎帕尼亚》1787年

来源:意外艺术(公众号ID: yiwai11)

到14至17世纪的文艺复兴时期,长衬裤被穿在长外裤内已明确可考。算得上是真正的秋裤鼻祖。

从土味到潮流:这个冬天,秋裤是怎么逆袭的
从土味到潮流:这个冬天,秋裤是怎么逆袭的

1850年代的分体秋衣秋裤

而加拿大制衣老字号Stanfield’s创始人的儿子FrankStanfield则在1915年发明出则一种可调整的连体秋裤,上下身用扣子连接,也方便换洗,并在随后申请了专利。

从土味到潮流:这个冬天,秋裤是怎么逆袭的
从土味到潮流:这个冬天,秋裤是怎么逆袭的

来源:加拿大专利局官网

实际上,秋裤还在两次世界大战中发挥了历史性作用:第一次世界大战中,各军采购了大量连体秋裤(Union suit),而二战中,为了抵御欧洲战场的寒冷,分体式秋衣和秋裤成为了美国陆军的标配。

1941年,一名驻扎在威斯康星的美国新兵就曾在家书中写道:“上周五天气转冷,我们收到了过冬的衣物。秋裤(long johns)太暖和了,我一刻都不想离开它。”

从土味到潮流:这个冬天,秋裤是怎么逆袭的
从土味到潮流:这个冬天,秋裤是怎么逆袭的

喜欢在拳击赛场上将秋裤外穿19世纪末期美国著名拳击手John L.Sullivan

在世界范围看来,大规模、高认同度的穿秋裤行为,的确是种中国特色。但如今国外穿秋裤的也大有人在。秋裤在美国人的语境里就是thermal underwear(保暖内衣),或者long johns 和long underwear,后者直译即“长内裤”,可以说是很形象了。

从土味到潮流:这个冬天,秋裤是怎么逆袭的
从土味到潮流:这个冬天,秋裤是怎么逆袭的

就连玛丽莲梦露也穿过……

Youtube上一条测评秋裤选购技巧的种草视频,收获了12万次观看。换句话说,当你在犹豫要穿哪条秋裤的时候,地球另一端也许有12万个人在和你思考相同的问题。

秋裤也是美国亚马逊上的冬季热销商品,看看大家的留言评价,似乎也和我们的关注点没什么不同。

从土味到潮流:这个冬天,秋裤是怎么逆袭的
从土味到潮流:这个冬天,秋裤是怎么逆袭的

嫌弃秋裤不够厚的

从土味到潮流:这个冬天,秋裤是怎么逆袭的
从土味到潮流:这个冬天,秋裤是怎么逆袭的

一下子买了三条的

从土味到潮流:这个冬天,秋裤是怎么逆袭的
从土味到潮流:这个冬天,秋裤是怎么逆袭的

嗯……还有一些脑回路更清奇的:秋裤里不穿内裤

看来,无论古今中外,都有人无法抵抗这种温暖和安全感。虽然叫法不尽相同,但秋裤,着实称得上是一种世界语言。

秋裤=吃藕?我Supreme第一个不答应

秋裤一定很丑吗?

现代秋裤衍生出了哪些新形式?

秋裤给人的印象,通常是宽大、臃肿、不好看、露出来尴尬。一些童鞋不穿秋裤的倔强,很大一部分就来源于此。秋裤真的是时尚绝缘体吗?很显然,我们低估了秋裤的时尚力。

今年,Supreme秋季新款和美国内衣巨头hanes联名,秋裤秋衣整套上线,其中秋裤售价24美元。真有人买?当然,某宝上价格甚至被炒到了两三倍。

从土味到潮流:这个冬天,秋裤是怎么逆袭的
从土味到潮流:这个冬天,秋裤是怎么逆袭的

优衣库也在今年11月推出了优衣库×Alexander Wang联名秋衣秋裤,主题为“重新想象温暖”——温暖不一定就是厚重臃肿,也可以轻盈时髦。

从土味到潮流:这个冬天,秋裤是怎么逆袭的
从土味到潮流:这个冬天,秋裤是怎么逆袭的

在越来越多的时尚T台和街拍中,也可以寻见秋裤改良版的踪影。

从土味到潮流:这个冬天,秋裤是怎么逆袭的
从土味到潮流:这个冬天,秋裤是怎么逆袭的

张馨予在纽约时装周上的秋裤造型

甚至还不止一次出现在时装周大秀现场。

从土味到潮流:这个冬天,秋裤是怎么逆袭的
从土味到潮流:这个冬天,秋裤是怎么逆袭的

2014巴黎秋冬时装周CHANEL秀场

从土味到潮流:这个冬天,秋裤是怎么逆袭的
从土味到潮流:这个冬天,秋裤是怎么逆袭的

2015年米兰时装周Versace秀场

从土味到潮流:这个冬天,秋裤是怎么逆袭的
从土味到潮流:这个冬天,秋裤是怎么逆袭的

2015秋冬巴黎男装周Dries Van Noten秀场

来源:GoRunway/InDigital

当然,还有由健身人士带动起来的运动版秋裤——Legging,也迅速蹿红成街拍热门单品。人们甚至还将man和 leggings组合,创造出了男生专属的meggings一词。

从土味到潮流:这个冬天,秋裤是怎么逆袭的
从土味到潮流:这个冬天,秋裤是怎么逆袭的

leggings在街拍中出镜率极高

从土味到潮流:这个冬天,秋裤是怎么逆袭的
从土味到潮流:这个冬天,秋裤是怎么逆袭的

国潮品牌EDCO的leggings单品

一裤知秋:

秋裤卖得好不好,能看出经济走向?

秋裤产业的现状如何?

秋裤和经济形势还能扯上关系?

当外表和温度兼具的新型“秋裤”们大行其道,背后的产业有些冰火两重天的意思。

秋裤上游供应端的日子不好过。以年销售过亿、一半村民做秋裤的山东泰安“秋裤村”为例,所生产的秋裤成本为2-4元,利润只有几毛钱。人工成本、运输成本逐年上涨的同时,价格却七八年都涨不上去,生存空间逐渐被压缩。经济的发展,对秋裤产业提出了新的要求。

与此同时,据英国《卫报》报道,在全球服装零售业普遍走衰的今天,优衣库的销售额却同比增长了8.4%,而其中主要的营收来源就是以秋裤为代表的冬季服装。

而国内南极人、恒源祥、北极绒等老牌厂商,却在“内忧外患”的情况下,砍掉生产线,转型“不负责生产,只负责卖牌”的品牌授权及服务商。

从土味到潮流:这个冬天,秋裤是怎么逆袭的
从土味到潮流:这个冬天,秋裤是怎么逆袭的

一图看懂南极电商商业模式 来源:广发证券

“只卖吊牌”,这个模式行得通吗?至少数据看起来非常靓丽。南极人公司在2015年12月借壳上市,并同步更名为南极电商,上市三年以来利润持续增长。据财报显示,其2018年上半年授权产品的GMV高达56.91亿元,同比增长53.64%;上半年营业收入相比去年同期增长390.1%,品牌综合服务业务毛利超过90%。

*数据来源:公司官网 2018年半年报

在南极人看来,这种商业模式既保留了南极人品牌的核心价值,也解决了传统纺织企业产能过剩的痛点。但品控,就成了这些老牌秋裤玩家维护品牌资产的难点。

产业之外,秋裤跟经济还有着千丝万缕的联系。

美联储前主席格林斯潘曾提出过「内裤指数」(The Underwear Index),用于预测经济走势:男士内衣销量平稳上升,则预示着经济形势良好,反之则经济下行。道理其实通俗易懂,内裤是必需品,当人们手头紧、决定不到万不得已连内衣裤都不买时,或许就预示着宏观经济遇到麻烦了。而秋裤作为「underwear」的一种,自然也属于这一范畴。

这个看起来脑洞很大的指数,也的确曾在一些调查中得到验证。例如国际信息咨询巨头Mintel曾在2008年11月预测世界主要市场的男士内裤销量将在下一年增长2.6%,但事实证明其实际下降了2.3%——2009正好是经济大衰退的一年。而在2012年的经济繁荣期,美国男士内裤销量比上一年增加了6%。

不只是内裤指数,商业世界还为秋裤创造出了些新玩法。比如,除了你妈,关心你穿没穿秋裤的还有京东。

京东金融曾在2015年联合中国人寿财险推出“忘穿秋裤险”,保费11.11元。在承保期内,因意外伤残、冻伤、摔伤、感冒而产生相关的医疗费用,最高将能获得1111元的理赔。

从土味到潮流:这个冬天,秋裤是怎么逆袭的
从土味到潮流:这个冬天,秋裤是怎么逆袭的

京东金融曾联合中国人寿财险推出的“忘穿秋裤险”

从历史到时尚再到商业,小小一条秋裤,背后是人类需求和社会变迁的缩影。回到我们自身,保暖是逃不过的刚需,毕竟……

人家都说,不穿秋裤会得老寒腿。

 
图片来源:朕说(ID:zhenshuooo)

Reference:

https://www.linkedin.com/pulse/underwear-index-parthasarathi-swami

https://zhuanlan.zhihu.com/p/20267990

https://en.wikipedia.org/wiki/Long_underwear

https://baijiahao.baidu.com/s?id=1619533767939441865&wfr=spider&for=pc

从土味到潮流:这个冬天,秋裤是怎么逆袭的

给作者打赏,鼓励TA抓紧创作!

1人打赏

从土味到潮流:这个冬天,秋裤是怎么逆袭的
从土味到潮流:这个冬天,秋裤是怎么逆袭的

Via www.woshipm.com

Ref. http://996.pm/MkqOR, https://union-click.jd.com/jdc?d=ZKPlW2

这是作者在整个项目3个月周期,经历5个版本迭代后整理的复盘内容,希望能对政务管理系统等相关领域的童鞋有所帮助。

3个月5个版本,这是我在智能城管大数据平台的经历复盘
3个月5个版本,这是我在智能城管大数据平台的经历复盘

一、市场概述

1.1市场需求

国家政策引领

党中央、国务院高度重视大数据发展,将大数据上升为我国国家战略之一。

一、中共中央国务院关于深入推进城市执法体制改革改进城市管理工作的指导意见(中发〔2015〕37号)指出: 创建用数据说话、用数据决策、用数据管理、用数据创新的新机制。

二、十九大之后不久,中共中央政治局就实施国家大数据战略进行第二次集体学习。 习近平总书记指出,善于获取数据、分析数据、运用数据,是领导干部做好工作的基本功。

地方性政策不断出台

《深圳市人民政府关于印发新型智能城管建设总体方案的通知》 建设基于大数据、信息共享和人工智能的决策辅助体系,实现“一图全面感知,一键可知全局”。

安徽、苏州、贵阳、重庆、海口等多个省市提出了建设智能城管大数据的要求,大数据对城市发展的推动作用已经成为社会各界的共识,借助技术的发展和城市数据建设的跟进,大数据对城市管理的影响日益突显。

城市管理发展的必然趋势

随着城市管理工作的不断推进,平台积累的数据不断增多,相关业务口系统成熟度不断提高,运用大数据技术实现城市管理的决策科学化、治理精准化、服务高效化,是城市管理发展的必然趋势!

1.2竞争企业

北京数字政通科技股份有限公司

最大的竞争对手,已经为北京、上海、天津、重庆、广州、杭州、青岛等多个国内城市提供并实施了包括数字化城市管理、地下管线、网格化社会管理、电子警察、城市监控在内的与智能城市建设相关的解决方案,目前没有在做深圳业务。

深圳市华成峰数据技术有限公司

合作伙伴+竞争对手,主要做医药的大公司,其中一家子公司有做智能城市业务,智能城管做的少,但是深圳市局的公众服务是他们建设的。

1.3自身情况

行业12年经验,已有自主研发的多项核心技术,数十项城市管理软件产品,拥有建设智能城市的核心技术和产品线。

公司与中科院遥感所、微软技术中心、中山大学、中国移动、中国电信等单位创建了长期战略合作伙伴关系。

荣誉历程:

  1. 获得双软认证,系统集成三级资质。
  2. 已实现深圳市数字城管系统全覆盖,成为国内覆盖面最大、使用人员最多、案件量最大的数字城管平台。
  3. 通过与集成商、运营商的广泛合作,承建了珠海、许昌、佛山等地的数字城管,成为国内数字城管软件主流厂商。
  4. 获邀参与北京城管通软件标准制定,并成功实施5区城管通软件项目。
  5. 智能城管软件产品相继获得深圳市科创委“自主创新产品”称号和住建部“优秀软件产品”称号。
  6. 引入迪威视讯战略投资,成为旗下控股子公司,逐步迈向智能城市领域建设。
  7. 推出“数字城管云平台”,将数字城管发展推向以“云”为核心的新时代。

1.4客户特征

偏重功能是否实现,易用性是其次。

对展示效果有一定要求,要把握好政府形象。

领导层级复杂,需要找到一个有影响力能推进项目进展的人。

二、项目立项

2.1项目目标

建设『智能城管大数据平台』,作为城市管理数据统筹机构,集展示中心、数据中心、运行指挥中心、公众服务中心于一体,形成城市管理的“智能大脑”。

在已有信息化建设基础上,集成城市管理各个领域的数据要素,挖掘和提升城市管理数据价值。让大数据完美诠释整个辖区内的重要数据价值。

2.2可视化设计流程概述

1、根据业务场景抽取关键指标。

确定关键指标(例如城管案件数、案件高发类型、公众投诉满意度),并且拟定各个指标的优先级。

2、确立指标分析维度。

考虑各个指标所要表达的信息,从“联系、分布、比较、构成”四个维度进行分析。

3个月5个版本,这是我在智能城管大数据平台的经历复盘
3个月5个版本,这是我在智能城管大数据平台的经历复盘
  1. 联系 :数据之间的相关性
  2. 分布 :指标里的数据主要集中在什么范围、表现出怎样的规律
  3. 比较 :数据之间存在何种差异、差异主要体现在哪些方面
  4. 构成 :指标里的数据都由哪几部分组成、每部分占比如何

3、选定可视化图表类型。

选定图表需要注意两点:

  1. 易理解: 图表的价值在于体现数据内容,避免为了炫酷而选择理解难度比较大的图形。
  2. 可实现: 数据可视化化不是特效展示,UI设计的效果样式要开发能够实现,能够接入实际数据为准。

4、了解大屏,确定设计稿尺寸。

大屏通常是由电脑为信号源,多台电脑通过分辨率拼接后作为整块大屏的使用分辨率。

5、页面布局、划分。

通常核心指标安排在中间位置作为主体,其余的内容围绕核心展开。注意要把有关联的指标放在相近位置。

6、定义设计风格。

科技感作为数据可视化大屏的设计风格已经是普遍的印象,因此尽量贴近科技感和深色风格即可。

7、可视化设计。

图表类可视化通过在已有图形(Echarts、Highcharts)工具库基础上进行设计;而第三方地图的样式可自定义配置;丰富的空间感、粒子特效和建筑模型等效果对硬件设备的性能要求比较高,需要评估实现难度。

8、样图沟通确认。

尽可能简单快速地把布局、图表类型、页面风格在上体现出来,通过实际环境测试,投放大屏观察布局、图表、色差、文本内容和页面的效果是否达到理想状态,一步步修改完善。

9、页面定稿开发。

在我们确定好分析指标时,后台数据准备工作就需要开始进行了,而页面定稿、开发则是指前端样式的实现,并且把数据接入到前端。

2.3团队成员

高层经理

长期关注该项目发展并提供支持,主要负责该项目策划、项目管理、协商承诺、以及项目跟踪监督控制。

产品经理

主要负责该项目的功能、界面等方面的设计和监督实施及客户需求沟通。

UI

主要负责界面设计,把控设计风格。

Web前端

根据设计稿,通过代码实现可接入数据的静态页面。

.Net开发

主要负责开发编写功能模块,接入相应的数据。

DBA

主要负责业务数据库设计、测试和部署交付。

三、需求沟通

2.1客户目标

运用数据化手段监督城管各部门运行,分析处理智能城管实时数据,以可视化形式集成于指挥中心大屏,为领导决策提供依据,提升城市管理能力、效率和管理水平。

2.2需求记录——调研记录表

3个月5个版本,这是我在智能城管大数据平台的经历复盘
3个月5个版本,这是我在智能城管大数据平台的经历复盘

2.3需求文档——数字城管部分

尺寸:本项目大屏分辨率由两台1280×1024分辨率电脑为信号源,因此设计尺寸为2560×1024。

3个月5个版本,这是我在智能城管大数据平台的经历复盘
3个月5个版本,这是我在智能城管大数据平台的经历复盘

左边部分(当日实时数据)

  1. 案件来源分析: 采集员,微信,12319、政府在线案,其他案件来源百分比。
  2. 高发案件类型: 分为(事件,部件),按前五排名,显示宗数。
  3. 人员在线情况: 采集员,操作员,督查员——在线/总人数 ,同时显示百分比。
  4. 案件监督处置: 案件纠错数,电话回访数 。
  5. 数据交换: 发出次数,接收次数。

中间部分

  1. 今年案件: 主要为本年立案总数(大字体显示,实时显示)
  2. 当日案件: 上报数、立案数、结案数(实时更新),在地图上分区展示,可以用不同颜色区分上报,立案,结案,点击对应数据在地图上进行切换,按区分布。
  3. 城中村: 显示城中村总数,属于城中村的案件情况(上报数,立案数,结案数,)。
  4. 地图: 中间区域显示深圳大地图。
  5. 历年立案处理: 案件以万位单位,精确到小数点后两位,并附案件同比增长率,结案率。
  6. 责任单位处置(周): 按周显示各责任单位(轮播)案件立案数、结案数、结案率和综合得分。

右边部分

  1. 公众投诉: 公众投诉案件数,立案率(立案/上报),当月公众满意度(满意、无意见、不满意)。
  2. 公众奖励: 统计公众投诉案件奖励情况,按各案件类型(大类)分析(发放个数,发放金额)。
  3. 案件高发时段: 公众投诉案件高发时段(分每日和每周)。
  4. 百日行动(周): “大执法大检查行动”(按期统计数据:立案数,结案数,结案率),案件分类:(环卫类,执法类)。

四、UI设计

4.1原始稿

3个月5个版本,这是我在智能城管大数据平台的经历复盘
3个月5个版本,这是我在智能城管大数据平台的经历复盘

接手此项目时,前负责人根据原始需求制作的原型。此时需求不明确,数据可视化形式处于摸索阶段。

4.2初稿

3个月5个版本,这是我在智能城管大数据平台的经历复盘
3个月5个版本,这是我在智能城管大数据平台的经历复盘

接手后,对内容重新排布,设计符合大屏风格的基础样式。

4.3修改稿

3个月5个版本,这是我在智能城管大数据平台的经历复盘
3个月5个版本,这是我在智能城管大数据平台的经历复盘

对指标内容进一步整理,放大地图区域。

3个月5个版本,这是我在智能城管大数据平台的经历复盘
3个月5个版本,这是我在智能城管大数据平台的经历复盘

原先地图区域还是太小,重新对内容进行布局,并设计更符合科技感的样式。

4.4优化稿

3个月5个版本,这是我在智能城管大数据平台的经历复盘
3个月5个版本,这是我在智能城管大数据平台的经历复盘

由于画面内容较多,同时不规则图形对于开发也不太友好,为避免视觉杂乱对设计稿进行优化。

4.5理想稿

3个月5个版本,这是我在智能城管大数据平台的经历复盘
3个月5个版本,这是我在智能城管大数据平台的经历复盘

主要风格确定后,根据最新需求和现场投屏调试,最终定稿。

五、项目文档

该项目使用Axure软件设计,优点在于设计的原型可交互,可生成html和images资源,同时可视化大屏不需要做屏幕适配,一套设计稿就可以了,地图使用Photoshop制作后导出PNG,提高了原型到UI的转化效率。

3个月5个版本,这是我在智能城管大数据平台的经历复盘
3个月5个版本,这是我在智能城管大数据平台的经历复盘

Axure导出的资源文档。

3个月5个版本,这是我在智能城管大数据平台的经历复盘
3个月5个版本,这是我在智能城管大数据平台的经历复盘

Axure中的设计稿。

六、投屏效果

3个月5个版本,这是我在智能城管大数据平台的经历复盘
3个月5个版本,这是我在智能城管大数据平台的经历复盘

因为最终定稿的设计版本没有拍摄,选了这张效果比较好的奉上。

七、总结

整个项目3个月周期,经历5个版本迭代,问题更多的在于前期需求的不明确,项目接手比较匆忙,相关资料也不太完善。做本次复盘,梳理整个项目流程,为接下来的项目提供案例指导。

本文由 @CrEt柯若忆 原创发布于人人都是产品经理,未经许可,禁止转载

题图来自 Unsplash ,基于 CC0 协议

Via www.woshipm.com

Ref. https://unsplash.com/, https://union-click.jd.com/jdc?d=ZKPlW2

他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?
他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?

即使是工作了一定时间的白领小哥,也会误入“PPT并不重要”的大误区,其实他们只是认为他们的工作不需要去做 「给老板汇报」 或者 「商务谈判」 这一类工作罢了!

但他们却忽略了PPT最本质的需求,将人们的表达可视化。

说白了,只要有公众表达的机会,就离不开PPT。

即使没有机会接触老板和客户,但是不代表没有公众表达的可能。

需要公众表达的时候有哪些呢?太多了!!

内部分享/外部分享/产品介绍/

述职汇报/年终报告/工作计划

对于一般上班族而言,PPT绝对是必不可少的技能之一,80%的工作工作场景都有PPT的身影,看到别人商务大气的PPT相信许多人都很羡慕,轮到自己动手就总会状况频频,不是颜色基调不对,就是排版运用错误,可就不是一个“丑”字能形容的!

比如说,你做出来的PPT是这样的(猛一看还不错,但总透着一种怪异):

他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?
他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?

人家静态图都是这样这样的:

他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?
他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?

各种高大上,有气质,看到就让人精神为之震动

甚至还有这样的

他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?

用PPT绘画??!!!

这彻底颠覆了我对PPT肤浅的认识!那些提前 晋升了的小伙伴,可能就比你多一个PPT技能!

不要等到被淘汰的那一天,

才后悔为什么没有好好地提升PPT技能!

01

PPT能带给

你的机会远不止20万

不知道你有没有这样的感觉?

如果你的同事,某项能力特别突出,不仅领导资源会向他倾斜,需要其它部门协助的事情也更好办(比如财务、技术),甚至业余时间还能变现。

这项能力可以是口才、情商、甚至是颜值(毕竟看脸时代了)但这些都不是短时间能实现的事。之所以选择PPT,是因为它 0成本、0门槛、提升快,而且是大部分人最常用却最忽视的能力。

和PS、DW等工具比起来,PPT是“傻瓜相机”般好上手,却又强大到你想不到。很多普通人通过长期的练习,达到了很高的成就。

用PPT做的视频动画??!

这不是AE才能做出的效果么!

他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?
他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?
他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?
他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?

Facebook上曾有项调查,80%的人每天的工作都会涉及到PPT,其中85%的人每天都会查看10份以上的PPT。

这意味着,PPT存在一个很庞大的市场。

而这个市场,也创造了很多实现梦想和财务自由的机会。

把不起眼的PPT在中国做成产业的锐普公司,有国内最大的PPT论坛,会员 400万+ 累计浏览 4亿 ,锐普PPT研究院培养了 10万 + PPT高手,可以说 中国90%PPT高手都是从锐普出来的

这些PPTER在锐普演界网销售模板、承接定制业务, 业余时间就创造了别人1年甚至10年的收入。

他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?
他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?

演界网一周个人设计师收入排行榜,
很多人一天收入1000多块

想象一下,PPT最快只需要你1个月的练习,你就可能通过它获得领导赏识,带来职场机会。甚至,坚持练习,做自己喜欢的模板, 没有任何门槛 就可以发布到演示网上, 挂在那就能收钱 。闲时接下定制业务,1个月几千1W真的很轻松。

今天,我们就请到 锐普PPT创始人陈魁分享他累积11年的干货 ,详细的告诉大家,PPT能给普通人带来的价值和机会,以及具体要怎么去做。

他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?
他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?

陈魁

中国 PPT产业开创者 锐普PPT创始人

PPT研究院、演界网创始人

国内顶级PPT教材 《PPT演义》《PPT动画传奇》作者

10年,他把几乎无人涉足的PPT市场做成了一个产业,不仅自己年收入几千万,还创办了中国最大的PPT社区,免费提供素材和模板, 中国90%PPTER设计师在他创办的演界网,年入10万,甚至百万。

1 他的作品作为中国最具影响力的PPT演示,登上了PPTheaven网站,一个汇集了全球最好PPT的设计网站。

2 累计服务小米、阿里巴巴、中国移动等2100+客户,单价均在万元以上,最贵的一份甚至卖到 35万

他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?
他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?

小米8发布会做的PPT

3 公司盈利同时,他将锐普的PPT模板、素材等免费开放

4、 组建校园PPT巡讲团队,进驻46所高校,为30000多高校学子普及PPT干货

5、 出版的《PPT演义》和《PPT动画传奇》,畅销百万册,是无数人了解PPT的敲门砖教材。

以下是陈魁老师的自述:

02

辞掉公务员铁饭碗

我将一份PPT卖出千万

大家好,我是陈魁,圈子里的人都对我的故事很了解了。对圈子外的人来说,我和很多人一样,一开始只是不甘于重复枯燥的生活罢了。

26岁那年,我按照既定的人生规划当上了公务员。

第一次帮机关领导做PPT的时候,因为爱研究,我发现了套用 专业PPT模板 的方法。

那时候PPT还是很前卫的,我把领导的汇报套用了国外设计师的专业模板,那份PPT一下子就显得高大上了,我也因此受到领导的注意, 不到半年内就升职了。

2007年的上海,领导就给我准备了一套两居室的房子,年收入也在7万以上,很多同事都觉得我前途不可限量。但我感觉就是做到顶点每天也是不断的重复,实在不想耗费我的青春。

那时候特别爱摸索PPT,也让我发现了一个商机:国内极少专门制作PPT的公司。

于是,我果断辞掉了高薪稳定的公务员铁饭碗,成立了专注PPT研究的锐普PPT。我奶奶到现在还对我辞职的事想不通呢。

我的梦想是 用演示改变世界,让天底下没有难看的演示 ”, 事实证明,梦想是一定要有的,11年的努力,不仅自己年入千万。通过免费提供模板素材,创办论坛、大赛、研究院、演界网、去46所高校演讲,我们更培养了大量的PPT从业者和爱好者,也让他们能够通过PPT赚到钱。

为了更好的普及PPT,我联合团队顶级设计师,针对普通受众特地研发了一套精品课程, 《PPT速成手册——教你轻松掌握PPT大神技巧》 ,不仅成为网上评价最好的一套课程之一, 计学习人次达10万次 ,也让很多普通人都收获了成长。

部分学员分享:

@jeff-ff 中央空调行业市场企划

我的工作岗位对PPT的使用频率表很高,那时候感觉自己段位很low,但是还是用内容为王的话安慰自己,接触锐普之后,看了那么多好作品,幡然醒悟,开始练习。在一次求职的转折点,PPT让我脱颖而出, 谋得了跨国公司的职位和薪水

他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?
他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?

@早安 大学教师

一次课后听见同学聊天说,老师的课件是最好的催眠药, 真的很痛心啊 ,接触锐普的课程以来,跟着一步步练习,现在我是系里票选最受欢迎的老师。这次学校去米国培训的机会,果断给了我。

这些例子已经太多了,他们都通过PPT,或升职,或在收入上,取得了自己都想不到的成绩。

轻松掌握PPT大神技巧

开始是变厉害的第一步

▼▼

长按图片扫面二维码,了解最实操的PPT大神课

他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?
他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?

03

人人都会做,但人人都做不好的PPT

只因没搞懂这几点

我们时不时听到这样的言论:“PPT很简单,就是把WORD里的内容复制粘贴就好了”,但如果直接读文本,那PPT就没有存在的必要了。

试想读文本,和把文本拍成画面看的效果,你就明白了,好的PPT不仅让人放松身心、更好理解内容,也更好记住。

带观众读文本是演示者最常犯的大忌之一,杜绝这一条,演示效果能逐步得到提升。

我一直认为,要在技术上成为高手,需要先在理念上成为高手。当然,习惯的改变不是一朝一夕的事情,但只要做好以下这10点,你的PPT就能超过80%的人。

PPT高手必须树立的10大理念

1、文本是用来瞟的,不是读的                                         

2、20分钟是快乐的极限

3、清晰比什么都重要                                                       

4、没有设计就等于垃圾

5、炫不是动画的根本                                                        

6、图表是PPT的筋脉

7、没有策划就没有精品                                                  

8、PPT可以当主角

9、PPT不是哑巴                                                             

10、早用新版PPT软件

相信我,没有人愿意透过你丑陋的PPT发现你牛逼的创意!

我们的锐普线下杀手训练营

虽然三人优惠团也要2680

但不少学员表示听了几节就赚回了学费

更有不少人很快就在演示网真的赚回学费

他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?
他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?

这堂PPT速成手册课

超值早鸟价只要   99 元!!!

足足 70 节超值干货课程

不仅能让你1个月学透PPT

最快速度从小白到大神

甚至,还有超值好礼赠送

他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?
他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?

超值好礼

他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?
他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?

长按二维码进行订阅,就可马上学习!

视频更可永久回听

他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?
他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?

纯干货,超实用,超丰富,将高深的理论拆解成一步步的实操方法,让你 一听就懂, 一学就会。 课程大纲本身就是丰富的知识点干货,值得好好一看。

领取你的课程大纲

他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?
他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?

当你掌握了图片、版式、文本、设计、图表、动画,这些PPT演示的基本能力,你可能不仅仅是能做出好的课件、演示,帮助升职加薪、赚到额外的收入,你更是 掌握了PPT底层金字塔思维逻辑

这种细节和逻辑兼顾的思维模式无论做什么都能事半功倍,我想,这也会为什么,我身边无论是大学生、职场人、创业者、教师、以及一切需要用到它的人,一旦做好了PPT, 成长的速度都超过同龄人 的原因。

拥有做好PPT的技能

不仅能帮你升职加薪

更能帮你塑造个人品牌、弯道超车

得到更多变现的机会

他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?
他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?

长按上方图片扫描二维码,进行订阅

10年PPT设计和实战经验

10000人课后好评

锐普顶级设计师和培训师

耗费 365 天打造的线上课程

10 大模块+ 70 节超值课程+ 3 节直播答疑

今日限时只要 99  元(原价399元)

就能将 国内最顶尖PPT大神请到你身边

物超所值的课程亮点

1、内容超丰富: 从0到1,图片、文本、形状、配色、图表、版式、动画样样精通,更多小技巧, 即使不跟着练,听一遍也让你收获满满

2、学习法超正: 通过 before & after 案例详解PPT思路与步骤,提升在不知不觉中进行;更有 课后作业布置及点评 ,及时反馈。

他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?
他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?

3、福利超值: 报名即可获得 1000套原创高质量模板 +优秀学员 退还3倍学费 +有机会 加入锐普设计团队 ,老师还会 不定期线上直播答疑 ,零距离接近PPT大神!

他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?
他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?

购买后即可加入学习社区,提交作业还能获得老师点评,让进步更高效。所有学员都表示超级值,干货满满。

他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?
他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?

学员评价

他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?
他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?

原价 399元 的课程

今日限时特惠 99元

足足 70 节,每节课不到 1.5

在这个年代,只是买瓶水的价钱

就能获得一次和牛人链接的机会

如果你想,工作总结让人领导惊艳

提案让甲方震惊

比稿让同行花容失色

他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?
他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?

长按二维码进行订阅,就可马上学习!

视频更可永久回听

你是 PPT小白

想成为别人眼中666的存在

你是

PPT小灰

想快速解决职场各类PPT难题

你是

PPT大神

想再进一步到达超神地位

这堂课就能帮你进阶!!!

期待遇到 更好的你 ,赶快加入我们吧!!!

一、购买须知:

(1)购买前100名联系微信ID: cbh1230

还将获赠大量锐普精美PPT模版

并加入学习小组哦

(2)购买之后如何学习?

方法1【推荐】:搜索关注微信服务号“创业邦知识电商”,在右下角菜单“我的课程”中能查看到你购买过的所有课程,打开课程随时学习;

方法2:下载创业邦APP,已购商品直接学习。

二、 现在限时特价!加入创业邦会员,只要1098!!!立减100元!本课程再减100!再送300元无门槛优惠券,并获得40+堂价值4888元的CEO创业必备课程、4000+创业人脉、社区资源对接,3次投融资对接会门票;千元文档大礼包;免费参加创业邦全年3次峰会及无限次参加全国12座城市线下所有活动!扫码即可获得!

他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?
他35岁辞去公务员,却靠这项技能,年入千万!他做了什么?

Via www.cyzone.cn

Ref. https://union-click.jd.com/jdc?d=ZKPlW2

波兰安全部门逮捕一华为员工;Mac 三季度出货量出现下滑 ;谷歌股东起诉董事会
波兰安全部门逮捕一华为员工;Mac 三季度出货量出现下滑 ;谷歌股东起诉董事会

摘要

谷歌股东起诉董事会,指控隐瞒安卓之父性交易等不当行为;苏宁大幅下调 iPhone XR 售价,比官网低 1200 元;WeWork CEO:年化收入超 25 亿美元,账面上资金充足;金山软件:正与京东接洽,就潜在业务合作进行讨论;星巴克:已与 2000 家外卖门店接入,覆盖 6 亿会员;三星官宣 S10:2 月 20 日发布,5G 版配 5000mAh 电池;IMDb 推出支持广告的免费流媒体视频服务;传亚马逊正构建云游戏服务,无需下载就能玩;联合签证中心与微信合作推出小程序服务

波兰安全部门逮捕一华为员工;Mac 三季度出货量出现下滑 ;谷歌股东起诉董事会
波兰安全部门逮捕一华为员工;Mac 三季度出货量出现下滑 ;谷歌股东起诉董事会

波兰安全部门逮捕一名华为员工,指控其从事间谍活动

路透社 1 月 11 日援引波兰国家通讯社 PAP 报道,波兰国家安全局周五逮捕了一名中国公民和一名波兰公民,指控他们从事间谍活动。波兰公共电视台 TVP 频道称,这名中国公民是华为的员工。

波兰安全部门逮捕一华为员工;Mac 三季度出货量出现下滑 ;谷歌股东起诉董事会
波兰安全部门逮捕一华为员工;Mac 三季度出货量出现下滑 ;谷歌股东起诉董事会

不过,波兰特别事务处副主管瓦希克(Maciej Wasik)没有透露被抓中国公民身份,只是称,「这位中国人是在一家大型电子公司工作的商人…」,瓦希克还透露称,「(被抓)波兰人在网络生意有关的圈子里很有知名度。」(来源:新浪科技)

波兰安全部门逮捕一华为员工;Mac 三季度出货量出现下滑 ;谷歌股东起诉董事会
波兰安全部门逮捕一华为员工;Mac 三季度出货量出现下滑 ;谷歌股东起诉董事会

iPhone 之后,苹果 Mac 电脑出货量也出现下滑

1 月 11 日消息,根据美国咨询公司 Gartner 的预测数据,苹果公司的 Mac 电脑在过去一个季度的出货量为 490 万台,低于去年同期的 510 万台,同比下降 3.8%。该公司的市场份额从 7.1%略微上升至 7.2%。整体 PC 行业的出货量从 7170 万下降到 6860 万,其中,华硕和宏基遭遇了最严重的打击,出货量分别下降 10.7%和 18.3%。

波兰安全部门逮捕一华为员工;Mac 三季度出货量出现下滑 ;谷歌股东起诉董事会
波兰安全部门逮捕一华为员工;Mac 三季度出货量出现下滑 ;谷歌股东起诉董事会

相比之下,联想的出货量增长了 5.9%,达到 1660 万台,成为占据 24.2%市场份额的主要电脑供应商。惠普排名第二,销量同比下滑 4.4%。戴尔销量上涨 1.4%,至 1090 万台,保持在第三位。苹果排名第四。Gartner 报告称,2018 年整体排名应保持不变,联想出货量为 5850 万台,惠普为 5630 万台,戴尔为 4190 万台,苹果为 1800 万台,较 2017 年下降 5%。(来源:腾讯科技)

谷歌股东起诉董事会,指控隐瞒安卓之父性交易等不当行为

北京时间 1 月 11 日消息,日前,谷歌公司一名股东向加州圣马特奥县高等法院递交诉状,指控谷歌母公司 Alphabet 董事会「护犊子」:悄悄向 Android 之父安迪·鲁宾 (Andy Rubin) 支付了高达 9000 万美元的离职费,并充当其他涉嫌性骚扰行为高管的保护伞。

波兰安全部门逮捕一华为员工;Mac 三季度出货量出现下滑 ;谷歌股东起诉董事会
波兰安全部门逮捕一华为员工;Mac 三季度出货量出现下滑 ;谷歌股东起诉董事会

原告称,谷歌母公司 Alphabet 的董事会未能履行其职责,允许性骚扰事件的发生并掩盖了鲁宾的行为。Alphabet 公司的高层管理人员和董事会成员,包括联合创始人拉里·佩奇(Larry Page)和谢尔盖·布尔(Sergey Brin)等人,在这一问题上都难辞其咎。这名投资者在向加州法院提交的诉状中称,「在谷歌工作期间,鲁宾还被指控参与了性交易——向被骚扰的女性支付数十万美元用以封口。」(来源:凤凰科技)

波兰安全部门逮捕一华为员工;Mac 三季度出货量出现下滑 ;谷歌股东起诉董事会
波兰安全部门逮捕一华为员工;Mac 三季度出货量出现下滑 ;谷歌股东起诉董事会

苏宁大幅下调 iPhone XR 售价,比官网低 1200 元

近日,关于苹果 iPhone 降价的话题持续发酵,媒体报道苹果近日开始对渠道价格进行调整,iPhone 全线产品均将有不同幅度降价。

波兰安全部门逮捕一华为员工;Mac 三季度出货量出现下滑 ;谷歌股东起诉董事会
波兰安全部门逮捕一华为员工;Mac 三季度出货量出现下滑 ;谷歌股东起诉董事会

1 月 11 日,苏宁手机官方微博表示,苏宁易购已大幅下调 iPhone 产品售价,其中 iPhone XR 128GB 版本到手价仅 5799 元,比某友商平台低 700 元,相较于苹果官网 6999 元的价格,足足便宜了 1200 元。与此同时,苏宁易购目前也已经上线 iPhone XR 换购活动,用 iPhone 7P 换购 iPhone XR,价格低至 3500 元即可入手 XR。(来源:新浪科技)

商汤科技在日本设立自动驾驶中心:进行开发和路测

北京时间 1 月 11 日晚间消息,据 TechCrunch 报道,中国 AI 初创公司商汤科技今日宣布,已在距离日本东京 50 公里的历史名城常总市(Joso)开设了一家自动驾驶中心,计划在那进行自动驾驶汽车的研发和路测。

在此之前,商汤科技曾于 2017 年与日本汽车巨头本田公司达成协议,共同开发自动驾驶技术。商汤科技以目标识别技术闻名,这些技术在中国被广泛应用于零售、医疗和公共安全领域。(来源:新浪科技)

WeWork CEO:年化收入超 25 亿美元,账面上资金充足

北京时间 1 月 11 日上午消息,WeWork 首席执行官亚当·诺依曼(Adam Neumann)周四表示,即便软银缩减了投资规模,但是第四季度公司的年营收已经达到 25 亿美元,且账面上留有充足的现金。

WeWork 是一家提供联合办公空间的公司,目前正在大力进军其他领域。CEO 诺伊曼在采访中表示,对于软银最初同意投资 160 亿美元之后又缩减金额至 30 亿一事,自己并不担心。(来源:新浪科技)

金山软件:正与京东接洽,就潜在业务合作进行讨论

1 月 11 日早间消息,金山软件发布公告称,注意到称金山云与京东云合并的相关媒体报道。董事会并不知悉该媒体报道的来源。本集团与京东接洽,就潜在业务合作进行讨论。截至今日,尚未就潜在业务合作形成切实的方案,也未签订任何具有法律约束力的协议。

此前有爆料称,京东云和金山云合并,且京东云的招聘工作已经交由金山掌管。对此,京东方面向新浪科技回应称传言为不实消息,京东云是京东集团旗下事业部,京东云的人力资源部团队稳定没有变化。(来源:新浪科技)

星巴克:已与 2000 家外卖门店接入,覆盖 6 亿会员

1 月 11 日消息,在今日的阿里巴巴 One 商业大会上,星巴克方面透露,星巴克已经在过去四个月中,通过阿里巴巴商业操作系统,已经在 30 个城市实现了 2000 家门店的外卖接入,并完成了阿里巴巴和星巴克双方会员体系打通、线上虚拟门店、全域消费者营销、智能客户服务的落地,完成了 6 亿会员覆盖。

波兰安全部门逮捕一华为员工;Mac 三季度出货量出现下滑 ;谷歌股东起诉董事会
波兰安全部门逮捕一华为员工;Mac 三季度出货量出现下滑 ;谷歌股东起诉董事会

去年 12 月,星巴克和阿里巴巴正式宣布上线全新的线上新零售门店,与此同时,包括外送、积分、送礼在内的星巴克会员体系和阿里生态也将全面打通。(来源:搜狐科技)

波兰安全部门逮捕一华为员工;Mac 三季度出货量出现下滑 ;谷歌股东起诉董事会
波兰安全部门逮捕一华为员工;Mac 三季度出货量出现下滑 ;谷歌股东起诉董事会

三星官宣 S10:2 月 20 日发布,5G 版配 5000mAh 电池

1 月 11 日消息,三星已经正式宣布将于 2 月 20 日(北京时间 2 月 21 日凌晨三点)在美国旧金山举办 GALAXY 新品发布会,预计备受期待的三星 S10 系列新机将会正式与大家见面。

波兰安全部门逮捕一华为员工;Mac 三季度出货量出现下滑 ;谷歌股东起诉董事会
波兰安全部门逮捕一华为员工;Mac 三季度出货量出现下滑 ;谷歌股东起诉董事会

根据《华尔街日报》的消息,三星还计划在这场发布会上推出 S10 系列的 5G 版本,并展示一款可折叠屏智能手机,但发售的时间可能会稍晚一些。

按照韩国市场调查公司透露的消息,三星 S10 系列的 5G 版本会配备 5000 毫安时电池,可折叠屏新机更是将配备 6200 毫安时电池,但由两枚 3100 毫安时的电池组合而成。(来源:腾讯科技)

IMDb 推出支持广告的免费流媒体视频服务

北京时间 1 月 11 日消息,据 Variety 报道,亚马逊旗下电影信息网站 IMDb 推出了首个支持广告的流媒体视频服务 IMDb Freedive。这是这家电子商务巨头为夺取更大广告市场份额所作出的最新努力。

波兰安全部门逮捕一华为员工;Mac 三季度出货量出现下滑 ;谷歌股东起诉董事会
波兰安全部门逮捕一华为员工;Mac 三季度出货量出现下滑 ;谷歌股东起诉董事会

IMDb 称,IMDb Freedive 流媒体视频服务于美国时间周四上线,它将在 IMDb 网站上或通过亚马逊 Fire TV 设备提供影视节目,不需要用户进行付费订阅。(来源:腾讯科技)

传亚马逊正构建云游戏服务,无需下载就能玩

1 月 11 日消息,据 CNBC 报道,亚马逊正在开发一个云游戏服务,让用户无需等待下载或购买光盘就能玩游戏,这些游戏会在云端,也就是大型的服务器上进行运算渲染,然后将画面传输到玩家的终端上。

有两个独立的消息来源证实,亚马逊正在进行云游戏服务的开发。只需查看亚马逊的招聘页面,就能找到些看似确凿的证据:亚马逊目前正在西雅图和加州招聘至少两名工程师,专门从事「云游戏」(Cloud Games)的工作。此前,亚马逊已经收购游戏内容直播平台 Twitch,你可以在上面观看主播的游戏实况。(来源:腾讯科技)

波兰安全部门逮捕一华为员工;Mac 三季度出货量出现下滑 ;谷歌股东起诉董事会
波兰安全部门逮捕一华为员工;Mac 三季度出货量出现下滑 ;谷歌股东起诉董事会

SpaceX 成功发射一箭 10 星,完成铱星通信卫星网络组网

北京时间 1 月 12 日消息,SpaceX 于当地时间周五成功将其客户,铱星通信公司的 10 颗第二代铱星系统 (Iridium Next) 卫星送入轨道,开启了繁忙的 2019 年。此次发射使用的是 SpaceX 的「猎鹰 9 号」火箭,发射后,SpaceX 在大约 628 公里的高度向轨道释放卫星,在 15 分钟内完成部署。随后,猎鹰 9 号一级火箭在太平洋中的无人船上完成回收。

波兰安全部门逮捕一华为员工;Mac 三季度出货量出现下滑 ;谷歌股东起诉董事会
波兰安全部门逮捕一华为员工;Mac 三季度出货量出现下滑 ;谷歌股东起诉董事会

铱星通信计划利用 75 颗卫星取代现有商业通信网络,周五发射的 10 颗是最后一批卫星。新铱星通信网络中的每颗卫星都安装了 Aireon 公司的设备。Aireon 表示,通过这套卫星系统,它的太空服务能够提供不间断的全球航班飞行追踪服务。(来源:凤凰科技)

Via www.geekpark.net

Ref. https://union-click.jd.com/jdc?d=ZKPlW2

TRON 是以区块链技术为核心搭建的的去中心化应用开发平台,其主网于 2018 年 5 月上线,目前平台尚无重大系统安全事故发生。在上线的近 8 个月时间里,平台用户量持续增长,链上活跃度较高。

性能方面,主网目前峰值 TPS 为 748,虽然距离理论上限还有一定距离,但较同类开发平台项目已具有较大优势。然而,平台目前 DApp 种类较为单一,平台日活跃用户占总用户数量的比重较低,生态健康有待提高。

综上所述,TokenInsight 对 TRON 的评级由 BB 上调至 BBB,展望稳定。

TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定

TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定
TokenInsight 评级报告:TRON评级由BB上调至BBB,展望稳定

Via www.huoxing24.com

Ref. https://union-click.jd.com/jdc?d=ZKPlW2

写这篇文的初衷是因为之前自己和周围的一些朋友做交互设计的时候基本都是靠感觉,而没有遵循一定的逻辑规范。虽然最终的作品看起来很漂亮,但是细细追究,并不能为用户体验加分。

本文分为两个部分,第一部分介绍微交互在界面设计中的具体分类和体现,其技巧和规范是在参考了很多资料后根据经验总结而成;第二部分是各类动效软件的对比,从设计功能和动效质量两部分来阐述。

注:文章中所有用到的动效均为原创作品,引用请注明链接和作者。

下图是本文的一幅引导图:

微交互设计规范&各类软件测评总结
微交互设计规范&各类软件测评总结

1 功能分类

根据功能性,我们可以把动效分为以下四大类:

1.1 信息交互

当界面/系统中某一状态/信息发生改变的时候使用的衔接动效,为了更好的显示层级关系和过渡关系。

界面之间无非是平级关系或母子关系。垂直的滚动通常是信息的浏览方式,有时候通过元素体积的变化来表现信息的重要性;水平的滑动有时候是平级关系的体现;体积的大小变化,甚至3D的转化则是体现母子关系通常使用的方式。

微交互设计规范&各类软件测评总结
微交互设计规范&各类软件测评总结

利用Principle制作 的Photo Album交

1.2 状态和反馈

具体包括反馈状态、撤销操作、提示消息等,旨在给用户及时反馈,方便用户撤销操作或明确自己的所在位置。

微交互设计规范&各类软件测评总结
微交互设计规范&各类软件测评总结

利用Principle制作的表格填写动效

1.3 指导用户

通常出现在用户第一次进行某操作时,以引导动画和反馈动画为主。

如下图中的打开GPS功能,并介绍App的主要功能。

微交互设计规范&各类软件测评总结
微交互设计规范&各类软件测评总结

用AE制作的Onboarding动效

1.4 情感表达和品牌创建

开场、转场、信息加载等,为丰富信息,保留用户,增加趣味性而存在。

微交互设计规范&各类软件测评总结
微交互设计规范&各类软件测评总结

用Invision Studio制作的Onboarding动效

2 元素分类

要想做好一个动效,首先要明确一个界面中的持久性元素,传出元素,传入元素和静态元素,对每一个元素进行相应的动效设计。

2.1 持久性元素

持久性元素根据界面的不同自身可能会发生变化,例如burger menu -> close的变化,动效的选择可以是共享元素变换(见下文)。

2.2 传出元素

传出元素就是在下一个界面中不再出现的元素,动效的选择可以是渐出、划出等。

2.3 传入元素

传入元素是在新界面中新引入的元素,动效的选择可以是渐入、划入等。

2.4 静态元素

静态元素就是两个界面中相同且保持静止的元素,例如菜单栏。

3 观感决定因素

决定这些微交互质量或观感的则是速度(持续时间),变换方式,顺序,连续性,对比等。

3.1 速度(持续时间)

两个相同的动画,仅仅因为速度的不同,给用户的观感是大相径庭的。

时间短促的动画看上去很强劲,有快捷的感觉。

时间延长的动画看上去更舒服,有轻松的观感。

微交互设计规范&各类软件测评总结
微交互设计规范&各类软件测评总结

图左使用0.3s的默认持续时间,图右则为0.1s

在我们的动效制作软件里一般都有默认持续时间,大部分是0.3s(300s),对于变换体积不大的动效而言,这个时间是一个令人舒服且不拖拉的。根据变化方式和体积的不同,我们需要对持续时间进行调整。

3.2 变换方式(动作)

3.2.1 淡入淡出 easing

Easing可以细分为Ease-in,Ease-out, Ease-both,当然还有bounce,elastic等等,这里就暂不具体介绍了。

微交互设计规范&各类软件测评总结
微交互设计规范&各类软件测评总结

我们可以用一些简单的物理知识帮助理解,ease-in其实就是物体的初始速度很小,之后做加速运动,ease-out则是物体的初始速度很大,之后做减速运动,ease-both是先加速再减速,no ease就是匀速运动。

微交互设计规范&各类软件测评总结
微交互设计规范&各类软件测评总结

3.2.2 动作路径

动作路径分为线性运动(linear)和弧运动(arc)。

当一个元素的线性变化路径形成了一个不和谐的对角线(不是主对角线)的时候,就是使用弧运动的时候了。这种情况通常出现在元素缩放时比例产生了变化(因为如果缩放前后的比例相同,重心位置位置的线性运动产生的一定是一个正对角线)。

而弧运动也分为垂直向外(vertical out)和水平向外(horizontal out)。

垂直向外,简单来说就是运动从水平方向开始,在垂直方向上结束。用简单的物理知识来解释就是元素的水平运动速度大于垂直运动速度,或者水平运动早于垂直运动。

水平向外,就是从垂直方向开始,从水平方向结束,也就是水平运动速度小于垂直运动速度看,或者水平运动晚于垂直运动。

微交互设计规范&各类软件测评总结
微交互设计规范&各类软件测评总结

为了方便大家判断应该使用怎么的方式来做这个动效,我们可以想象手指或鼠标滑动的方向。如果我们想要用大拇指放大一个在左下角的元素,我们会使用一种垂直向外的滑动方式(即向右上方滑动,目的是元素停止运动的方向和浏览方向相同),那么这就是最佳的路径选择方式了。

3.2.3 阻力(resistance)

物理中的阻力就是物体为了避免改变现状而产生的抵抗运动的力,对于动效也同样适用。

阻力的具体体现可以表现在下拉刷新时的Overshoot,超出应有边界而体现的抵抗性。还有就是震荡(Oscillation/Spring),延伸(stretch),视差(parallax)等。

微交互设计规范&各类软件测评总结
微交互设计规范&各类软件测评总结

阻力动画的设计通常会让生硬的界面更人性化、更有趣,也更容易创建情感连接,缩小虚拟交互和现实交互的差距。这种动画形式在Desktop使用偏多,更自由,在手机等小屏幕界面中要尽量避免大面积使用。

3.3 顺序

一个简单的串行就是所有元素像一个整体一样一起运动。

一个稍微复杂一些的串行,例如持续性、传出、传入元素都一同发生改变的时候,理想的顺序就是:1-传出元素消失,2-传入元素进入,持续性元素在整个过程中完成变换。

错落(stagger)是很常见的列表使用的顺序方式。

微交互设计规范&各类软件测评总结
微交互设计规范&各类软件测评总结

图左使用0.15s的错落动效,图右为整体运动

3.4 连续性

为了展现界面/操作的连续性,保证视觉的连贯性,不仅要考虑到之前提到的速度、变换方式和顺序,恰当的使用共享变换(shared transformation)也是极为重要的。

共享变换,即对于两个相互交替的元素进行动效设计的时候,通过共享视图实现的过渡变换。

常见的例子有:burger->close的转换,主页内容小图->内容页大图,icon变换等。这也是Principle,XD等软件的基本动效逻辑。

微交互设计规范&各类软件测评总结
微交互设计规范&各类软件测评总结

保证连续性的另一个重要标准就是要尽量保证元素的运动方向是一致的,例如传出元素向左淡出,传入元素从右淡入。

3.5 对比

所谓对比,要注意的是动效之间的层级关系。

目的性强的动效有的时候有一个主要元素(焦点元素),其他都属于次要元素。拥有这种对比关系之后,根据焦点元素的变换,用户就可以明确推想出动效的目的性。

为了体现焦点,通常使焦点元素的动效结束在其他动效之后,体现一种视觉延伸性。而错落元素必须按照顺序出现且间隔时差必须很短才能使焦点不便偏移。

微交互设计规范&各类软件测评总结
微交互设计规范&各类软件测评总结

图左为整体运动,图中使用0.2s时间差,图右使用0.4s时间差

如图中,动效的目的是突出打开添加按钮后的3个选项。我们可以使用错落的方式,以0.15-0.25s的微弱时间差来突出选项,而0.3s以上的时间差过长,视觉的连续性也消失了。

最后呢,我们需要减少动效元素数量来突出焦点元素,可以将同类型元素编组,用组的运动替代元素运动。

经常出现的动效冲突就是当我们有一个焦点元素和一个container(容器)的时候,容器和其中的焦点元素一起运动,有时候运动方向和持续时间把握不当就会造成动效冲突。在这种情况下可以直接放弃使用某些共享元素动效。

例如下图容器中的图片向右和左分别扩展,而容器中心向外扩展。

微交互设计规范&各类软件测评总结
微交互设计规范&各类软件测评总结

图左图片和容器扩展方向不一致,图右使用悬停方式

图右利用悬停的感觉比共享元素变换更能突出界面主体,也不会过分分散用户的注意力。

3.6 一致性

相同类别的动效之间要保证一致性。Invision、Zeplin等软件都可以智能或手动生成DS(Design System),而把将项目的动效标准列入Design System中也是未来的发展趋势之一,DS将不仅限于普通的颜色,字体,asset等。

其他决定动效质量的标准还有出现场合、频率等。过高频率的复杂动画也会影响用户的浏览体验。

4 软件测评

目前微交互功能比较强大的有Principle, Invision studio, XD, Flinto, framer.js, Anima plugin sketch, Marvel, Axure 等,本文主要对前四个使用比较常用的软件做一个简单对比,对framer也会做一个简短的介绍。

这些软件的动效逻辑基本相同,都是对于界面中发生变化的元素(或同名元素)进行自动动效处理,而这种自动处理的流畅和多样化程度差别还是很大的—— 可以说是各有千秋,也有各自的弊端。

微交互设计规范&各类软件测评总结
微交互设计规范&各类软件测评总结

下边呢,就根据设计和动效两个层面简单介绍一下。

4.1 Principle

4.1.1 设计界面

Principle的设计界面并没有什么优势,通常是将Sketch/Figma文档直接导入。

Principle没有钢笔工具,也不支持渐变。想要做出渐变效果需要通过蒙版(clip sublayers)来实现。

4.1.2 动效

Principle很大的优势就在于它可以实现symbol/component动效,这就可以节省很多给相同元素制作动效的时间。同时,也不用复制粘贴每一个图层去完成两个界面之间的链接。

Principle的时间轴不仅可以对于每一个元素进行动效方式、时间等的调整,还可以分别设置center X, center Y, rotate, opacity, radius, scale等细节变量,这大大增加了动效的丰富程度。

微交互设计规范&各类软件测评总结
微交互设计规范&各类软件测评总结

Principle Timeline 和细节动效设置

Principle并不支持路径动效和3D变换。但是通过一些简单的图层组合,利用Scroll+Drivers,也可以展现类似路径变换甚至3D转换的效果:

微交互设计规范&各类软件测评总结
Principle Drivers + Scroll

Principle Drivers + Scroll

微交互设计规范&各类软件测评总结
微交互设计规范&各类软件测评总结

利用Principle的Scroll工具制作的3D和人物动效

4.2 Invision Studio

4.2.1 设计界面

在设计功能的完善程度和强大程度而言,Invision Studio绝对秒杀其他所有软件,可以完全还原sketch的各个图层、路径。复制sketch的任何图层,粘贴到Studio里都是完美保留的。

在Invision Studio中做界面设计,甚至简单的插画都是没有问题的。

4.2.2 动效

Studio目前免费,支持Windows+Mac,暂不支持路径动效,也不支持symbol/component动效,只能创建界面之间的链接。

Invision Studio是支持reponsive design的,可以将元素编组设置为container,加上设置margin等等,可以实现适屏的动效。

微交互设计规范&各类软件测评总结
微交互设计规范&各类软件测评总结

Invision Studio中的Responsive

Studio目前运行消耗的CPU是相对较大的,实时性不是很好,也有一些bug,例如创建界面链接之后再修改界面元素,有时候无法实时显示应有的动效效果,必须重新创建界面链接。

4.3 XD

4.3.1 设计界面

继承了Adobe的操作基础,XD的设计界面也非常干净。但蒙版功能和钢笔功能暂时还达不到做出复杂界面和插画的水平。

4.3.2 动效

在去年加入了auto-animation之后的XD也可以说是如虎添翼了。界面设计和动效设计集中在一个软件中,大大方便了制作动效时对于界面的修改,也方便了界面文档和动效文档的同步。

因为没有时间轴,所以无法分别调整每个元素的动画和延迟时间,想做出非常流畅有错落效果的动画有一些困难。例如下图的果汁动效,没有错落效果还是略显生硬。

微交互设计规范&各类软件测评总结
微交互设计规范&各类软件测评总结

使用XD的auto animation制作的果汁动效

XD现阶段很大的优势就是支持路径动效,最近一直很流行的就是如下图所示的XD液体动效。

微交互设计规范&各类软件测评总结
微交互设计规范&各类软件测评总结

使用XD的auto animation制作的液体动效

4.4 Flinto

4.4.1 设计界面

Flinto的设计界面并没有什么特别之处,支持钢笔工具,暂无渐变。通常也是将sketch文档导入再进行动效设计。

4.4.2 动效

Flinto也是以auto-animation为基础,和其他软件不同的是,制作两个界面之间动效的时候,它有一个transition design的界面,可以把所有动效元素集中在同一界面中,相同元素(持久性或静态元素)可以使用connect layer合并,传入和传出元素可以通过设置start状态、end状态、behavior、timing等来实现auto animation.

其中的behavior design,类似于component动效,可以对任一元素设置不同的state,这对于hover、button、cursor blink等元素动效是非常实用的。

微交互设计规范&各类软件测评总结
微交互设计规范&各类软件测评总结

使用Flinto的behavior designer制作的简单动效

下面这个动效就是利用scroll,clip(蒙版)和behavior design来实现的仿Airbnb Menu效果。

微交互设计规范&各类软件测评总结
微交互设计规范&各类软件测评总结

利用Flinto的scroll功能实现的仿Airbnb动效

微交互设计规范&各类软件测评总结
微交互设计规范&各类软件测评总结

Flinto的behavior designer

4.5 Framer.js

Framer结合简单的设计界面,可以在design和code之间自由切换。Framer的社区目前还没有sketch发展的那么壮大,想要写出一些基本的动效也需要花不少时间去学习。而Framer做出的产品不再是静态的prototype,可以和用户直接交互,填写表格等等都通过代码实现动态化的原型。

对于设计师来说,熟悉动效的编程原理也有利于我们做出更加适宜开发的交互。开发者可以直接使用CoffeeScript库,直接提取设计师在Framer中使用的的动效代码来进行开发,这使得设计师的工作范围一直延伸到开发阶段,更好地控制界面的最终成效。

其实掌握了基本的规范和技巧之后,做微交互还是要多看,多尝试,多思考。

细节决定一切!

参考文献:

https://medium.com/ux-in-motion/creating-usability-with-motion-the-ux-in-motion-manifesto-a87a4584ddc

https://uxplanet.org/animation-that-matters-adding-value-to-your-interface-65496fe4c182

https://material.io/design

https://medium.com/sketch-app-sources/7-essential-prototyping-tools-to-use-with-sketch-c7a594f486a0

https://developer.apple.com/design

https://www.youtube.com/channel/UCKQ7xHm52MlA8MSxjVj-Nwg

Via www.ui.cn

Ref. https://medium.com/ux-in-motion/creating-usability-with-motion-the-ux-in-motion-manifesto-a87a4584ddc, https://uxplanet.org/animation-that-matters-adding-value-to-your-interface-65496fe4c182, https://material.io/design, https://medium.com/sketch-app-sources/7-essential-prototyping-tools-to-use-with-sketch-c7a594f486a0, https://developer.apple.com/design, https://www.youtube.com/channel/UCKQ7xHm52MlA8MSxjVj-Nwg, https://union-click.jd.com/jdc?d=ZKPlW2

This is the fifth  of a new series of postson ASP .NET Core for 2019. In this series, we’ll cover 26 topics over a span of 26 weeks from January through June 2019, titled  A-Z of ASP .NET Core!

EF Core Relationships in ASP .NET Core
EF Core Relationships in ASP .NET Core

A – Z of ASP .NET Core!

In this Article:

  • E is for EF Core Relationships
  • Classes and Relationships
  • One to Many (Example 1)
  • One to Many (Example 2)

E is for EF Core Relationships

In my2018 series, we coveredEF Core Migrationsto explain how to add, remove and apply Entity Framework Core Migrations in an ASP .NET Core web application project. In this article, we’ll continue to look at theNetLearner project, to identify entities represented by C# model classes and the relationships between them.

  • NetLearner on GitHub:  https://github.com/shahedc/NetLearner

NOTE: Please note that NetLearner is a work in progress as of this writing, so its code is subject to change. The UI still needs work (and will be updated at a later date) but the current version has the following models with the relationships shown below:

EF Core Relationships in ASP .NET Core
EF Core Relationships in ASP .NET Core

NetLearner database diagram

Classes and Relationships

The heart of the application is the LearningResource class. This represents any online learning resource, such as a blog post, single video, podcast episode, ebook, etc that can be accessed with a unique URL.

public class <strong>LearningResource</strong> : InternetResource
{
    public List<<strong>LearningResourceItemList</strong>> <strong>LearningResourceItemLists</strong>
    {
        get; set;
    }
}

The abstract class InternetResource defines the common properties (e.g. Id, Name and Url) found in any Internet resource, and is also used by other classes ResourceRoot and RssFeed .

public <strong>abstract</strong> class <strong>InternetResource</strong>
{
    public int <strong>Id</strong> { get; set; }
    public string <strong>Name</strong> { get; set; }
    public string <strong>Url</strong> { get; set; }
}

The ResourceRoot class represents a root-level resource (e.g. a blog home or a podcast website) while the RssFeed class represents the RSS Feed for an online resource.

public class <strong>ResourceRoot</strong>: <strong>InternetResource</strong>
{
    public RssFeed <strong>RssFeed</strong> { get; set; }
    public List<<strong>LearningResource</strong>> <strong>LearningResources</strong> { get; set; }
}
public class <strong>RssFeed</strong>: <strong>InternetResource</strong>
{
    public int <strong>ResourceRootId</strong> { get; set; }
}

The ItemList class represents a logical container for learning resources in the system. It is literally a list of items, where the items are your learning resources.

public class <strong>ItemList</strong>
{
    public int <strong>Id</strong> { get; set; }
    public string <strong>Name</strong> { get; set; }
    public List<<strong>LearningResourceItemList</strong>> <strong>LearningResourceItemLists</strong>
    {
        get; set;
    }
}

At this point, you may have noticed both the LearningResource and ItemList classes contain a List<T> property of LearningResourceItemList . If you browse the database diagram, you will notice that this table appears as a connection between the two aforementioned tables, to establish a many-to-many relationship. (more on this later)

The following diagram shows an example of how the a LearningResource is a part of a list (which is a part of a ResourceCatalog ), while each LearningResource also has a ResourceRoot .

EF Core Relationships in ASP .NET Core
EF Core Relationships in ASP .NET Core

NetLearner example

One to One

Having looked through the above entities and relationships, we can see that each ResourceRoot has an RssFeed. This is an example of a 1-to-1 relationship. For example:

  • Resource Root = Wake Up and Code! blog site
  • Rss Feed = RSS Feed for blog site

In the two classes, we see the following code:

public class <strong>ResourceRoot</strong>: <strong>InternetResource</strong>
{
    public RssFeed <strong>RssFeed</strong> { get; set; }
    public List<<strong>LearningResource</strong>> <strong>LearningResources</strong> { get; set; }
}
public class <strong>RssFeed</strong>: <strong>InternetResource</strong>
{
    public int <strong>ResourceRootId</strong> { get; set; }
}

Each Resource Root has a corresponding Rss Feed, so the ResourceRoot class has a property for RssFeed . That’s pretty simple. But in the RssFeed class, you don’t need a property pointing back to the ResourceRoot . In fact, all you need is a ResourceRootId property. EF Core will ensure that  ResourceRoot . Id points to RssFeed . ResourceRootId in the database.

EF Core Relationships in ASP .NET Core
EF Core Relationships in ASP .NET Core

One to One Relationships

If you’re wondering how these two classes got their Id, Name and Url fields, you may recall that they are both derived from a common abstract parent class (InternetResource) that define all this fields for reuse. But wait a second … why doesn’t this parent class appear in the database? That’s because we don’t need it in the database and have intentionally ommitted it from the list of DBSet<> definitions in the DB Context for the application, found in ApplicationDbContext.cs :

public class <strong>ApplicationDbContext</strong> : IdentityDbContext
{
...
    public DbSet<<strong>ItemList</strong>> ItemList { get; set; }
    public DbSet<<strong>LearningResource</strong>> LearningResource { get; set; }
    public DbSet<<strong>ResourceCatalog</strong>> ResourceCatalog { get; set; }
    public DbSet<<strong>ResourceRoot</strong>> ResourceRoot { get; set; }
    public DbSet<<strong>RssFeed</strong>> RssFeed { get; set; }
...
}

Another way of looking at the One-to-One relationship is to view the constraints of each database entity in the visuals below. Note that both tables have an Id field that is a Primary Key (inferred by EF Core) while the RssFeed table also has a Foreign Key for the ResourceRootId field used for the constraint in the relationship.

EF Core Relationships in ASP .NET Core
EF Core Relationships in ASP .NET Core

RssFeed table

EF Core Relationships in ASP .NET Core
EF Core Relationships in ASP .NET Core

ResourceRoot Table

EF Core Relationships in ASP .NET Core
EF Core Relationships in ASP .NET Core

1-to-1 Relationship: ResourceRoot.Id points to RssFeed.ResourceRootId

One to Many (Example 1)

Next, let’s take a look at the One-to-Many relationship for each ResourceCatalog that has zero or more ItemList s. For example:

  • Resource Catalog = ASP .NET Core Blogs
  • Item List = ASP .NET Core A-Z Blog Series

In the two classes, we see the following code:

public class <strong>ResourceCatalog</strong>
{
    public int <strong>Id</strong> { get; set; }
    public string <strong>Name</strong> { get; set; }
    public List<ItemList> <strong>ItemLists</strong> { get; set; }
}
public class <strong>ItemList</strong>
{
    public int <strong>Id</strong> { get; set; }
    public string <strong>Name</strong> { get; set; }
    public List<<strong>LearningResourceItemList</strong>> <strong>LearningResourceItemLists</strong>
    {
        get; set;
    }
}

Each Resource Catalog has zero or more Item Lists, so the ResourceCatalog class has a List<T> property for ItemLists . This is even simpler than the previously described 1-to-1 relationship. In the ItemList class, you don’t need a property pointing back to the ResourceCatalog .

EF Core Relationships in ASP .NET Core
EF Core Relationships in ASP .NET Core

One-to-Many Relationship

Another way of looking at the One-to-Many relationship is to view the constraints of each database entity in the visuals below. Note that both tables have an Id field that is a Primary Key (once again, inferred by EF Core) while the  ItemList table also has a Foreign Key for the ResourceCatalogId field used for the constraint in the relationship.

EF Core Relationships in ASP .NET Core
EF Core Relationships in ASP .NET Core

1-to-Many Relationship: ResourceCatalog.Id points to ItemList.ResourceCatalogId

One to Many (Example 2)

Let’s also take a look at another One-to-Many relationship, for each ResourceRoot  that has zero or more LearningResource s. For example:

  • Resource Root = Wake Up and Code! blog site
  • Learning Resource = Specific blog post on site

In the two classes, we see the following code:

public class <strong>ResourceRoot</strong>: <strong>InternetResource</strong>
{
    public RssFeed <strong>RssFeed</strong> { get; set; }
    public List<<strong>LearningResource</strong>> <strong>LearningResources</strong> { get; set; }
}
public class <strong>LearningResource</strong> : InternetResource
{
    public List<<strong>LearningResourceItemList</strong>> <strong>LearningResourceItemLists</strong>
    {
        get; set;
    }
}

Each Resource Root has zero or more Learning Resources, so the ResourceRoot  class has a List<T> property for  LearningResources . This is just as simple as the aforementioned 1-to-many relationship. In the  LearningResource  class, you don’t need a property pointing back to the ResourceRoot .

EF Core Relationships in ASP .NET Core
EF Core Relationships in ASP .NET Core

ResourceRoot and LearningResource

Another way of looking at the One-to-Many relationship is to view the constraints of each database entity in the visuals below. Note that both tables have an Id field that is a Primary Key (inferred by EF Core, as you should know by now) while the  LearningResource  table also has a Foreign Key for the  ResourceRootId field used for the constraint in the relationship.

EF Core Relationships in ASP .NET Core
EF Core Relationships in ASP .NET Core

1-to-Many Constraint for ResourceRoot and LearningResource

Many to Many

Finally, let’s also take a look at a Many-to-Many relationship, for each ItemList and LearningResource,  either of which can have many of the other. For example:

  • Item List = ASP .NET Core A-Z Blog Series
  • Learning Resource = Specific blog post on site

This relationship is a little more complicated than all of the above, as we will need a “join table” to connect the two tables in question. Not only that, we will have to describe the entity in the C# code with connections to both tables we would like to connect with this relationship.

If you’re wondering when EF Core will support this type of relationship without a join table, check out the following GitHub issue discussions:

  • Many-to-many relationships without an entity class to represent the join table:  https://github.com/aspnet/EntityFrameworkCore/issues/13009
  • Implement many-to-many relationships without mapping join table:  https://github.com/aspnet/EntityFrameworkCore/issues/10508

Specifically, take a look at this comment : “Current plan for 3.0 is to implement skip-level navigation properties as a stretch goal. If property bags ( #9914 ) also make it into 3.0, enabling a seamless experience for many-to-many could become easier.

In the two classes we would like to connect, we see the following code:

public class <strong>ItemList</strong>
{
    public int <strong>Id</strong> { get; set; }
    public string <strong>Name</strong> { get; set; }
    public List<<strong>LearningResourceItemList</strong>> <strong>LearningResourceItemLists</strong>
    {
        get; set;
    }
}
public class <strong>LearningResource</strong> : InternetResource
{
    public List<<strong>LearningResourceItemList</strong>> <strong>LearningResourceItemLists</strong>
    {
        get; set;
    }
}

Next, we have the LearningResourceItemList class as a “join entity” to connect the above:

public class <strong>LearningResourceItemList</strong>
{
    public int <strong>LearningResourceId</strong> { get; set; }
    public <strong>LearningResource LearningResource</strong> { get; set; }
    public int <strong>ItemListId</strong> { get; set; }
    public <strong>ItemList</strong> <strong>ItemList</strong> { get; set; }
}

This special class has the following properties:

  • LearningResourceId : integer value, pointing back to LearningResource.Id
  • LearningResource : optional “navigation” property, reference back to connected LearningResource entity
  • ItemListId : integer value, pointing back to ItemList.Id
  • ItemList :  optional “navigation” property, reference back to connected ItemList  entity

To learn more about navigation properties, check out the official docs at:

  • Relationships – EF Core: https://docs.microsoft.com/en-us/ef/core/modeling/relationships
EF Core Relationships in ASP .NET Core
EF Core Relationships in ASP .NET Core

Many-to-Many Relationship

Another way of looking at the Many -to-Many relationship is to view the constraints of each database entity in the visuals below. Note that the two connected tables both have an Id field that is a Primary Key (yes, inferred by EF Core!) while the  LearningResourceItemList  table has a  Composite Key for the  ItemListId and LearningResourceId  fields used for the constraints in the relationship.

EF Core Relationships in ASP .NET Core
EF Core Relationships in ASP .NET Core
ItemList constraints
EF Core Relationships in ASP .NET Core
EF Core Relationships in ASP .NET Core
LearningResource constraints

The composite key is described in the ApplicationDbContext class inside the OnModelCreating () method:

public class <strong>ApplicationDbContext</strong> : IdentityDbContext
{
    ...
    protected override void <strong>OnModelCreating</strong>(ModelBuilder modelBuilder)
    {
        modelBuilder.Entity<<strong>LearningResourceItemList</strong>>()
            .<strong>HasKey</strong>(r => new { r.<strong>LearningResourceId</strong>, r.<strong>ItemListId</strong> });
        base.OnModelCreating(modelBuilder);
    }
}

Here, the HasKey() method informs EF Core that the entity LearningResourceItemList has a composite key defined by both LearningResourceId and ItemListId .

References

For more information, check out the list of references below.

  • Relationships – EF Core:  https://docs.microsoft.com/en-us/ef/core/modeling/relationships
  • Keys – EF Core:  https://docs.microsoft.com/en-us/ef/core/modeling/keys
  • Introduction to Relationships: https://www.learnentityframeworkcore.com/relationships
  • Julie Lerman on Pluralsight:  https://app.pluralsight.com/profile/author/julie-lerman
    • 2.0 Getting Started:  https://app.pluralsight.com/library/courses/entity-framework-core-2-getting-started
    • 2.0 Mappings:  https://app.pluralsight.com/library/courses/e-f-core-2-beyond-the-basics-mappings
    • 2.1 What’s New:  https://app.pluralsight.com/library/courses/playbook-ef-core-2-1-whats-new

For detailed tutorials that include both Razor Pages and MVC, check out the official tutorials below:

  • New database – EF Core:  https://docs.microsoft.com/en-us/ef/core/get-started/aspnetcore/new-db?tabs=visual-studio
  • Existing Database – EF Core:  https://docs.microsoft.com/en-us/ef/core/get-started/aspnetcore/existing-db
  • ASP.NET Core MVC with EF Core:  https://docs.microsoft.com/en-us/aspnet/core/data/ef-mvc
  • ASP.NET Core Razor Pages with EF Core:  https://docs.microsoft.com/en-us/aspnet/core/data/ef-rp

Via wakeupandcode.com

Ref. https://github.com/shahedc/NetLearner, https://github.com/shahedc/NetLearner/blob/master/web/Models/LearningResource.cs, https://github.com/shahedc/NetLearner/blob/master/web/Models/InternetResource.cs, https://github.com/shahedc/NetLearner/blob/master/web/Models/ResourceRoot.cs, https://github.com/shahedc/NetLearner/blob/master/web/Models/RssFeed.cs, https://github.com/shahedc/NetLearner/blob/master/web/Models/ItemList.cs, https://github.com/shahedc/NetLearner/blob/master/web/Data/ApplicationDbContext.cs, https://github.com/aspnet/EntityFrameworkCore/issues/13009, https://github.com/aspnet/EntityFrameworkCore/issues/10508, https://github.com/aspnet/EntityFrameworkCore/issues/10508#issuecomment-389922109, https://github.com/aspnet/EntityFrameworkCore/issues/9914, https://github.com/shahedc/NetLearner/blob/master/web/Models/LearningResourceItemList.cs, https://docs.microsoft.com/en-us/ef/core/modeling/relationships, https://docs.microsoft.com/en-us/ef/core/modeling/keys#fluent-api, https://docs.microsoft.com/en-us/ef/core/modeling/relationships, https://docs.microsoft.com/en-us/ef/core/modeling/keys, https://www.learnentityframeworkcore.com/relationships, https://app.pluralsight.com/profile/author/julie-lerman, https://app.pluralsight.com/library/courses/entity-framework-core-2-getting-started, https://app.pluralsight.com/library/courses/e-f-core-2-beyond-the-basics-mappings, https://app.pluralsight.com/library/courses/playbook-ef-core-2-1-whats-new, https://docs.microsoft.com/en-us/ef/core/get-started/aspnetcore/new-db?tabs=visual-studio, https://docs.microsoft.com/en-us/ef/core/get-started/aspnetcore/existing-db, https://docs.microsoft.com/en-us/aspnet/core/data/ef-mvc, https://docs.microsoft.com/en-us/aspnet/core/data/ef-rp, https://union-click.jd.com/jdc?d=ZKPlW2

在“更大的中国”这个范畴里,我们可能都是陌生人。

2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会

有些事情向上,有些事情向下。

有些事情正在饱和,有些事情正在生长。

2019年到2020年,当我们期望于科技和互联网时,我们该期望些什么?

如果“饱和”,已经成为一种实实在在的压力,那么, 中国互联网的“未饱和”部分,到底在哪里?

2019年1月,腾讯·企鹅智库正式发布长达205页的《2019-2020中国互联网趋势报告》。这是一份聚焦于未来两年,市场和用户变迁的最新数据和研究。

当经济增长面临更多的复杂性,行业红利和人口红利已经告别野蛮生长时,我们也许,比中国互联网历程中的任何时刻,都更需要了解我们的用户,特别是那些远方的用户。

我们需要重新认识他们。

因为我们从未真正认识,那个完整意义上的“他们”。

报告核心发现:

(2019-2020互联网中国互联网十六个趋势)

  1. 中国的移动互联网红利正在向新板块迁移;在一二线城市,18-40岁的核心用户中,互联网红利日益稀少;
  2. 老年网民的增长比我们想象的更快,不论规模还是消费能力,他们都有可能成为未来红利中最大的一块;
  3. 在低年龄段上,红利从年轻流向低幼,更多10岁以下儿童及其父母,在互联网上消费内容、购买服务;
  4. 庞大的初中及以下学历网民,对手机很依赖。互联网不仅为他们提供娱乐,还影响着他们的消费和认知;
  5. 五线及以下城市,包括农村,是互联网新热土。那里的年轻人同样习惯了熬夜,拥有更多需要填满的时间;
  6. 中国互联网未来族群化将进一步加速。包括亚文化带来的圈层消费,追星带来的偶像经济;
  7. 宏观经济的走势,将影响网民在互联网上的消费选择(升级或降级),和消费密度(进一步网络化);
  8. 母亲身份网民群体扩大和消费导向转移(从个人到孩子),会给互联网母婴、教育等消费带来更大利好;
  9. 随着新网民进入,移动互联网消费将从“碎片化”转向“板块化”,超长和超短内容收缩,中型内容崛起;
  10. 新技术普遍成熟,将在基础层给互联网创新提供更高效率,但在前端,模式创新的关键还是抓住新网民;
  11. 移动支付将全面普及,把线下零售高效接入互联网体系,整个市场将开启线上线下一体化阶段;
  12. 绕过中间渠道,直接与消费者兑换获客成本的模式会更流行,新网民更分散,更依赖收益驱动的社交触达;
  13. 轻度娱乐,包括休闲类游戏和低门槛视频,在低幼、银发等新网民中更易落地,在接下来有更大机会;
  14. 智能手机对新网民(低幼、银发等)还是复杂,更简单交互,提供特定内容的智能硬件,将迎来机会;
  15. 互联网将孤岛连成大陆,但信息冗余日益严重。未来,服务关系链的“群岛式”产品,有机会崛起;
  16. 视频对图片/文本的侵蚀还将持续并极有可能加速,在新网民中,视频可能是他们触网的第一介质。

以下是报告正文:(205页PPT)

2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会
2019中国互联网趋势报告,解读未来16大机会

作者:腾讯新闻

来源:企鹅智库

原文地址:https://mp.weixin.qq.com/s/dGke-7qMrPRErnd-ufyolA

Via www.woshipm.com

Ref. https://union-click.jd.com/jdc?d=ZKPlW2

2018年已经过去了,2019年新机潮也快到来了,今天小编来总结一下国产2018年各家国产旗舰的影像系统对比,对比的机型有一加6T、小米8透明探索版、荣耀V20、魅族16th都是2018年比较有代表意义的机型。

参数介绍

2018年国产旗舰影像对比:魅族16th-荣耀V20-小米8-一加6T
2018年国产旗舰影像对比:魅族16th-荣耀V20-小米8-一加6T

小米8广角等效焦距21mm,是四台手机里最广的,意味着同样的位置可以拍到更广的画面。只有魅族16th和小米8副摄可以单独成像,一加6T和荣耀V20副摄只在虚化或者其他场景辅助成像,不能单独使用。四台手机只有荣耀V20不具备光学防抖,但是荣耀V20主摄IMX586可以做到四像素合一输出1200W照片提高画面亮度。

拍照界面对比

一加6T
一加6T

一加6T的拍照界面比较简洁,日常常用的模式都可以轻松切换,想用专业模式或者慢动作可以上划呼出二级菜单,有更多模式选项。一加的专业模式也确实够专业,可以拍输出RAW格式照片,上方还有直方图,中间的十字可以用来校准水平或者垂直,对构图有一定的帮助。

小米8
小米8

小米的拍照界面元素就比较多了,上面多了HDR按钮、AI相机和自带滤镜。其他拍照模式也全部在拍照按键上面滑动选择,没有模式二级菜单,这样的问题就是你想要切换的拍照模式在边缘的话你就要切换两次才能选择到自己想要的拍照模式,这一点没有一加方便。

荣耀V20
荣耀V20

华为祖传的拍照界面,和小米的按键摆放类似,上面有AI拍照开关,更多选项在最后边的二级菜单可以开启,左上方那个按键可以用AI识别物体,正中间那个是动态图片,类似于苹果的Live Photo。

魅族16th
魅族16th

魅族的相机界面走的也是简洁路线,下方元素比较少,想要切换更多模式要在二级菜单里面选择。模式不是很多,但都比较实用。专业模式可以选择用副摄拍摄输出原生2000W像素照片。

一加主摄采用1600W像素传感器,其余三者都是1200W像素,虽然华为传感器可以输出4800W像素,但是默认输出1200W。小米、魅族和荣耀有AI场景识别。华为和一加砍掉了相机界面的HDR按键。小米、魅族、华为都有相机自带滤镜。除了魅族其他三家厂商都有各自的夜景模式。

白天

白天1
白天1

四台手机都表现出了不错的宽容度,魅族16th略胜。一加6T抗眩光能力最好,荣耀V20紧跟在后,魅族16th和小米8出现了明显的眩光。

白天1(放大)
白天1(放大)

放大看细节,荣耀V20的1200W像素细节比一加6T1600W像素还要丰富,小米8紧随一加,魅族16th解析力最差,而且在建筑边缘出现了轻微的紫边。

白天2
白天2
白天2(放大)
白天2(放大)

这一张一加6T第一眼观感很不错,曝光、白平衡准确,宽容度、饱和度高。放大看细节,一加6T解析力小胜荣耀V20和小米8,魅族16th像是抹了一层油,画面泛白,解析力也不如其他三台手机。

白天3
白天3
白天3(放大)
白天3(放大)

这一张绿色植物的样张,除了魅族16th高光有点过曝,饱和度高,四台机器的表现基本在一个水平上,放大看也是如此。

白天4
白天4
白天4(放大)
白天4(放大)

这一张逆光树叶的样张,四台机器无论观感色彩都几乎没有区别,放大看细节,魅族16th和小米8细节胜于荣耀V20和一加6T,其他无异。

白天5
白天5
白天5(放大)
白天5(放大)

第一观感,魅族16th和一加6T最佳,魅族和一加把石砖拍的很亮,小米8的看起来更立体。放大看细节,荣耀V20解析力最高,米八居中,反而是亮度高的魅族和一加解析力方面不如前面两位。

总结四台手机白天主摄的表现,没有拉开太大的差距,照片都达到一个比较高的水准。其中魅族16th宽容度最好,但是稳定性稍差;荣耀V20解析力最高;一加6T和小米8没有什么项目特别出彩的,也没有什么短板。

变焦

变焦1
变焦1

四台手机2倍变焦对比。魅族和小米拥有长焦副摄,但是小米的副摄焦段只有26mm还属于广角的范围,猜测变焦是副摄数码裁切画面;魅族副摄是39mm 2000W,输出1200W照片;而一加和荣耀都没有长焦副摄,变焦全靠裁剪。

变焦1(放大)
变焦1(放大)

放大对比,荣耀解析力最强,但是噪点也Hold不住了,一加和魅族涂抹太严重了,大树的细节都没了,小米8表现最好。这里我要批判一下魅族,明明是39mm 2000W像素,长焦输出的照片还是1200W像素,但是解析力还不如小米26mm 1200W像素,魅族还是Too young。

变焦2
变焦2
变焦2(放大)
变焦2(放大)

魅族栏杆处出现了阴影,华为解析力高,但是画面出现了明显的噪点,至于一加,锐化痕迹太明显了,解析力明显不如其他三台机型,这里小米依然是表现最佳的机型。

总结一下四台手机变焦环节表现,拥有长焦副摄的小米8无论在解析力和噪点控制上取得了一个平衡,表现最佳;荣耀V20因为采用了4800W像素裁剪所以细节上不输小米8,但是4800W像素单位像素面积较小,所以噪点严重;魅族16th即使是采用了2000W副摄解析力还是不如前两者,看来还是优化还不到位;一加6T在变焦环节表现最差,因为没有长焦副摄,变焦只能靠主摄1600W像素裁剪加后期锐化。所以长焦表现:小米8>荣耀V20>魅族16th>一加6T

夜景

夜景1
夜景1

夜景就体现出了荣耀V20的优势了,明显展示出了更多暗部细节,暗部画面亮度比其他三台机器高出一个档次。不过你如果不是数毛挡的话这四张照片也完全够用,第一观感差距并不大。

夜景1(放大)
夜景1(放大)

放大看细节,夜间荣耀V20解析力延续了白天的表现,解析力拔群,魅族16th和一加6T稍弱,小米8垫底。

夜景1超级夜景模式
夜景1超级夜景模式

目前小米、一加、荣耀都有各自的夜景模式,魅族现版本固件还没有夜景模式。开启超级夜景之后小米和一加在暗部细节和高光压制上都有很大的提升,画面饱和度也更高;而荣耀在开启超级夜景之后白平衡偏绿,高光压制比原图稍好。

夜景1超级夜景模式(放大)
夜景1超级夜景模式(放大)

放大看细节,小米8解析力相比原图有所下降;一加6T在一些线条上出现了一些黑边,解析力也有所下降;荣耀V20解析力变化不大。

夜景2
夜景2

荣耀V20表现最好,其他三台机型或多或少出现了蓝色溢出。

夜景2超级夜景模式
夜景2超级夜景模式

开启超级夜景之后本来表现良好的荣耀V20也开始按耐不住,鹿的周围都散发出了仙气,小米和一加也没有多少改善。

夜景3
夜景3
夜景3(放大)
夜景3(放大)

荣耀高光压制最佳,但是压过头了,灯没有亮起的感觉,小米8综合观感最好。

夜景3超级夜景模式
夜景3超级夜景模式
夜景3超级夜景模式(放大)
夜景3超级夜景模式(放大)

总结夜拍表现和各家超级夜景区别:荣耀V20在无论是在高光压制还是暗部细节表现都很出彩,这就是传感器尺寸大的优势,荣耀V20的超级夜景每次要等4s左右,明显要比小米和一加长,而且超级夜景并不是每次都能有提升,有些场景变现反而不如原图;小米8在夜间也有不输荣耀V20的表现,解析力和高光压制稍弱于荣耀V20,小米8的超级夜景合成速度比荣耀V20要快上不少,暗部亮度提升很明显,但是细节会有所丢失;一加6T大部分情况表现中规中矩,不是最好的,也不是最差的,一加的夜景模式还有比较大的缺点,和小米一样,暗部亮度得到提升,高光也压制下来了,但是物体边缘会出现“黑线”,估计是锐化过度。魅族16th夜拍和其他三台手机没有拉开很大的差距,唯一的缺点是没有超级夜景模式,暗部就丢失比较多的细节,期待魅族能在以后固件中更新超级夜景模式。

录像

2018年国产旗舰影像对比:魅族16th-荣耀V20-小米8-一加6T
2018年国产旗舰影像对比:魅族16th-荣耀V20-小米8-一加6T

首先看一下4K视频的录制,只有一加支持4k 60FPS视频录制、其他三台均只支持30FPS。1080P下一加6T和荣耀V20都支持60FPS录制。再看一下视频编码方面,一加任何拍摄模式都不支持H.265编码格式;小米8和荣耀V20所有模式下均可支持H.265编码格式;魅族在4K 30FPS录制情况下会自动切换H.265编码,其他拍摄模式依旧使用H.264。关于H.265和H.264的区别,H.265编码相比H.264编码在画质不变的情况下压缩率更高,用荣耀V20分别录制4K H.265、H.264视频10秒,文档容量分别是30.41MB和41.57MB,区别显而易见,所以支持新的编码总归是好事。

下面看一下1080P视频截图对比(一加荣耀60FPS、小米魅族30FPS)

1080P截图对比
1080P截图对比
1080P截图放大对比
1080P截图放大对比

魅族16th只能录制30FPS,颜色信息丢失严重,锐度也不够,好在防抖还不错;荣耀V20虽然支持60FPS但是曝光太低,丢失了太多细节;小米8也只能录制30FPS,对绿色还原比较准确;一加6T支持60FPS录制,丝般流畅,同时细节也最丰富。所以1080P视频录制方面毫无疑问一加完胜。

4K视频录制(一加60PFS、小米荣耀30FPS,这里小编忘记拿魅族拍了,所以魅族这个环节缺席)

2018年国产旗舰影像对比:魅族16th-荣耀V20-小米8-一加6T
2018年国产旗舰影像对比:魅族16th-荣耀V20-小米8-一加6T
2018年国产旗舰影像对比:魅族16th-荣耀V20-小米8-一加6T
2018年国产旗舰影像对比:魅族16th-荣耀V20-小米8-一加6T

荣耀V20曝光依旧偏低,小米8和一加6观感接近,但是一加6T支持60FPS拍摄,流畅度最高。

总结4台手机录像表现,一加6T毫无疑问是这4台手机里面表现最好的,4K和1080P下的表现都达到了很高的水平,拥有4K 60FPS拍摄能力,唯一不足的可能就是不支持H.265编码录制;荣耀V20垫底,无论是4K还是1080P画面曝光都不足;小米8视频拍摄也不错,不过由于没有60FPS所以还是没有一加实用;魅族16th在1080P表现一般般,颜色丢失严重,画面泛白,好在防抖效果不错,4K由于小编忘记拍摄了,所以这里暂时不下结论。

总结

魅族16th:拍照表现良好,宽容度高,但是缺少了目前主流的夜景模式,晚上在暗部细节上面比不过其他竞品,稳定性方面也有待加强。1080P视频方面比较一般,不支持60FPS录制,颜色信息丢失严重,解析力不足,魅族在视频这方面还有很长的路要走。

荣耀V20:1/2英寸是4台手机里面传感器尺寸最大的,无论白天还是晚上拍照都找不到明显的缺点,虽然没有长焦副摄,但是依靠4800W像素主摄裁剪画面也可以获得较好的变焦效果。视频方面支持60FPS,但无论是1080P还是4K录制,画面曝光都严重不足,希望后续尽快更新ota修复。

小米8:采用2018年旗舰传感器IMX363,传感器硬实力摆在这里,实力自然不会差,变焦表现是4台手机里面最好的。视频不支持60FPS录制,这个有点遗憾,希望小米尽快跟进一下,特别是1080P。

一加6T:传感器规格是4台手机里最弱的,但是依靠一加的强大算法,一加6T的拍照表现也完全不输前面几位,但变焦效果较差,夜景模式也有比较大的缺陷。视频方面一加6T毫无疑问是4台手机里最好的,仅凭支持4K 60FPS录制这一个参数就已经可以问鼎第一了,防抖效果也不错,可惜不支持H.265编码,4K视频文档较大。

2018年国产旗舰影像对比:魅族16th-荣耀V20-小米8-一加6T
2018年国产旗舰影像对比:魅族16th-荣耀V20-小米8-一加6T

本期是年前最后一期评测,小编也要回家过年了,在这里祝大家新年快乐!我们年后再见。

关注我们的微博@爱搞机

关注我们的微信公众号:爱搞机(playphone)

当然,也关注我们的哔哩哔哩账号:爱搞机

Via www.igao7.com

Ref. https://union-click.jd.com/jdc?d=ZKPlW2