首页

微医APP 3.0 | 健康有道

seo达人


 

原文地址:站酷
作者:风中凌乱的小笼包

转载请注明:学UI网》微医APP 3.0 | 健康有道

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


你今年的目标完成了吗?

seo达人



 

目录 

一、为什么要定目标
二、如何制定目标
三、我的目标是什么
四、如何分配时间
五、如何说服自己坚持
六、要灵活调整
七、要养成输出的习惯
八、要培养自己的自驱力
九、通过分享激励自己
十、通过总结验收自己 
  

 一  为什么要定目标 

如果没有目标,在漫无目的的职场中我们只有虚度光阴,能让专业能力保持原地踏步已是万幸,大部分情况下属于倒退。没有输入只有输出,属于透支自己的专业底蕴,总会有枯竭的时候。 
图片 
 
目标可以让我们在职场中更有方向,把职场路径走得更丰富多样,不会感觉到空虚,会出现阶段性的惊喜。“无心插柳柳成荫”已经不太现实,有心插柳才有可能会出现柳成荫的场景,目标的驱动可以让我们沉淀更多经验和作品,才能有效的证明我们具备更高的专业价值。
想要获得机遇就要拿出匹配机遇的能力,而能力的提升需要目标的驱动,这样才不会虚度光阴,充分的利用好闲余时间至关重要。 
图片  
 

 二  如何制定目标 

目标的制定是为了能完成它,而不是一个摆设,如何制定有效的目标才是关键。目标不需要定得很大,不一定是跨度长时间的长期目标,也可以制定很多短期目标。
如果以年为单位制定年度目标,要把它拆分为月度子目标,然后再细分到周或者天的颗粒单位内。目标的内容可以分为专业方向和兴趣方向,专业方向:作品输出、新技术学习、经验输出、书籍阅读、学习计划等等;兴趣方向与专业无关,是为了劳逸结合。 
图片 
目标不要设定太遥远,哪怕就是这个月要出一套作品定为目标,也是比较切合实际的。主要的不是目标的内容,而是如何分配和坚持,要逼着自己去完成,不能想起来就做一下,定个闹钟或者备忘录提示,时刻提醒自己要行动。 
  

 三  我的目标是什么 

2021 年初的时候我给自己定了这一年要输出 50 篇原创文章,涉及作品分析、职场经验、专业思考、设计教程、体验总结、工具推荐等等模块。比较开心的是我在最后一天如约完成了,其实拆分到以周为单位,这个量其实就会显得轻而易举。目标最主要的就是要拆分,只要细分之后按部就班地推进,自然是可以完成的。 
图片 
在 2022 年即将开始之际,我也在构思新的目标方向,除了继续坚持经验总结以外,要完成 100+ 的作品输出,还在对目标进行调整和细化,希望明年年底的时候我们一起来验收。  
 

 四  如何分配时间 

制定目标很容易,往往影响的因素是时间管理,三分热度谁都会,长期坚持才是至关重要的。
比如以一个月输出一套作品(20个主要界面)举例,要把时间细分到每天做多少,比如一天完成一个界面设计,那其实也就是 1-2 小时的量,你只要每天能固定投入两小时左右的时间,20 天左右是基本能完成界面设计部分的,剩下的时间用于调整和包装,是足够实现这个目标的。 
图片  
高效时间管理能够细分到每天的小时为单位,甚至有分钟为单位的,我们只要可以控制每天固定抽出两小时左右的时间即可。哪怕不是连续性的时间都没事,碎片化时间投入也可以,只要当日目标当日完成即可。  
 

 五  如何说服自己坚持 

自驱力是完成目标的关键,万事俱备却没有坚持,一切都会打回原形。一些设计师陷入温水煮青蛙的环境中,自驱力比较弱,就算定了目标也很难坚持到最后。
如何说服自己坚持比较关键,要培养自己的危机感,多和优秀的设计师对比,打击自己才能让自己清醒一点。也可以去面试一下,看看自己距离理想的公司有多少差距,知道自己的不足才能更有动力去改变。在一些团队或者组织里面交流,通过交流发现自己的缺点和不足,对照组织里面比较好的伙伴,以此为目标参照。
说服自己需要有打击,没有对比就没有“伤害”,没有“伤害”就没有自驱力。 
图片  
 

 六  要灵活调整 

目标并不是一成不变的固守,制定目标的时候是无法知道未来可能发生的变化,在执行目标的过程中如果发现不对,要灵活调整。
调整目标的细节和方向,或者放弃方向不对的目标,重新制定新的目标。与其耗费时间和精力去完成一个没有意义和价值的目标,不如掉头走出一条新的路径。 
图片  
 

 七  要养成输出的习惯 

在目标执行过程中要阶段性的总结,去输出完成目标过程中的经验,反思和总结才能发现更多问题,及时调整方向。
比如目标是输出 100 个 UI 设计作品,那我们可以在输出一定数量的时候做一次总结,梳理一下自己的思路和创作想法。或者进行一下作品包装,阶段性的整理和总结可以让我们停下来复盘,如果发现不足的地方可以记录问题所在,在后期继续创作的过程中及时调整。
图片  
 

 八  要培养自己的自驱力 

我们之所以会在职场中出现瓶颈期,自驱力不足是其中的一个因素,知道自己的不足,却不愿意去动手。刻意改变自己势在必行,顺其自然只会越陷越深。
往往环境很重要,和一群努力的设计师一起,氛围的熏陶也会推着自己前进。制定目标是为了给自己施压,在压力的促使下逼着自己去改变。首先可以找一个厉害的组织,和一群优秀的设计师交流;其次是和大家一起制定一个学习目标或者作品输出目标,有了互相促进的事情去完成,就不会虚度光阴;最后也可以系统性的学习提升,在没有好的组织的基础上,可以通过学习来改变自己。
无法通过自身唤醒驱动力,就要借助外部力量,氛围的营造至关重要。  
图片  
 
 

 九  通过分享激励自己 

分享是一件利人利己的事情,不仅可以帮助和自己有共勉的伙伴,也能通过分享获得建议。输出作品怕的是思维固守,往往旁观者的建议可以让我们看清隐藏的问题。
分享也是一个查漏补缺的过程,在总结经验的过程中也是一种系统性的梳理,遇到模棱两可的知识点,我们可以通过查阅资料等形式去验证。分享也是打造个人 IP 的形式,在设计平台上可以吸引更多同行交流,也有可能遇到好的机遇。分享获得的提升和机遇可以成为激励自己的形式,如果分享的作品获得平台认可也是对自己的一种认可,获得读者的认可也能带来更多的自信心。  
图片  
分享是对于自己和他人来说都非常有益的事情,这样才能让我们在实现目标的过程中,找到更多的成就感和自信心。  
 
 

 十  通过总结验收自己 

