娱乐化布局的优缺点是什么_娱乐化的坏处

文章目录：

• 1、如何看待如今的泛娱乐化？
• 2、为什么现在身边的东西或事情变得越来越娱乐化了？
• 3、各种网页设计布局的优缺点

如何看待如今的泛娱乐化？

一、什么是“娱乐”与“泛娱乐”

首先，我想先明确两个概念：

“娱乐”是指人民群众闲暇时的一种打发时间方式，是基本精神需求之一。比如工作忙了一天，约上三五知己喝两杯，回家聊聊天打打游戏，看看综艺。

“泛娱乐”是指的将那些原本并不是以娱乐大众为出发点的事物，改造成娱乐大众。比如前面说的，新闻、文章、教育。新闻是给大家传递信息，而不是讨好观众的；文章是表达观点，而不是哗众取巧的；教育是传递知识，而不应该是吸引注意的。

二、为什么从“娱乐”走向了“泛娱乐”

事实上，这是近代全世界的风潮，而引领这个风潮的正是很多国人都向往的先进国家——“美国”。

1966年，美国记者彼德·马丁与哈拉特·舒曼在《全球化陷阱》首次提出了“奶头乐”（tittytainment）概念，大意就是让人向婴儿含着奶头一样“乐不思蜀”；

1995年，美国召开全世界500多名经济政治界精英的会议，正式提出并开始进行了奶头乐战略，大致内容是“随着生产力和人口的不断提升，只需20%人生产物质，即可满足所有人需求，80%人将被边缘化，他们不必也无法参与产品的生产和服务；因为这个原因，80%的财富掌握在另外20%的人手中。为了安慰社会中“被遗弃”的人，避免阶层冲突，精英们准备的方法是制造大量的“奶头”— —让令人沉迷的消遣娱乐和充满感官刺激的产品（比如：网络、电视和游戏）填满人们的生活、转移其注意力和不满情绪，令其沉浸在“快乐”中不知不觉丧失对现实问题的思考能力。”

进入21世纪之后，尤其是智能化制造的开启（机械臂，工厂机器取代工人），全世界的娱乐化更加明显，原本很多的非娱乐行业都开始娱乐化以“取悦”观众，有些词很反应这种现象，如“吸睛”、“标题党”等等。

可以说，由于21世纪生产力的继续发展，导致社会环境又发生了变化：社会并不需要那么多人从事直接物质生产，更多的人只能转而从事娱乐生产（门槛相对较低），产出增多的同时，也必然需要引导大家需求增多，于是便“泛娱乐”了。

三、如何正确看待“泛娱乐”？

从社会发展的角度来看，泛娱乐将会是必然的结果。生产力发展之后，社会关系一定是要与其相适应的，所以过于恐惧或者说排斥“泛娱乐”化，其实是没有必要的，而且从结果上也改变不了什么。例如：以前认为的玩游戏不好，看动画片不好等等，现在已经变成巨大的产业，很多人在享受，也有很多人在依靠它吃饭。

为什么现在身边的东西或事情变得越来越娱乐化了？

时代变了，85后、90后闪亮登场。85后、90后已经站在了消费舞台的正中央，他们是完全不同的物种，如果你不能深刻地了解90后的变化，自然就无法取悦他们。90后最大的变化是什么？90后以前的几代人，年轻时候的生活状态都算不上富足，我们都是缺乏安全感的，所以当我们开始有钱了以后，我们什么都想要拥有。但是85后、90后他们根本不Care，因为他们的父辈给了他们富足的生活，所以他们只在乎使用权，不在乎所有权。这些年我们在泛娱乐行业有着非常多的布局，我一直开玩笑，中国的传统娱乐行业尤其是夜店行业没有变化也会消亡。60后、70后的人宴请客人的时候总有下半场，吃好饭以后有下半场，要么唱歌，要么就干别的，为什么？因为那个时代男女之间的交流方式实在太少了，当初只有靠钱能够买到笑容，靠钱买到欢乐。现在90后不一样了，陌陌等社交工具让陌生人的社交变得如此简单的时候，娱乐行业如果没有非常多的新玩法或者是新变化，那么整个行业都会面临被颠覆式毁灭的可能。我们看到85后和90后的辣妈，不像我们70后、60后的妈妈喜欢晒娃，她们很少晒娃，主要是晒自己。这就是一个重要的变化。

