《版面设计原理》设计师读书笔记ppt模板
合集下载
版面设计课件
书籍版面设计
书籍版面设计特点
书籍版面设计需要注重内容的连贯性和整体感，通过合理的布局和排版，营造舒适的阅 读体验。
设计技巧
根据书籍类型和内容，选择合适的字体、字号和行距；运用适当的空白和留白，增强版 面的层次感；保持整体风格的一致性，提升书籍品质。
05
进阶提升
版面设计与用户体验
用户体验要素
版面设计应考虑用户的需求和习惯，通过合理的布局、色彩和字 体选择，提供良好的视觉体验和易用性。
04
实践案例
杂志版面设计
杂志版面设计特点
杂志版面设计需要注重内容的层次感 和视觉冲击力，通过合理的布局和排 版，突出重点内容，引导读者视线。
设计技巧
运用大胆的字体、颜色和图片，创造 视觉焦点；保持版面整洁，避免过于 拥挤或空旷；根据内容类型，采用不 同的排版方式。
网页版面设计
网页版面设计特点
网页版面设计需要注重信息的有效传递和用户体验，通过合理的布局和排版，使网页内容易于阅读、操作和导航 。
版面设计的重要性
信息传达
用户体验
版面设计是信息传达的重要手段，良 好的版面设计能够使信息更加清晰、 准确，提高读者获取信息的效率。
良好的版面设计能够提供更好的用户 体验，使读者更加愉悦地接受信息， 提高用户满意度。
品牌形象
版面设计也是塑造品牌形象的重要方 式，独特的版面风格能够增强品牌的 辨识度和记忆度。
版面设计的原则
01
02
03
04
统一性
版面设计应保持统一性，使整 体风格和元素协调一致，提高
整体美感。
层次性
版面设计应注重层次性，通过 合理的布局和元素排列，使信
息层次分明、重点突出。
版式设计案例分析ppt课件
最新课件
13
一般的版式四
呆板的版面，标题出来 太直白，没有重点，文 字与图片的安排联系不 够。
把图片做一些更吸引人 的图，摆放随意些，或 者让其变成动态图，增 加活力的气氛。
最新课件
14
一般的版式五
文字量较多，图文结合 得不够紧密。制作出来 效果不尽人意。
把一些多余的文字去掉， 精益求精，把图片换成 产品的特写图，引人入 胜。
最新课件
15
感谢亲观看此幻灯片，此课件部分内容来源于网络， 如有侵权请及时联系我们删除，谢谢配合！
16
优秀的版式一
版面简洁 视觉流程清新 识别性较强 黑白对比强烈版式大方
最新课件
1
优秀的版式二
图片的视觉形象吸引人 视觉度很高 独特的视觉形象表达了
强烈的个性 图形化语言具有节奏感
最新课件
2
优秀的版式三
画面中表现美感，并巧 妙地结合了文字的表现， 体现了创意无处不在的 概念。
图片十分丰富，版式编 排时尚大胆，整体设计 非常到位，让人余味无 穷。
把底色改成更柔和一点 的淡黄色，把主题与内 容的字体做大一点的区 别。
最新课件
11
一般的版式二
四幅图均匀分布，使得 版面没有重点，显得呆 板。
我觉得应该将一些重点 的图片放大，一些缩小， 使得更加的灵活。
最新课件
12
一般的版式三
装饰元素不散乱，立意 不明确，不符合正常的 视觉流程。
应该把图片的颜色与文 字信息成对比色，强化 立意。把文字信息往左 上方移动，更吸引人。
最新课件
3
优秀的版式四
用一张动态的图片带动 整个版面的气氛。
整体非常和谐，浓浓的 夏日气息轻松自然，贴 切地展现了公司的品。
版式设计PPT课件
LOGO
个性化、艺术化形式美的设计本质乃是用来加强沟通与传播，因此， 版式设计所追求的完美形式必须符合设计思想主体的表达，这是编排设计 必须遵循的原则及设计的先决条件。
LOGO
三、强化整体布局
LOGO
将版面中各种排版要素在编排结构及色彩上作整体设计，以求整体 的视觉效应，即使是“散”的结构也是设计中特意的精心编排之追求。
如何获得版面的整体布局：
1 加强整体结构组织的方向 视觉秩序。
2 加强文案的集合性。 3 加强展开页的整体设计。
LOGO
第三章 版面设计的编排构成
LOGO
一 、点的编排构成
版面中的点由于大小、形态、位置不同，所产生的视觉效果也不同， 心理的作用也不同。
LOGO
为了追求新颖的版式，更特意追求将视点导向左、右、上、下 边置的变化已成为今天常见的版式表现形式。
编排设计是一门基础课，但对于每位热爱设计的设计师来说是他们一生 为之努力付出所追求的艺术目标，它不仅是一门基础课更是一门真正意义的 设计艺术。
LOGO
每一个艺术运用思潮都对平面设计的风格产生过深刻的影响， 因此平面设计的思想观念与风格不是孤立的，它是与建筑、绘画、 文学、音乐、诗歌、服装等领域的艺术思想精神完全一致的。
LOGO
经过变革的设计，变化小的作品，骨骼一眼就能 明细可见；变化大的作品，也能依然保留部分骨骼的 痕迹。
LOGO
灵活掌握骨骼和变形骨骼的手法，将大大 拓宽我们的设计空间。
五、自由构成
LOGO
LOGO
尤其是今天的商业社会是以年轻人主导的 消费市场，这种自由、活力、个性化的风格表 现仍将主导平面设计的持续发展。
三、面的编排构成
LOGO
设计前必须知道的事情《版式设计的原理》读书笔记ppt
专治持续性头痛。——Saridon菲律宾散利痛药品
精美 买 为什么
的杂志，你看了就想 ？
精美 买 为什么精美为的杂什志，么你看了就想买？的杂志，你看了就想
？
精美 买 为什么
的杂志，你看了就想 ？
精美 买 为什么
的杂志，你看了就想 ？
因为吸引你的不仅仅是内容
设计 关键是它的设计
好的平面设计=
好创意+若干设计原理
文字编排
行对齐 行高
居中对齐：适用于横排文章 左右对齐：适用于长文章 行头对齐：适用于散文、诗歌等表现韵味的文字版式
正文最恰当行高：文字磅值的两倍
留白
留白面积：文字内空白<字与字间“字间隔” <行与行<段与段
完全形态法则（Gestalt）
研究下意识将多要素整理归纳为整体，或从看到的事物中寻找 图形的心理倾向。 即故意把部分设计要素隐藏或省略，能使读者下意识地靠想象 力把省略的部分填补完整。
不足：相对冷清
退底
根据图片中图像轮廓进行剪裁处理
沿物像周围做粗略的剪切
退底
根据图片中图像轮廓进行剪裁处理
将图片做与轮廓毫无关系的剪切
退底
根据图片中图像轮廓进行剪裁处理
沿物像轮廓去除背景
边界
在版面要素较多的情况下，为各要素设计“边界”，分隔非同类要素
用隔线作区分 （直线、虚线、手绘线）
边界
在版面要素较多的情况下，为各要素设计“边界”，分隔非同类要素
日常用品（笔记本） 颜色
搭配
文案 拟外形
质地感
引入质地要素，制造密度感或者高级感
刚硬厚重 石头、木材质地
质地感
引入质地要素，制造密度感或者高级感
版式设计第三章(版式设计原则 )ppt课件
41
表现形式： 形象之间的调和 色彩调和 方向的调和
方向的变化表现着形象的 情感和决定着版面的效果 方向的对比给版面带来活 力和动感。但要注意必须 有一个主流方向。
42
形象之间的调和
具有同质要素的形象，能做到调和，但其不足在于刺 激性较弱，处理不当已陷入单调和一般化。
具有类似要素的形象；进行适当的对比和变化能取得 美妙的和谐，在于形象之间伴随着类似的共同性；
第二章 第一节 主题性
9
2．近似对称 近似对称即不完全同形、同量，局部结构稍有变化的对称图形，如传统的对联、门神、门前石狮等。门联的内容左右不同， 门神的形象文武相别，石狮又分雌雄等，这种局部有差异的对称，在均衡统一中存在小小的变化，更能从稳定的均齐中感 受到丰富的变化（图3-3至3-5）。
10
图：梯田也是节奏的一种表现。在不同的高度，梯 田的排列形成了疏松与紧密，宽与窄，高与低等变 化，这些变化就形成了节奏中的韵律。
48
• 韵律指某基本形按一定格律中的间隔、连续交替、反复 而产生的音乐诗歌般的旋律感节奏感。
49
节奏是韵律形式的纯化，韵律是节奏形式的深化，节奏富于理性，而韵律则富 于感性。
彩 ，
38
鲨鱼可怕 鲨鱼消失 更可怕！
第三章 第二节 审美性
39
（二）调和 调和是指通过在各种视觉元素之间寻找相互协调的因素来 表现主题的编排手法。如图3-13所示，整个对开页的设计 从始至终突出对比，左右两页的色彩完全相反。尽管内容 和形式充满对比，但两个对应页都使用相同的字体，横贯 两页的图形和词汇除颜色的差别外，均连续不断、和谐统 一。在一个版面中，如果纯粹的对比容易出现混乱的局面， 如果只有一种视觉元素机械地出现，就会显得单调无味； 只有在不同元素中寻求相同或者相似的因素，才能产生协 调、舒适、安定、统一的效果（图3-14）。 调和的方法也很多，如
版面设计优秀美术课件.ppt
• 相对于排版，版式设计更具有创造性和艺术性， 需要考虑各要素编排的方案，是一项创造性的工 作。
第一章 传承 • 第一节 版式的源流 • 一 文字、版式起源
• 1 汉字、版式的历史 6000年的历史，包括甲骨文、金文、大篆、小 篆、隶书、草书、行书、楷书、老宋等。
• 2 拉丁文字起源 起源于图画，它的祖先是复杂的埃及象形字。
• 3 “现代”版面的雏形
• 所谓“现代”体系，是依托罗马体发展出来的一 个新的具有系列字体的体系，又被视为新罗马体。
• 更好的传达功能。
• 4 工业革命 • 时间：1760年～1840年
• 随着生产力和社会总收入的急剧提高，巨大的社 会需求直接促进了平面设计的大发展。
版面设计与排版的区别
• 版面设计和排版不是一回事，虽然平时有人会将 两者混为一谈。
• 简单的说，可以认为排版就是版式设计程序中的 正稿的编排，即在完整的版面设计工作中包括了 排版。
• 排版更侧重技术性的工作，仅仅在指定的方案中， 运用技术手段将文字、图片、表格等内容进行组 织。如果是制作印刷品，还要按照印刷要求进行 分页。
• （1）欧美字体设计大爆炸 • （2）木刻版海报在商业广告上的广泛应用 • （3）印刷、排版技术的突破性革命
• 5 维多利亚时期
• 时间：1837年～1914年
• 最显著的特点是对中世纪哥特艺术的推崇，与巴 洛克风格相似，显得娇柔造作。
巴洛克风格的平面设计，追求的是严肃、高贵、
丰富、高雅，其特征是采用大胆的曲线结构、繁 杂的装饰和无联系部分间的整体平衡，版面布局 比较讲究对称，色彩设计强烈。
• 2 洛可可风格 时间：约1720年～约1770年。 洛可可风格是一种紧跟巴洛克风格之后起源于18
第一章 传承 • 第一节 版式的源流 • 一 文字、版式起源
• 1 汉字、版式的历史 6000年的历史，包括甲骨文、金文、大篆、小 篆、隶书、草书、行书、楷书、老宋等。
• 2 拉丁文字起源 起源于图画，它的祖先是复杂的埃及象形字。
• 3 “现代”版面的雏形
• 所谓“现代”体系，是依托罗马体发展出来的一 个新的具有系列字体的体系，又被视为新罗马体。
• 更好的传达功能。
• 4 工业革命 • 时间：1760年～1840年
• 随着生产力和社会总收入的急剧提高，巨大的社 会需求直接促进了平面设计的大发展。
版面设计与排版的区别
• 版面设计和排版不是一回事，虽然平时有人会将 两者混为一谈。
• 简单的说，可以认为排版就是版式设计程序中的 正稿的编排，即在完整的版面设计工作中包括了 排版。
• 排版更侧重技术性的工作，仅仅在指定的方案中， 运用技术手段将文字、图片、表格等内容进行组 织。如果是制作印刷品，还要按照印刷要求进行 分页。
• （1）欧美字体设计大爆炸 • （2）木刻版海报在商业广告上的广泛应用 • （3）印刷、排版技术的突破性革命
• 5 维多利亚时期
• 时间：1837年～1914年
• 最显著的特点是对中世纪哥特艺术的推崇，与巴 洛克风格相似，显得娇柔造作。
巴洛克风格的平面设计，追求的是严肃、高贵、
丰富、高雅，其特征是采用大胆的曲线结构、繁 杂的装饰和无联系部分间的整体平衡，版面布局 比较讲究对称，色彩设计强烈。
• 2 洛可可风格 时间：约1720年～约1770年。 洛可可风格是一种紧跟巴洛克风格之后起源于18
版面设计美术教学课件PPT
3格调
实用性格调 随和性格调 精神性格调
5要素
版面样式 信息量 静动性 图文性 跳跃率
3格调
实用性格调 随和性格调 精神性格调
3格调 1 实用性格调
实用性格调：讲求诚实，功效性，实用 性为主。比如报纸 特点：信息量大，排列规范，阅读感清 晰。适用于慢慢阅读实用性的说明，版 面不强调视觉效果漂亮
3格调 2 随和性格调
何
为
1. 使人感到愉悦
好
2. 提供可靠信息
的 版
3. 懂得受众心理
面
？
1. 使人感到愉悦
因素: 1.版面：照片饱满，自由，色彩明亮 2.跳跃率：标题大而充实，显得精神饱满 3.信息量：图片文字适当 4.静动性：弧形文字自由开放
刻板，缺乏时装杂志的开放、轻松、随和性
2.提供可靠的信息
比如报纸，给人和合适的感觉
精神性格调
信息量多少导致格调发生变化
大信息量显示实用格调，小信息 量显示精神格调。
5要素 3 静动性
静动性：照片主体表现的垂直、水平和动态。此外还有照片外形轮廓
实用性格调
随和性格调
精神性格调
图像外形 的静动性
静动性
图像内容 的静动性
方版兼具实用和精神 两种 有水平和垂直构成， 稳重没浪费
扣抵版、羽化版有感 染力，适合随和格调
将版心划分为无数统一尺寸的网格。 把文字与图片安排于其中，使版面具有一定的节奏 变化，产生优美的韵律关系
负面影响：会给版面带来呆板。
所以运用网格设计的同时，应适当打破网格的约束 使画 面活泼生动。
5要素 2 信息量
信息量：多图片和文字充满版面，信息量多；信息量的多少决定版面式样的形象。
《版面设计的原理》读书笔记(一)
《版面设计的原理》读书笔记（一）这本书主要讲解了版面设计的基本规则，书中内容浅显易懂，是一本实用的参考手册，适合作为设计的入门读物。
至于什么是版面设计，我从网上找了一段比较靠谱的定义，与书中所讲基本一致：版面设计，又称为版式设计，是平面设计中的一大分支，主要指运用造型要素及形式原理，对版面内的文字字体、图像图形、线条、表格、色块等要素，按照一定的要求进行编排，并以视觉方式艺术地表达出来，并通过对这些要素的编排，使观看者直觉的感受到一些要传递的意思。
版面设计并非只用于书刊的排版当中，网页、广告、海报等涉及到平面及影像的众多领域都会用到版面设计。
好的版面设计可以更好的传达作者想要传达的信息，或者加强信息传达的效果，并能增强可读性，使经过版面设计的内容更加醒目、美观。
版面设计是艺术构思与编排技术相结合的工作，是艺术与技术的统一体。
书中第一章“建立条理” 讲解了版面设计中最基本的原理，是后面几章内容的基础。
这篇笔记主要总结这部分的内容。
本章讲述的规则包括以下内容：1、信息的整理：设计的目的是向目标人群传达想要传达的信息，所以设计师在设计前要对设计的内容，以及面向的目标人群了解透彻。
2、贴近和远离：相关元素贴近放，无关的元素远离放3、排列对齐：文字、图片等要素的排列对齐，使版面看起来干净整齐4、视线的移动：通过设计让读者能够流畅地阅读内容5、构成重复：多个要素按照一定规则进行编排，使它们看上去显得有规律6、直线与曲线的灵活应用：可以区分不同的要素，也可以关联相似的要素7、重心和平衡：每个要素都有分量，版面布局需要设计好重心和保证页面的平衡8、字形和字体：因为是主要讲日文的，所以对我们的用处不是很大，不过关于字体这一部分以前没有特别关注过，需要多研究一下。
9、易读的文字编排：文字的排版，讲的比较细，包括文字的大小、行间距要怎么定，对字形字体熟悉的基础上，可以更好地进行文字编排。
10、统一线宽：对使用的相同用处的线条统一线宽，还要注意文字与线条直接的宽度的影响11、对称带来稳定感：不同的对称排版方式，可以带来不同的感觉12、设定虚拟边框：讲了版心的概念，一般情况下内容都会编排在版心内13、网格的灵活运用：这个用处不大不说了14、完全形态法则：人类的视觉倾向于感知连续的形式，而不是碎片，看到不完整的东西会自动补齐。
《版式设计法则》读书笔记思维导图
综合案例解析
第8章 不同的版面构成法则决定 不同的版式...
8.2 运用多种构成 法则展现版式的多
样变...
8.1 如何使版面结 构恰到好处
综合案例解析
读书笔记
谢谢观看
第1章 从基本构成元素中获取灵 感
1.1 如何在点元素 中获取灵感
1.2 利用线元素表 现不同的版面内容
1.3 挖掘面元素在 版式中的影响力
综合案例解析
1.பைடு நூலகம்.2 点的基本表 现法则
1.1.1 了解点的形 态
1.1.3 点在版式中 的构成法则
1.2.1 了解线的形 态
1.2.2 线的基本表 现法则
4.2 使版面优美的 六大原则
4.1 构成简洁版面 的形式法则
综合案例解析
第5章 注意文字在版式中的编排 法则
5.1 借助文字 1
的排列方式统 整版面信息
2
5.2 文字编排 的设计原则
3 5.3 让文字表
现出十足的个 性
4
5.4 文字的跳 跃率
5
综合案例解析
第6章 图片的运用法则革新版面 风格
最新版读书笔记，下载可以直接修改
《版式设计法则》
思维导图PPT模板
本书关键字分析思维导图
案例
综合
视觉
设计
结构
编排
内容
版面
版式
点 信息
效果
法则
图片
观赏者
元素
作用
第章
网格
目录
01 第1章 从基本构成元 素中获取灵感
03
第3章 网格在版式设 计中的技术法则
02
第2章 留心版式设计 中的视觉法则
04
第8章 不同的版面构成法则决定 不同的版式...
8.2 运用多种构成 法则展现版式的多
样变...
8.1 如何使版面结 构恰到好处
综合案例解析
读书笔记
谢谢观看
第1章 从基本构成元素中获取灵 感
1.1 如何在点元素 中获取灵感
1.2 利用线元素表 现不同的版面内容
1.3 挖掘面元素在 版式中的影响力
综合案例解析
1.பைடு நூலகம்.2 点的基本表 现法则
1.1.1 了解点的形 态
1.1.3 点在版式中 的构成法则
1.2.1 了解线的形 态
1.2.2 线的基本表 现法则
4.2 使版面优美的 六大原则
4.1 构成简洁版面 的形式法则
综合案例解析
第5章 注意文字在版式中的编排 法则
5.1 借助文字 1
的排列方式统 整版面信息
2
5.2 文字编排 的设计原则
3 5.3 让文字表
现出十足的个 性
4
5.4 文字的跳 跃率
5
综合案例解析
第6章 图片的运用法则革新版面 风格
最新版读书笔记，下载可以直接修改
《版式设计法则》
思维导图PPT模板
本书关键字分析思维导图
案例
综合
视觉
设计
结构
编排
内容
版面
版式
点 信息
效果
法则
图片
观赏者
元素
作用
第章
网格
目录
01 第1章 从基本构成元 素中获取灵感
03
第3章 网格在版式设 计中的技术法则
02
第2章 留心版式设计 中的视觉法则
04
广告版面设计的原则 PPT课件
53
Advertising
广告排版设计法则 54
Advertising
广告排版设计法则 55
Advertising
广告排版设计法则 56
Advertising
《广告设计》课程期末作业
内容：系列商业海报设计 要求： 1、系列海报设计，一系列不少于三张作品； 2、有明确的广告主题，表示手法，有商标； 3、富有创意，发现雷同作品，期末作业成绩记零； 4、最后一次课，前一晚，递交JPG和源文件给班长。
51
Advertising
广告排版设计法则
文字排列与产品图片轮廓相一 致，有趣味性，整体画面柔和。
52
Advertising
广告排版设计法则
Aquatro安全套：用TT即是正义
充满正义凛然感，又极具冷幽默感的Aquatro安全套平面创意。 戴上TT的时候，我们就不再是坏人了，我们的行为也充满了理所当然和英雄 主义的浪漫！
57
真爱无形，那就用色彩来凝固住吧
11
Advertising
广告排版设计法则
coloful的标语与骄傲彩虹不谋 而合
真爱无形，那就用色彩来凝固住吧
12
Advertising
广告排版设计法则
男男、女女、男女无论何种组 合都不重要，相信真爱的存在 是普遍的、是没有形状的
真爱无形，那就用色彩来凝固住吧
13
小人国是童话或卡通中常用的题材，小盆友们总觉得身边藏着这样一些朋友， 在不经意间做了许许多多的事情。 摄影师将这些童话的题材运用到了摄影上，创作这组Making Up系列。将特 写的女性面容与小人偶做创意结合，以面容创作出许多不同的场景与情境， 如雪地、园艺、登山或是油漆画家。 美妆摄影与小人偶的结合，让这组Making Up系列不但有了时尚摄影高大上 的气质，同时也兼具了艺术创作的玩味有趣。小人偶在模特脸上的活动，配 合展示的妆容和摄影师恰到好处的取景，为观者呈现了一出精彩纷呈的小人 国日常生活图景。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Fax. 020-4666-0722
Designer
李文正
李文正
北京市海淀区永兴路22号
Designer
北京市海淀区永兴路22号 Tel. 045-904-4984 Fax. 020-4666-0722
对齐
左对齐 右对齐 版心对齐 网格对齐
视线的移动
横排文字 竖排文字
图文编排：把版面比作大河，文字是“河水”，图片是“石头”
构成和重复
各要素重要程度相同时，难以用区分大小和贴近远离体现条理性， 应按照一致的规则编排要素。
重复的样式：图标、大小、颜色、字体、图片
直线和曲线
分割要素 关联要素
重心和平衡
调整平衡的诀窍，在于将要素转化为对应的分量，进行编排
要素的分量由颜色和大小决定。
面积越大， 灰阶越深， 要素的分量越重
时间：2013.12.28 2 下午2点—5点
2014元旦晚会
地点：永兴路22号体育场
2014
地点：永兴路22号体育场 门票：70元 3 电话：0000-8888888
建 设 路
永兴路
体育场
元旦晚会
正确布置：建立条理，突出强调，添加变化
2014
2014
元旦晚会
12.28.2013
2:00pm 5:00pm 地点：永兴路22号体育场 门票：70元 电话：0000-8888888
建 设 路
元旦晚会
12.28.2013
2:00pm 5:00pm
永兴路 体育场
地点：永兴路22号体育场 门票：70元 电话：0000-8888888
建 设 路
永兴路 体育场
贴近和远离
同类要素贴近配置，无关要素疏散配置。
TART DESIGN Co, Ltd
Tel. 045-904-4984
TART DESIGN Co, Ltd
版面设计 的原理之一
“建立条理”
伊达千代&内藤孝彦 著
一般步骤
贴近和远离
对齐
构成和重复
版面设计中 “建立条理”的主要规则
视线的移动
直线和曲线
字
重心和平衡
统一字体
版面设计的一般步骤
理解
• 受众 • 展示方式 • 设计目的
提取
• 简化要素 • 视觉化
布置
• 建立条理 • 添加变化 • 突出强调
整理意图：受众？展现方式？设计目的？
统一字体
衬线字体 非衬线字体
字个月 对象？ 地点？ 市民 车站、地铁站等
时间：2013.12.28 下午2点—5点 地点：永兴路22号体育场 门票：70元 电话：0000-8888888
展现方式？ 张贴海报
设计目的？ 吸引大家观看晚会
提取要素：根据重要程度排序，并做视觉化处理
2014元旦晚会 1