不能盲目的一直执行目标,这样会陷入不自知的迷雾中,有时候也要抬头仰望,也许会让自己更清醒。 
图片  
我们要阶段性的对自己的目标进行总结,验收自己完成目标的质量和效率,是否出现为了完成目标而忽略细节的情况。完成目标固然重要,但是目标带来的转化才是最重要的,如果只是完成而没有收获,那也是在做一件事倍功半的事情。如果自己的验收能力较弱,也要学会找比自己优秀的人来审核自己,借助别人的专业能力来对自己的能力输出进行把关。  
 
图片  
通过总结验收自己的目标很重要,特别是年度总结,这是验收完成度和总结经验的关键。目标执行过程中的季度总结或者月度总结也需要跟进,这是确保目标完成度和方向感的关键,便于及时调整。  
 
 

 小结 

关于目标说起来容易,制定出来也简单,而坚持到底最终完成目标才是关键。本文主要是和大家分享自己关于目标的理解和经验,希望在 2022 年我们可以制定出更符合自己的目标,最终我们都能完成它,收获更多经验提高自己的专业能力。
本文观点仅代表个人经验总结,如有不足欢迎大家留言补全,我们互相进步。   
 
原文地址:黑马青年(公众号)
 
作者:黑马青年
 

转载请注明:学UI网》你今年的目标完成了吗?

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



这些大佬的作品好看?我直接把源文件帮你搞到手了!

seo达人


图标类的

我们来看看吧,这图标的质量:

图片

图片

图片

图片

图片

图片

图片

图片

怎么说呢,可以说是应有尽有,而且很有风格属性,并不是普通图标网站可以下载到的,拿到源文件偷偷学习里面的制作方法,获取灵感,必须都是妥妥的!

 

ui kit

除了图标,还有很多ui kit,很多同学不是不知道怎么做UI kit吗,这么多源文件,你就看吧:

图片

图片

图片

风格那是多种多样的,就不多别的,点进去看看人家的投影为什么这么干净,那也是一种学习:

图片

看看人家的规范控件怎么弄的:

图片

你就研究吧。

 

网页

还有网页的,也下载了一些,我们看看人家这质量和感觉:

图片

图片

图片

图片

很多排版方式都是可以学习借鉴的。

而且他们的源文件里面,图片都是给你隐藏的,他的版式骨架一目了然,学习成本也降低了:

图片

图片

还有我们看看人家这配图:

图片

质量那也算是比较ok的,看起来都是赏心悦目的,杠杠滴!

 


 

原文地址:菜心设计铺(公众号)

作者:菜心设计铺

转载请注明:学UI网》这些大佬的作品好看?我直接把源文件帮你搞到手了!

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


设记·2021牙线作品集

seo达人

莫b

收藏

收藏

收藏

原文地址:站酷
作者:牙线y2x

转载请注明:学UI网》设记·2021牙线作品集

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



JavaScript制作贪吃蛇小游戏

前端达人

目录

效果展示

原理分析

 Game.js文档

Snake.js文档

Food.js文档

附上源代码


写了这么久的代码

是否你和我一样感到枯燥乏味了呢?

是否没有前进的动力了呢?

别忘了当时的你踌躇满志将前端Web一举拿下的斗志啊!


今天博主要给大家展现一个好玩的游戏

贪吃蛇小游戏!

嘿,你可别小瞧这东西!

制作过程是从无到有

等做完它

你就能从中体会到比玩游戏还快乐的居然是打代码!


效果展示

原理分析

我们制作前为了代码更清晰就分成几个js文档来编写。

其中Game.js可以看作是一个媒介的作用;Snake.js是当蛇初始化时在最左边向右走的状态;

 贪吃蛇在游戏中的运动可以想象成这条蛇是在一张25*25的表格中运动:

 如图所示

 Game.js文档

所以我们在Game.js中添加表格节点

 
  1. function Game() {
  2. this.row = 25;
  3. this.col = 25;
  4. }
  5. Game.prototype.init = function() {
  6. this.dom = document.createElement('table');
  7. // 创建表格--父元素为document(页面中创建表格)
  8. // var tr, td;
  9. for (var i = 0; i < this.row; i++) { //追加行
  10. var tr = document.createElement('tr');
  11. for (var j = 0; j < this.td; j++) { //追加列
  12. var td = document.createElement('col');
  13. td.appendChild(tr);
  14. }
  15. }
  16. };

Snake.js文档






Snake.js中当蛇初始化时最左边向右走的状态

如图所示

 
  1. function Snake() {
  2. // 蛇的初始化身体
  3. this.body = [
  4. { 'row': 3, 'col': 5 },
  5. { 'row': 3, 'col': 4 },
  6. { 'row': 3, 'col': 3 },
  7. { 'row': 3, 'col': 2 }
  8. ];
  9. }
  10. Snake.prototype.render = function() {
  11. // 蛇头的渲染
  12. game.setColorHead(this.body[0].row, this.body[0].col.'pink');
  13. // 蛇身的渲染
  14. for (var i = 1; i < this.body.length; i++) {
  15. game.setColor(this.body[i].row, this.body[i].col, 'cyan')
  16. }
  17. }

蛇在运动的时候它的原理是“头增尾删”。

因为蛇的长度先是不变的,而我们改变的也是改变这个四个格子的颜色,走一格头部那一格颜色变为粉色,尾巴那一格的颜色变为白色。


接下来让蛇通过我们按键来进行运动:放在一个监听事件内

 
  1. // 设置键盘的事件监听
  2. Game.prototype.bindEvent = function() {
  3. var self = this;
  4. document.addEventListener('keydown', function(e) {
  5. // 用ASCII码值判断键盘方向
  6. switch (e.keyCode) {
  7. case 37: //左
  8. if (self.snake.direction == 'R') return; // 先进行判断,如果当前的方向是向右移动,此时我们不能按左键
  9. self.snake.changeDirection('L');
  10. self.d = 'L';
  11. break;
  12. case 38: //上
  13. if (self.snake.direction == 'D') return; // 先进行判断,如果当前的方向是向下移动,此时我们不能按上键
  14. self.snake.changeDirection('U');
  15. self.d = 'U';
  16. break;
  17. case 39: //右
  18. if (self.snake.direction == 'L') return; // 先进行判断,如果当前的方向是向左移动,此时我们不能按右键
  19. self.snake.changeDirection('R');
  20. self.d = 'R';
  21. break;
  22. case 40: //下
  23. if (self.snake.direction == 'U') return; // 先进行判断,如果当前的方向是向上移动,此时我们不能按下键
  24. self.snake.changeDirection('D');
  25. self.d = 'D';
  26. break;
  27. }
  28. })
  29. }

接下来我们判定蛇是否撞到墙而结束

 
  1. // 死亡的判断,超出了表格边缘的部分
  2. if (this.body[0].col > game.col - 1 || this.body[0].col < 0 || this.body[0].row > game.row - 1 || this.body[0].row < 0) {
  3. alert('撞到墙了哦,一共吃掉了' + game.score + '颗草莓');
  4. this.body.shift();
  5. clearInterval(game.timer);
  6. location.reload();
  7. }