各种网页设计布局的优缺点

静态布局也叫做固定布局，网页内容区采⽤绝对宽度，网页内每个模块的尺寸大小固定，一般整体在浏览器内居中显示，并会设置最小宽度min-width，当分辨率小于最小宽度就会出现滚动条，如果大于最小宽度则内容居中外加背景 。

应用场景 目前大部分的高校官网、医院官网、政府网站等都是静态布局，而且设计风格上也很老旧，当然并不是说静态布局的风格就是老旧，这个布局和设计风格没有多大关系，有很多新闻门户类、企业官网等网站采用静态布局，同样也很出彩。

优点 这种布局方式对设计师和前端来说都是最简单的，不用去考虑兼容性等问题。设计和开发成本低，后期维护成本低

缺点 在小屏上有可能出现横向滚动条，在大屏上会出现大量的空白，不能根据用户的屏幕尺寸做出不同的表现，用户体验比较差。

流式布局是指页面按照百分比%定义宽度（也就是长度单位不是我们平常使用的px，而是百分数），来适配不同的屏幕分辨率，在不同的分辨率下网页布局保持不变，一般搭配min-、max-属性来控制尺寸流动范围，以免过大或者过小影响展示和阅读，页面内元素的高度和文字大小往往px来固定住，方便页面排版和阅读。流式布局的特点是，如果宽度太小，放不下两个元素，后面的元素会自动滚动到前面元素的下方，不会在水平方向overflow（溢出），避免了水平滚动条的出现。

应用场景 流式布局典型的代表是栅格系统，一般页面中采用百分比定宽的部分都可以看做是流动布局的属性。目前大部分网页为了实现更好的视觉效果都会全局或局部使用流式布局。

优点 在不同分辨率屏幕上能够很好的展示页面元素，如果设计得当，流动布局能避免在小屏幕上出现水平滚动条，对于差别不是很大的屏幕分辨率十分友好。

缺点 当屏幕分辨率差异过大时，因为宽度使用%百分比定义，但是高度和文字大小等大都是用px来固定，有些页面元素宽度被拉的很高，页面缩小后，一些字或者图片或者图表等会产生堆叠，显示效果不太好控制。

响应式布局是指网页分别为不同的屏幕分辨率定义不同的布局，同时在每个布局中，各元素大小采用百分比定义宽度，即页面元素宽度随着窗口调整而自动适配。可以看做是定义了几个不同尺寸的流式布局。

优点 能够适应pc、pad和移动端，在任何尺寸的屏幕上都能呈现完美的视觉效果

缺点 要匹配足够多的屏幕大小，需要设计多个版本，设计和开发工作量大

弹性布局翻译过来不是em/rem layout ，因为弹性布局采用的单位是em或者rem，为了直观，所以直接采用了单位缩写去区分。em和rem是一个相对长度单位，页面内各元素的尺寸采用em/rem做单位，em是相对其父元素大小，rem是始终相对于html大小，即页面根元素。

优点 弹性适配不同的分辨率，视觉效果比较好

缺点 em以父节点font-size大小为参考点，进行任何元素设置，都需要知道他父元素的大小，容易造成页面排版混乱，rem支持的浏览器比较少。

个人理解的，felx布局主要是用来定义页面内某些元素相对于父级元素的对齐、排序、分布等排版方式，通过调整父级内元素的宽高，从而在任何显示设备上实现对可用显示空间最佳填充的能力。

优点 能够很好的契合移动端，无需考虑分辨率问题，移动端flex布局占据主流

缺点 PC端网页兼容性不好，ie浏览器必须是10.0版本以上；对设计稿要求很高，需要是有规律的设计稿，比如栅格系统；网页内容较多时，flex布局不太好控制。