接下来我们判定蛇是否撞到自己而结束

 
  1. // 自己撞到自己的时候会判定死亡
  2. for (var i = 1; i < this.body.length; i++) {
  3. // 如果当前蛇的头部和身体的某一个部位的 row 和 col 完全重合的时候
  4. if (this.body[0].row == this.body[i].row && this.body[0].col == this.body[i].col) {
  5. alert('撞到自己了,吃掉了' + game.score + '颗草莓');
  6. this.body.shift();
  7. clearInterval(game.timer);
  8. location.reload();
  9. }
  10. }

Food.js文档


食物food类,用来产生食物

 
  1. function Food(gameSnake) {
  2. // 食物的位置
  3. this.row = parseInt(Math.random() * gameSnake.row)
  4. this.col = parseInt(Math.random() * gameSnake.col)
  5. }
  6. Food.prototype.render = function() {
  7. game.setHTML(this.row, this.col);
  8. }

食物随机生成在单元格中,利用do...while来实现

 
  1. function Food(gameSnake) {
  2. var self = this;
  3. // 下面的 do-while 循环语句作用是先创建一个 row 和 col
  4. 然后判断这个 row 和 col 是否在蛇的身上
  5. //do...while来创建食物
  6. do {
  7. // 食物的位置
  8. this.row = parseInt(Math.random() * gameSnake.row)
  9. this.col = parseInt(Math.random() * gameSnake.col)
  10. } while ((function() {
  11. // 遍历蛇的 row col 然后和 food 新随机出来的 row col 进行判断,是否重合
  12. for (var i = 0; i < gameSnake.snake.body.length; i++) {
  13. if (self.row == gameSnake.snake.body[i].row && self.col == gameSnake.snake.body[i].col) {
  14. return true;
  15. }
  16. }
  17. return false;
  18. })());
  19. }

文章来源:csdn   作者:

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



Vue按需引入Echarts,并从V4版本升级到V5版本

前端达人

一、原本的V4版本按需引入: main.js页面

import Echarts from 'echarts/lib/echarts' import 'echarts/lib/chart/pie' import 'echarts/lib/chart/bar' import 'echarts/lib/chart/line' Vue.prototype.echarts = Echarts 
  • 1
  • 2
  • 3
  • 4
  • 5

二、升级版本

!!!注意:要先删除插件,再重新安装插件,要不然是没效果的(我就说咋没效果)

  • 删除echarts
npm uninstall echarts --save 
  • 1
  • 再重新安装echarts
npm install echarts --save 
  • 1

三、按需处理

  • 在main.js页面

参考官方:https://echarts.apache.org/zh/tutorial.html#%E5%9C%A8%E6%89%93%E5%8C%85%E7%8E%AF%E5%A2%83%E4%B8%AD%E4%BD%BF%E7%94%A8%20ECharts

import * as Echarts from 'echarts/core'; import { BarChart, PieChart, LineChart } from 'echarts/charts'; import { TitleComponent, TooltipComponent, GridComponent, LegendComponent } from 'echarts/components'; // 引入 Canvas 渲染器,注意引入 CanvasRenderer 或者 SVGRenderer 是必须的一步 import { CanvasRenderer } from 'echarts/renderers'; Echarts.use([BarChart, PieChart, LineChart, TitleComponent, TooltipComponent, GridComponent, CanvasRenderer, LegendComponent]) Vue.prototype.echarts = Echarts 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14

四、成功




文章来源:csdn   作者:

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

几个超火的在线编程网站,别错过

前端达人

大家好,我是鱼皮,今天给大家推荐几个最近非常流行的编程网站,相信能够帮助大家提高编程效率、更好地学习编程。

热门编程网站推荐

Codepen

演示视频:https://www.bilibili.com/video/BV1im4y1X7zb/

国外的在线前端编程网站,在这里你可以发现很多国外大神编写的前端代码,除了各种网页布局代码外,更多的是各式各样好玩的、炫酷的、新颖的前端动画和特效。

比如圣诞节快到了,很多小伙伴问我能不能用代码画颗圣诞树。

我是不会,但是在这个网站中,输入 “Christmas Tree” 搜索,就能看到各种不同风格的圣诞树网页啦!

Codepen 好玩的网页

点击你看中的网页,就能进到代码编辑页面,在这里,你可以任意修改 HTML、CSS、JavaScript 前端代码,并且在底部的区域实时浏览运行效果,非常地方便!

在线编辑

编辑好网页后,可以在网页右下角的菜单中进行全屏浏览、收藏、克隆、分享等,还能直接将网页内嵌到我们自己的项目中,或者下载完整代码包到本地。

网页操作

得益于前端技术的发展,这个网站为开发者提供了搜索项目、在线编辑、分享导出的一条龙服务,使得我们能够以自主练习的方式轻松学习别人优秀的代码。

下面再分享几个类似的网站。

CodeSandbox

代码沙箱,顾名思义,可以帮助你在隔离的环境中运行前端项目。

在这里你可以基于丰富的模板来创建自己的沙箱(项目),比如 React、Vue、Angular、VuePress、Svelte 等常见的前端框架:

创建好沙箱后,你就可以在线编辑代码、实时查看效果,或者分享沙箱给其他小伙伴啦~

在线编辑

JSFiddle

前端开发的练习场,也可以在线编写代码、实时浏览效果。相对于 Codepen,个人感觉这个网站的编辑体验更好:

在线编辑

当你在网上看到了一段不错的 JS 代码或者插件,不必再下载到本地了。直接把代码粘贴到 JSFiddle 中,就能以最快的方式查看运行效果了。现在很多前端组件库也用到了这种平台,给开发者所见即所得的体验。

JSRUN

国内的在线编程网站,除了前端外,甚至支持多达 30 多种编程语言的在线调试和运行!

同 Codepen 一样,你可以在这里看到很多别人编写的代码片段,直接下载。还可以保存和分享你的代码,建立自己的小代码合集。

下载代码

不得不说,在国内,这个网站算是做的相当出色的了,访问速度和功能体验都很棒!

Gitpod

这个平台要比上面提到的网站更高级一些,它是一个强大的在线 IDE(集成编程环境),提供了 VSCode 风格的编辑器,允许你在线编写代码完成开发。

在线 IDE

Gitpod 基于容器技术,可以帮助你一键编译、构建、运行任何 GitHub 项目,不止前端!而且每个项目的运行都是互相隔离的,随用随创建、用完可随时回收,非常灵活。

如果你看中了一个 GitHub 项目,又不想在本地去搭建各种环境去查看它的运行效果,那么最好的方式就是使用 Gitpod 来在线构建和执行。现在也有越来越多的 GitHub 项目接入了 Gitpod,大家只要看到下图的按钮,都是可以一键部署运行的,大大提高效率!


以上就是本期分享,有帮助的话帮忙点个  吧,谢谢大家!


文章来源:csdn   作者:

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

代码写春联【js+html版本与python版本】

前端达人

文章来源:人人都是产品经理   作者:新榜

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

一、春联一

1.前言

需要代码文末公众号找我 回复【春联】即可获取
在这里插入图片描述

效果展示

在这里插入图片描述

3.代码展示

index.html

<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>css3春联切换</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="rotating-text"> <p>春联Show</p> <p> <span class="word alizarin">上联:这个需求很简单</span> <span class="word wisteria">下联:怎么实现我不管</span> <span class="word peter-river">横批:明天上线!</span> </p> </div> <script src="js/script.js"></script> </body> </html>  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24

style.css

@import url(https://fonts.googleapis.com/css?family=Lato:600); body { display: flex; justify-content: center; align-items: center; height: 100vh; background: #222; } .rotating-text { font-family: Lato, sans-serif; font-weight: 600; font-size: 36px; color: white; transform: translateX(-80px); } .rotating-text p { display: inline-flex; margin: 0; vertical-align: top; } .rotating-text p .word { position: absolute; display: flex; opacity: 0; } .rotating-text p .word .letter { transform-origin: center center 25px; } .rotating-text p .word .letter.out { transform: rotateX(90deg); transition: 0.32s cubic-bezier(0.6, 0, 0.7, 0.2); } .rotating-text p .word .letter.in { transition: 0.38s ease; } .rotating-text p .word .letter.behind { transform: rotateX(-90deg); } .alizarin { color: #e74c3c; } .wisteria { color: #8e44ad; } .peter-river { color: #3498db; } .emerald { color: #2ecc71; } .sun-flower { color: #f1c40f; }  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59

script.js

var words = document.querySelectorAll(".word"); words.forEach(function (word) { var letters = word.textContent.split(""); word.textContent = ""; letters.forEach(function (letter) { var span = document.createElement("span"); span.textContent = letter; span.className = "letter"; word.append(span); }); }); var currentWordIndex = 0; var maxWordIndex = words.length - 1; words[currentWordIndex].style.opacity = "1"; var rotateText = function () { var currentWord = words[currentWordIndex]; var nextWord = currentWordIndex === maxWordIndex ? words[0] : words[currentWordIndex + 1]; // rotate out letters of current word Array.from(currentWord.children).forEach(function (letter, i) { setTimeout(function () { letter.className = "letter out"; }, i * 80); }); // reveal and rotate in letters of next word nextWord.style.opacity = "1"; Array.from(nextWord.children).forEach(function (letter, i) { letter.className = "letter behind"; setTimeout(function () { letter.className = "letter in"; }, 340 + i * 80); }); currentWordIndex = currentWordIndex === maxWordIndex ? 0 : currentWordIndex + 1; }; rotateText(); setInterval(rotateText, 4000);  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36

二、春联二

1.环境准备

1.当缺少库时会有相应提示 黑窗口执行下方命令+包名即可下载安装
2.博主此处用的idea 直接Alt+Enter直接下载就成了
3.idea配置python环境也可以参考此文:Python(含PyCharm及配置)下载安装以及简单使用(Idea)

2.效果展示

在这里插入图片描述
在这里插入图片描述

3.代码

import io from PIL import Image #import numpy as np import requests def get_word(ch, quality): """获取单个汉字(字符)的图片
    ch          - 单个汉字或英文字母(仅支持大写)
    quality     - 单字分辨率,H-640像素,M-480像素,L-320像素
    """ fp = io.BytesIO(requests.post(url='http://xufive.sdysit.com/tk', data={'ch': ch}).content) im = Image.open(fp) w, h = im.size if quality == 'M': w, h = int(w * 0.75), int(0.75 * h) elif quality == 'L': w, h = int(w * 0.5), int(0.5 * h) return im.resize((w, h)) def get_bg(quality): """获取春联背景的图片""" return get_word('bg', quality) def write_couplets(text, HorV='V', quality='L', out_file=None): """生成春联

    text        - 春联内容,以空格断行
    HorV        - H-横排,V-竖排
    quality     - 单字分辨率,H-640像素,M-480像素,L-320像素
    out_file    - 输出文件名
    """ usize = {'H': (640, 23), 'M': (480, 18), 'L': (320, 12)} bg_im = get_bg(quality) text_list = [list(item) for item in text.split()] rows = len(text_list) cols = max([len(item) for item in text_list]) if HorV == 'V': ow, oh = 40 + rows * usize[quality][0] + (rows - 1) * 10, 40 + cols * usize[quality][0] else: ow, oh = 40 + cols * usize[quality][0], 40 + rows * usize[quality][0] + (rows - 1) * 10 out_im = Image.new('RGBA', (ow, oh), '#f0f0f0') for row in range(rows): if HorV == 'V': row_im = Image.new('RGBA', (usize[quality][0], cols * usize[quality][0]), 'white') offset = (ow - (usize[quality][0] + 10) * (row + 1) - 10, 20) else: row_im = Image.new('RGBA', (cols * usize[quality][0], usize[quality][0]), 'white') offset = (20, 20 + (usize[quality][0] + 10) * row) for col, ch in enumerate(text_list[row]): if HorV == 'V': pos = (0, col * usize[quality][0]) else: pos = (col * usize[quality][0], 0) ch_im = get_word(ch, quality) row_im.paste(bg_im, pos) row_im.paste(ch_im, (pos[0] + usize[quality][1], pos[1] + usize[quality][1]), mask=ch_im) out_im.paste(row_im, offset) if out_file: out_im.convert('RGB').save(out_file) out_im.show() text = '思前想后几行代码筑万载春秋 扶内保外一千精英带五千干将' #对联内容 write_couplets(text, HorV='V', quality='M', out_file='春联.jpg') #生成普天同庆.jpg对联图片  
            
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
白哥Java
微信公众号
获取Java面试资料/简历模板/项目资料
3.代码

import io from PIL import Image #import numpy as np import requests def get_word(ch, quality): """获取单个汉字(字符)的图片 ch - 单个汉字或英文字母(仅支持大写) quality - 单字分辨率,H-640像素,M-480像素,L-320像素 """ fp = io.BytesIO(requests.post(url='http://xufive.sdysit.com/tk', data={'ch': ch}).content) im = Image.open(fp) w, h = im.size if quality == 'M': w, h = int(w * 0.75), int(0.75 * h) elif quality == 'L': w, h = int(w * 0.5), int(0.5 * h) return im.resize((w, h)) def get_bg(quality): """获取春联背景的图片""" return get_word('bg', quality) def write_couplets(text, HorV='V', quality='L', out_file=None): """生成春联 text - 春联内容,以空格断行 HorV - H-横排,V-竖排 quality - 单字分辨率,H-640像素,M-480像素,L-320像素 out_file - 输出文件名 """ usize = {'H': (640, 23), 'M': (480, 18), 'L': (320, 12)} bg_im = get_bg(quality) text_list = [list(item) for item in text.split()] rows = len(text_list) cols = max([len(item) for item in text_list]) if HorV == 'V': ow, oh = 40 + rows * usize[quality][0] + (rows - 1) * 10, 40 + cols * usize[quality][0] else: ow, oh = 40 + cols * usize[quality][0], 40 + rows * usize[quality][0] + (rows - 1) * 10 out_im = Image.new('RGBA', (ow, oh), '#f0f0f0') for row in range(rows): if HorV == 'V': row_im = Image.new('RGBA', (usize[quality][0], cols * usize[quality][0]), 'white') offset = (ow - (usize[quality][0] + 10) * (row + 1) - 10, 20) else: row_im = Image.new('RGBA', (cols * usize[quality][0], usize[quality][0]), 'white') offset = (20, 20 + (usize[quality][0] + 10) * row) for col, ch in enumerate(text_list[row]): if HorV == 'V': pos = (0, col * usize[quality][0]) else: pos = (col * usize[quality][0], 0) ch_im = get_word(ch, quality) row_im.paste(bg_im, pos) row_im.paste(ch_im, (pos[0] + usize[quality][1], pos[1] + usize[quality][1]), mask=ch_im) out_im.paste(row_im, offset) if out_file: out_im.convert('RGB').save(out_file) out_im.show() text = '思前想后几行代码筑万载春秋 扶内保外一千精英带五千干将' #对联内容 write_couplets(text, HorV='V', quality='M', out_file='春联.jpg') #生成普天同庆.jpg对联图片
 


11

222

文章来源:csdn  作者: 分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

元宇宙正在被带入流量的陷阱

雪涛

元宇宙的爆火让许多企业都将目光瞄准这片领域,并试图从中分一杯羹。然而值得注意的是,元宇宙不能被当作流量的工具,这种发展趋势是应当被避免的。本篇文章里,作者就元宇宙和流量的关系发表了他的看法,一起来看一下。

人们对于流量的迷恋并不仅仅只是在短时间内就可以消除的,正如人们对于不同事物的喜好,正如人们约定俗成的习惯。

对于流量,同样如此。虽然我们一直都在说流量时代行将终结,互联网时代终会过去,但是,人们对于真正造就这一切的流量却有着无法抗拒的好感。于是乎,所有的行为,所有的动作都在围绕着流量展开,纵然是那些头部的巨头亦不例外。

从某种意义上来讲,互联网巨头们对于流量的焦虑要比那些中小型的玩家要强得多。正如庞大的流量带给了互联网巨头们绝对的优势一样,一旦流量的优势不再,一切都将从头开始。

于是,我们看到了几乎所有的互联网巨头在将维持现有的流量地位,特别是维持现有的优势的流量地位当成是主要目标。有人选择用新技术,有人选择用新模式,尽管名头不同,但是,底层逻辑却是相通的。

曾经,元宇宙的出现让点燃了人们的热情,很多人认为,元宇宙将会给我们带来一个全新的时代。

没错,元宇宙的确可以给我们带来一个全新的时代。但是,如果我们仅仅只是将流量看成是元宇宙的终局,甚至将元宇宙看成是一个维持自身流量地位的工具和手段,未免有些太过短视与浅薄了。然而,正是这样一种短视和浅薄的事情,却正在元宇宙身上上演着。

01

很多人仅仅只是将元宇宙看成是一种营销的新方式,而他们的底层逻辑便是借助元宇宙来尽可能多地获得、激活并转化流量;很多人仅仅只是将元宇宙看成是一种工具和手段,而他们的底层逻辑便是元宇宙尽可能地维持、坚守并塑造业已形成的流量优势;很多人仅仅只是将元宇宙看成是一种概念,而他们的底层逻辑便是借助元宇宙获得资本的关注,赢得资本的青睐……

很显然,无论是以上的哪一种模式,我们都可以非常明显地看出流量在其中所扮演着的重要作用和地位。不可否认的是,哪怕是在元宇宙业已非常火爆的时候,依然加持元宇宙的概念,还是存在着巨大的机会的。

但是,如果我们仅仅只是将所谓的加持元宇宙看成是一个概念本身,抑或是仅仅只是将加持元宇宙的终极目标看成是流量,未免有些太过俗套了。

可以确定的是,元宇宙的确可以给人们带来一种完全有别于互联网的体验,很显然,这种方式的确可以激活流量,留存流量,甚至是获取流量。但是,如果我们仅仅只是将元宇宙的功能和作用局限在这个层面上,那么,元宇宙的功能和作用非但无法得到最大限度地发挥,甚至还将会把元宇宙带向死胡同里。我认为,流量之外的元宇宙,才是真正意义上的蓝海。

流量之外的元宇宙,才是我们真正应该思考和关注的地方。同互联网一样,流量之外的元宇宙,其实是一个借助元宇宙的方式和方法,对行业进行深度影响与改造的过程。在这个方面,元宇宙其实是有着自身的天然优势的。

02

提及元宇宙,我们首先想到的是各式各样的新技术,有大数据,有人工智能,有物联网,有区块链,可以说,元宇宙就是一个新技术的聚合体。

试想一下,如果这个新技术的复合体,仅仅只是围绕着流量这个核心,那么,它的功能和作用是无论如何都无法得到最大限度的发挥的,而且它的作用和功能也是极大地低估的。

然而,正是这个对元宇宙并无任何益处的方向,现在正在被越来越多的玩家所推崇,所加持。

无论是Meta,还是微软,甚至是其他的一些玩家,无一不是如此。当元宇宙的终极目标仅仅只是流量的时候,它仅仅只是互联网模式变换了一下技术,改变了一下门面,本质上并未真正改变以流量为终局的发展模式。

如果真的如此,那我们还不如将元宇宙时代看成是互联网时代罢了,元宇宙时代不过是一种互联网的进化罢了。或许,这才是刘慈欣之所以会对元宇宙担忧的关键所在。

我想,这才是元宇宙玩家真正应该规避的地方。对于经历了互联网时代的洗礼的人们来讲,我们应该明白仅仅只是以流量为终极追求的元宇宙将会走向何方,所以,当我们刚开始探索元宇宙的时候,就应当规避掉目前的这种发展怪圈,跳出流量的牵绊,站在更高的维度来看待与探索元宇宙的发展新方向。

将元宇宙的目光更多地投向流量之外的深海,寻找流量之外的发展新方式,开启元宇宙的新纪元,才是我们真正应该去思考和关注的地方,才是元宇宙真正能够发挥出自身效力的地方。

当元宇宙规避掉了流量的陷阱,开始将目光投向产业的蓝海,它所带来的将不再仅仅只是一种由外而内的浅层的体验上的提升,而是带来的是一种由内而外的深层次的产业和生活方式上的提升。当元宇宙有了产业的支撑,并且真正以产业来建构全新的流量运行逻辑,而不是以营销和体验啦建构全新的流量运行逻辑的时候,元宇宙才算是真正进入到了属于它的时代。

03

元宇宙,一片热火朝天。然而,在这样一片热火朝天的背后,我们闻到的依然是熟悉的味道。所有的元宇宙玩家都在将目光聚焦在流量上,全然没有顾及到流量之外的领域。当元宇宙的功能和作用仅仅只有流量,那么,它的作用是被极大地低估的。以一种全新的视角来看待元宇宙,并且真正找到流量之外的发展新模式,或许才是元宇宙真正可以给我们带来新的想象力的关键所在。


元宇宙、NFT、虚拟人…盘点2021文化产业十二大热点现象

雪涛

为把握文化产业未来创新发展趋势,持续推动我国文化产业高质量发展,本文对2021年度我国文化产业“十二大”热点现象进行了梳理盘点。跟着作者一起来看看吧。

文中热点总结得到中国人民大学文化产业研究院、中国民营文化产业商会、腾讯文旅产业研究院等相关专家学者的意见指导,并得到新榜(上海看榜信息科技有限公司)对“年度文化产业热点关键词的传播力和影响力”的大数据分析支持(对阅读数、收藏数、点赞数、互动率、评论数及播放数等维度进行汇总整理):

  1.  元宇宙,互联网及文化产业的下一个成长空间
  2. NFT,文化产业新模式
  3. 文化振兴乡村,焕发乡村文旅新活力
  4. 数字文化,构建文化产业新生态
  5. 传统文化“活化”,彰显文化自信魅力
  6. 虚拟数字人,创造偶像文化新经济
  7. 直播电商,后疫情时代的常态消费模式
  8. 游戏电竞,助力游戏产业高速发展
  9. 沉浸式娱乐,文化场景的创新热点
  10. 亚文化“破圈”,Z世代引领新消费浪潮
  11. 快文娱当道,年轻一代的文化消费新主流
  12. 私域流量,品牌营销新阵地

一、2021年我国文化产业发展的重大影响因素

1. 疫情防控常态化

自2020年新冠疫情发现以来,疫情在全球快速传播,重挫了全球经济发展,对各个国家和地区造成了不同程度的影响。根据世界卫生组织的官网统计数据,截至2021年12月29日,全球累计确诊病例2.8亿例,死亡540万例。按联合国人口基金会发布的《2021世界人口状况》的全球人口75.97亿计算,全球新冠疫情单位人口感染率约为37,即全球平均每37人中有1人确诊新冠肺炎。

元宇宙、NFT、虚拟人…盘点2021文化产业十二大热点现象

元宇宙、NFT、虚拟人…盘点2021文化产业十二大热点现象

全球新冠疫情(截至2021年12月29日)

数据来源:世界卫生组织官网

新冠疫情对全球和全国的文化产业产生了前所未有的影响,不断改变着文化产业发展的产业逻辑和商业模式。

受疫情持续影响,2021年文化产业发展趋于缓慢,尤其是线下文化消费受到疫情严重冲击,大量企业面临业绩下滑、经营困难、人员流失等窘境。

但随着文化与科技的深度融合,疫情之下,云演出、云会展、云观影等“云经济”的产业地位不断提升,数字影视、线上社交、电子竞技、直播购物等细分领域增长迅速,进一步加快了文化产业的数字化转型升级,同时促使文化产业与科技、商业、零售、制造、服务等领域进一步融合。

2. 数字文化深化“上云用数赋智”

在疫情防控常态化、科技不断发展、人民对美好生活需求日益提高的背景下,数字技术发展深刻地改变了人们的娱乐方式,大众消费数字文化产品和服务的频次越来越高,尤其是年轻人对于应用最新技术、新鲜度和体验感强、极具创意和时尚潮流的数字产品青睐有加。

随着虚拟现实、大数据、区块链、全息成像、裸眼3D、人工智能等高新技术的加速应用,数字文化产业取得了爆发式增长,行业内生动力不断增强。

根据西方发达国家经验,文化消费占消费总量比重约30%。根据2019年的数据,我国人均文化娱乐消费支出仅占消费支出的4%,可见数字文化庞大的消费市场刚刚起步,未来有非常广阔的发展空间。

3. 国家乡村振兴战略

2021年作为“十四五”开局之年,中央一号文件《中共中央 国务院关于全面推进乡村振兴加快农业农村现代化的意见》发布,国家乡村振兴局正式挂牌成立,国家农村工作的重心从精准扶贫全面转向乡村振兴,而乡村振兴的重中之重在于产业振兴。

我国乡村拥有丰富的历史文化名镇(村)、传统村落、民族村寨、农业文化遗产、非物质文化遗产等文化和旅游资源,文化振兴乡村成为促进乡村新产业、新业态提质升级发展的重要抓手。

“十四五”期间,文化产业将进一步融入国民经济主战场,尤其在服务乡村振兴等国家重大战略的落地方面将发挥更为重要的支撑和带动作用。

二、2021年度我国文化产业“十二大”热点现象盘点

1. 元宇宙,互联网及文化产业的下一个成长空间

“元宇宙”来自于英文Metaverse,最早起源自美国小说家Neal Stephenson在1992年出版的科幻作品《雪崩》,总体是指一个可以映射现实世界、又独立于现实世界的虚拟空间,现实中的人可以使用数字身份在“元宇宙”中娱乐、社交、学习和工作等。

尽管行业尚未形成最终统一的形态描述,但随着全球各大龙头企业和行业KOL入局,“元宇宙”无疑是2021年最受市场关注的热点。元宇宙将打破现实和虚拟世界的边界,在游戏、社交、娱乐、教育、内容、消费等领域有着广泛的应用前景,市场普遍认为其将带来互联网、文化等系列产业商业模式的升级和市场空间的巨大成长。

彭博行业研究预计元宇宙市场规模将在2024年达到 8000亿美元,普华永道预计元宇宙相关经济市场规模有望从2020年的500万美元增至2030年的15000亿美元,2020-2030年间的CAGR高达253%。

Roblox是一个诞生于美国的UGC游戏平台,于2021年3月在纽交所上市,成为“元宇宙”概念第一股,上市后一直受到全球市场的高度关注。2021年10月29日,扎克伯格宣布Facebook 正式改名为 Meta,以展现公司对元宇宙的重视与投入程度,更掀起了全球范围对元宇宙的进一步热议。中国各大龙头企业紧随其后,纷纷入局。

元宇宙、NFT、虚拟人…盘点2021文化产业十二大热点现象

元宇宙的形式及所需要素;资料来源:中信证券《元宇宙的未来猜想和投资机遇》

元宇宙、NFT、虚拟人…盘点2021文化产业十二大热点现象

元宇宙的市场规模预测;数据来源:民生证券《元宇宙核心六问六答,如何看待它就是下一代互联网》

2. NFT,文化产业新模式

NFT( Non-Fungible Tokens 的缩写)意为非同质化货币,是可锚定现实物品的数字凭证,由于其独一无二、稀缺、不可分割或复制等特点,可用来代表虚拟收藏品、游戏内资产、虚拟资产、数字艺术品、房地产等各种资产,与区块链同被视为元宇宙的两大核心底层支撑。

2021年,NFT进入爆发增长阶段,目前最大的应用领域是数字艺术和NFT游戏市场。

长期来看,各个行业领域都可能实现NFT形式的资产流通,尤其是在元宇宙概念中NFT将扮演重要角色,未来有望成为文化产业信用评级和资产评估难题的解决途径。

2021年3月,数字艺术家 Beeple 的艺术品《Everydays:The First 5000 Days》在英国拍卖平台佳士得以6934万美元卖出,成为当时价格最贵的NFT艺术品。2021年12月,被粉丝誉为“NFT界毕加索”的艺术家Pak的项目“Merge”(“吞并”)在NFT交易平台Nifty Gateway向公众公开发售,48小时后9180万美元的成交价格超过杰夫·昆斯拍价9110万美元的雕塑《兔子》,在“全球最贵在世艺术家”排行榜上排名第一。

元宇宙、NFT、虚拟人…盘点2021文化产业十二大热点现象

《EVERYDAYS: THE FIRST 5000 DAYS》(左图为JPG集合,右图为其中一幅)

元宇宙、NFT、虚拟人…盘点2021文化产业十二大热点现象

“Merge”(“吞并”)

3. 文化振兴乡村,焕发乡村文旅新活力

在国家乡村振兴战略指导下,各地依托政府扶持、社会机构跟进和资源资本投入,积极推进文化振兴乡村,带动了乡村文化旅游市场供需两旺、快速发展,而短视频、电商直播等业态更是在全社会范围内加速了乡村文化的推广传播。

在疫情常态化防控的大背景下,更多客群的关注度也转向了人口密集度更低的乡村消费场景,山水田园、传统村落、非遗民俗、民宿美食、康养休闲等乡村文旅体验迎来更广阔的市场发展空间。

元宇宙、NFT、虚拟人…盘点2021文化产业十二大热点现象

2021年2月25日国家乡村振兴局正式挂牌

元宇宙、NFT、虚拟人…盘点2021文化产业十二大热点现象

元宇宙、NFT、虚拟人…盘点2021文化产业十二大热点现象

表:2021年上半年抖音平台“乡村”内容数据

图:企业侧对乡村文旅市场前景看好情况

数据来源:中国旅游研究院&巨量引擎城市研究院《文化赋能旅游,旅游振兴乡村》

4. 数字文化,构建文化产业新生态

习近平总书记在考察马栏山视频文创产业园的讲话中指出:“文化和科技融合,既催生了新的文化业态、延伸了文化产业链,又集聚了大量创新人才,是朝阳产业,大有前途。”在新发展阶段,文化与科技深度融合发展的数字文化显示出更为重要的战略意义。

2021年,人工智能、云计算、大数据等数字技术加速发展,5G、数据中心等文化新基建不断落地,文化产业与新一代信息技术深度融合,不断催生智慧文旅体、文化装备制造、网络视听内容、传统文化数字化、IP策划运营、虚拟文化产业多种新业态和新场景,持续深化文化与旅游等相关产业的跨界融合,不断加速我国文化产业数字化的转型升级进程。

元宇宙、NFT、虚拟人…盘点2021文化产业十二大热点现象

文化科技融合的代表性场景和相关技术融合水平分析

资料来源:《 2021文化科技融合报告》——腾讯研究院,清华大学文化创意发展研究院

5. 传统文化“活化”,彰显文化自信魅力

习近平总书记指出:“让收藏在博物馆里的文物、陈列在广阔大地上的遗产、书写在古籍里的文字都活起来。”在对传统文化的创造性转化和创新性发展理念的指导下,AR/VR、短视频、直播电商等技术不断助力传统文化“活化”,馆藏文物、古典书籍、非遗传承等融入现代生活和消费,实现了传统文化的“场景化”、“生活化”和“市场化”,不断赋能传统文化企业的生产模式和商业模式。

元宇宙、NFT、虚拟人…盘点2021文化产业十二大热点现象

传统文化视频评论热词

图片来源:字节跳动平台责任研究中心《短视频与传统文化研究报告》

2021年,“沉睡三千年,一醒惊天下”的三星堆遗址再惊天下。考古工作者在三星堆遗址新发现6座三星堆文化“祭祀坑”,并出土数百余件黄金面具等重要文物,“三星堆遗址考古新发现”连续霸占社交媒体的数条热搜,而融合了变脸、茶文化、蜀绣等川蜀文化元素、极具世俗烟火市井气息的三星堆“川蜀小堆”盲盒,以及“三星堆摇滚盲盒”也引发了全民的持续关注。

“IP蛋炒饭”公众号撰文称:“这些4000年前的出土文物,不仅极其贴合当代人的审美,甚至比当代艺术玩得更拽、更酷,洋溢着现代主义的的精神、和梦境般的想象力,将人性的感觉放大到极致。三星堆有着现代艺术特有的‘想象力’和‘百变’魅力基因,使之成为了传统文化中的潮流巨星。”

元宇宙、NFT、虚拟人…盘点2021文化产业十二大热点现象

三星堆最新出土金面具

元宇宙、NFT、虚拟人…盘点2021文化产业十二大热点现象

三星堆摇滚盲盒

元宇宙、NFT、虚拟人…盘点2021文化产业十二大热点现象

三星堆“川蜀小堆”盲盒

图源:“IP蛋炒饭”公众号《2021-IP年度榜》

6. 虚拟数字人,创造偶像文化新经济

虚拟偶像通过绘画、音乐、动画、CG等形式制作,在虚拟场景或现实场景进行演艺、工作等活动。

2021年,随着中国二次元用户数量持续增加、数字技术不断进步,初音未来、洛天依、一禅小和尚、美妆柳夜熙等虚拟偶像的受众持续提升,在直播带货、虚拟演唱会、虚拟偶像选秀等场景中不断应用,并从互联网、传媒等科技含量高的行业向信息技术密度低的地产等传统行业推进,变现路径向多元化发展,商业价值持续提升,市场规模持续扩大。

元宇宙、NFT、虚拟人…盘点2021文化产业十二大热点现象

2021年12月,万科集团董事会主席郁亮在微信朋友圈发消息称:“祝贺‘崔筱盼’获得了2021年万科总部优秀新人奖,她催办的预付应收/逾期单据核销率达到91.44%。”据报道,职场女性崔筱盼,是一名在万科集团财务部悄悄工作了十个月的虚拟人,能够提供7X24小时的服务,替代大多数的人力。

万科总部优秀新人奖获得者——“虚拟人”崔筱盼

7. 直播电商,后疫情时代的常态消费模式

疫情防控常态化背景下,直播电商进一步成为地方政府、各大机构和品牌吸引消费者不可或缺的核心手段,在更好地满足消费者需求、推动经济高质量发展等方面发挥了积极作用。

据Fastdata极数的数据,仅2021上半年,中国直播电商交易额超万亿元,同比增长超两倍。随着行业竞争的加剧、政府管理的规范及用户认知的成熟,直播电商步入下半场发展格局,将进入精细化、规范化的运营管理时代,迎来公平竞争的市场环境。

元宇宙、NFT、虚拟人…盘点2021文化产业十二大热点现象

直播电商用户渗透率

元宇宙、NFT、虚拟人…盘点2021文化产业十二大热点现象

直播电商竞争格局

数据来源:Fastdata极数《2021年中国直播电商行业报告》

2021年10月20日淘宝主播销售榜显示,当日“双十一”预售第一天,李佳琦直播销售额达到106.53亿元,薇娅直播销售额为82.52亿元,彰显了电商直播驱动经济发展的超强动力。

2021年12月20日,浙江省杭州市税务局稽查局查明,薇娅在2019年至2020年期间,通过隐匿个人收入、虚构业务转换收入性质虚假申报等方式偷逃税款6.43亿元,其他少缴税款0.6亿元,依法追缴税款、加收滞纳金并处罚款共计13.41亿元。

8. 游戏电竞,助力游戏产业高速发展

目前,我国成为全球范围内拥有核心电竞爱好者最多的区域,是全球极具电竞商业价值的市场。在新兴技术推动和国家政策支持下,世界级电竞赛事在中国举办以及EDG夺冠,电竞直播更加火爆,电竞产业彻底出圈,带动用户规模迅速增长。

未来,我国电竞市场规模还将持续稳步上升,进一步带动游戏等周边产业发展。

元宇宙、NFT、虚拟人…盘点2021文化产业十二大热点现象

数据来源:《银河证券:电竞行业深度报告——产业发展正当时,电竞夺冠承势起》

2021年《英雄联盟》全球总决赛在冰岛首都雷克雅未克落幕,来自中国LPL赛区的EDG战队与卫冕冠军、韩国LCK赛区的DK战队打满五局,最终以总比赛3-2战胜对手,夺得队史首个冠军。“EDG夺冠”在国内外的社交平台上引发巨大反响,热浪席卷整个社交媒体,尤其引得以多所高校为代表的中国粉丝沸腾狂欢。

9. 沉浸式娱乐,文化场景的创新热点

近年来,密室逃脱、剧本杀、鬼屋、以狼人杀为代表的桌游等线下沉浸式娱乐场景,因其更强的娱乐体验和社交属性、更高的客单价及更快的内容迭代等特点,在综艺节目带动下逐渐大众化,带动全产业链条快速发展。在全息投影、声光电等技术加持下,店铺数量和行业规模大幅增长,但行业整体尚处于分散阶段。虽然2021年线下娱乐场所因疫情影响受到重挫,沉浸式娱乐依然代表着未来线下的重点发展方向。

2016年3月,芒果TV推出大型实景明星推理综艺秀《明星大侦探第一季》,主打“烧脑剧情”和“悬疑推理”的综艺模式,即节目每期以某一特定故事为背景,玩家在案发现场搜证、集中推理,并向侦探玩家阐述不在场证明,最后完成指认凶手的过程。根据国盛证券统计数据,截至2021年《明星大侦探》已更新至第六季,累计播放量达 41.4 亿。

元宇宙、NFT、虚拟人…盘点2021文化产业十二大热点现象

数据来源:艾媒咨询《2021年中国剧本杀行业用户研究及标杆企业案例分析报告》

10. 亚文化“破圈”,Z世代引领新消费浪潮

根据中信证券《基于B站热度的Z世代消费指数构建》一文中的定义:“Z 世代”是指1995-2009 年出生于世纪之交的“网生一代”,人口规模约2.64亿,占我国总人口比重约19%。

Z世代的成长过程伴随着我国经济建设和城镇化的突飞猛进,以及互联网尤其是移动互联网的高速发展,因此展现出全新的世代特征。

随着首批Z时代逐渐步入职场成为消费主体,文娱、服饰、美妆、食饮、社服、家电等多个行业都迎来“亚文化”带来的全新发展机遇。盲盒潮玩、国产服饰、轻奢国货、新兴餐饮、硬核科技等不同赛道,凭借年轻消费群体的需求和偏好不断“破圈”,成为文化产业的新消费潮流。

元宇宙、NFT、虚拟人…盘点2021文化产业十二大热点现象

元宇宙、NFT、虚拟人…盘点2021文化产业十二大热点现象

偏好中国本土化国潮、国风元素 Z 世代占比

数据来源:中信证券《基于B站热度的Z世代消费指数构建》

11. 快文娱当道,年轻一代的文化消费新主流

区别于传统的大型、重型文娱,“碎片化内容消费”、“时间灵活自由”的快文娱,以轻、快、省时观看的各种短视频、微漫画、轻小说、轻游戏等内容为主。

根据芒果TV数据调查报告,Z世代偏好信息量密集、剧情推进紧凑、内涵丰富等有品质的内容,有拖进度、提速看等消费特征,更愿意为兴趣付费,在Z世代领军的文娱消费环境下快文娱成为消费主流。

元宇宙、NFT、虚拟人…盘点2021文化产业十二大热点现象

数据来源:芒果TV《95后&00后视频用户行为研究》

12. 私域流量,品牌营销新阵地

私域流量是指沉淀在品牌或个人渠道、可随时反复触达、实现一对一精准运营的用户流量。

随着互联网渗透率登顶,流量红利消退,公域流量获客成本昂贵,各大平台抽佣比率居高不下,商家逐步将经营重点从公域流量转向为用户全生命周期价值服务的私域流量已经成为必然趋势,以微信、小程序、视频号、企业号、社群、直播等为代表的私域流量的运营能力成为企业及品牌的新核心竞争力。

元宇宙、NFT、虚拟人…盘点2021文化产业十二大热点现象

私域流量 VS 公域流量

数据来源:光大证券《交还电商的舞台和话筒给商家——私域流量行业深度系列报告》

元宇宙、NFT、虚拟人…盘点2021文化产业十二大热点现象

2021年品牌私域营销布局情况

数据来源:亿邦动力研究院《2021垂直类电商私域化洞察报告》

2021年1月,微信在公开课Pro上发布数据称:2020年度小程序电商GMV在2019年8000亿人民币的基数上,整体交易额继续增长100%,人均交易金额提升了67%。

2021年4月腾讯营销洞察(TMI)和波士顿咨询(BCG)发布的《2020社交零售白皮书》中指出:在所有消费者中,有79%过去一年曾在私域消费;其中72%消费者在私域中购买客单价超过100元;购买后,70%消费者表示愿意在私域进行复购;80%消费者愿意在私域进行分享;其中48%消费者至少每月购买1次。以上多项增长数据意味着私域流量带来的市场规模还将继续扩大。

文章来源:人人都是产品经理   作者:新榜

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档