文件格式定义
文件格式定义对于硬盘机或任何电脑存储来说，有效的信息只有0和1两种。所以电脑必须设计有相应的方式进行信息-位元的转换。对于不同的信息有不同的存储格式。编辑本段概述有些文件格式被设计用于存储特殊的数据，例如：图像文件中的JPEG文件格式仅用于存储静态的图像，而GIF既可以存储静态图像，也可以存储简单动画；Quicktime格式则可以存储多种不同的媒体类型。文本类的文件有：text文件一般仅存储简单没有格式的ASCII或Unicode的文本；HTML文件则可以存储带有格式的文本；PDF格式则可以存储内容丰富的，图文并茂的文本。同一个文件格式，用不同的程序处理可能产生截然不同的结果。例如Wod文件，用MicosoftWod观看的时候，可以看到文本的内容，而以无格式方式在音乐播放软件中播放，产生的则是噪声。一种文件格式对某些软件会产生有意义的结果，对另一些软件来看，就像是毫无用途的数字垃圾。编辑本段规范许多文件格式都有公开的、不同程度规范或者建议的格式。这些规范或者建议描述了数据如何编码，如何排列。有时也规定了是否需要特定的电脑程序读取或处理。有两种情况下，文件格式没有公开。第一种情况是：开发者将文件格式视作商业秘密不愿公开；第二种情况是：开发者不愿或花去很少的时间用于规范文档。需要注意的是，使用不公开的文件格式可能会带来额外的成本。要了解这类文件格式或者需要通过对获得的文件进行逆向工程，或者通过向开发者付费来获得文件的格式。第二种方式中往往还需要与开发者签订不扩散协议。不论怎样两种方式都是费时，费钱的。编辑本段识别文件的类型从程序的角度来看，文件是数据流，文件系统为每一种文件格式规定了访问的方法。例如：元数据。不同的操作系统都习惯性的采用各自的方式解决这个问题，每种方式都有各自的优缺点。当然，现代的操作系统和应用程序，一般都需要这里所讲述的方法处理不同的文件。
& 果果文库所有资源均来源于互联网，仅供网友学习交流，若侵犯了您的权益，请联系我们予以删除。
8270&&人浏览
3226&&人浏览
16053&&人浏览
18326&&人浏览
2107&&人浏览
14535&&人浏览
10609&&人浏览
1928&&人浏览
6092&&人浏览
2707&&人浏览
2504&&人浏览
8542&&人浏览
18132&&人浏览
6607&&人浏览
16188&&人浏览
本文标题：文件格式定义 链接地址：
copyright@ 2013- Inc. All Rights Reserved 果果文库 版权所有 联系站长: ; 经营许可证编号:浙ICP备号不能。&br&&br&无论是初代目大和：&br&&img data-rawheight=&720& src=&/v2-d6f099ee8f5110b8dbbe51b56a895d8f_b.jpg& data-rawwidth=&1214& class=&origin_image zh-lightbox-thumb& width=&1214& data-original=&/v2-d6f099ee8f5110b8dbbe51b56a895d8f_r.jpg&&&br&还是二代目大和：&br&&img data-rawheight=&720& src=&/v2-7898adf8e03033cedbc1c0ba_b.jpg& data-rawwidth=&1407& class=&origin_image zh-lightbox-thumb& width=&1407& data-original=&/v2-7898adf8e03033cedbc1c0ba_r.jpg&&&br&其船体都大量采用铆接工艺进行建造。&br&&br&而船体铆接工艺，在中国从20世纪50年代起就开始被焊接工艺全面取代了。&br&&br&大概十多年前，上海一条老船壳子被撞了个洞、需要修理，找遍长三角竟无一家修造船厂能修，最后是找到了几位年轻时抡过大锤的退休师傅指导才搞定。&br&&br&如今又是十多年过去，怕是很难再找到还能抡大锤的退休师傅了；想原样复刻大和，这么大的工程量，光是从头开始培训足够多的抡大锤的铆工，估计都得花几个月。（好在铆工主要是个体力活，培训期应该比焊工短不少。）&br&&br&并且，如今的船厂都是围绕焊接工艺展开布局的；好在船坞和部分钢材处理车间可以通用，要改造一个铆接式船厂并调试完毕，我估计得半年。&br&&br&这还只是船体建造。至于其它早已被淘汰的技术，想要复刻更是得花时间。所以我认为，现在的中国造船业，不能复刻大和舰；起码得给个一两年的时间才能完成最基本的船体建造准备工作，在花个几年时间复刻舾装件。&br&&br&当然，如果只是要外观上大致相同、允许工艺和性能远超大和舰，那就比较好办了：主炮利用先锋号的技术储备加大口径再配套点贫铀弹甚至核炮弹之类的，副炮和高炮全部换成130炮，手拉机换成1130，机电和雷达火控全换新的，水上飞机换成反潜和预警直升机，总体和舱室布置按照自动化省掉两千舰员、只留几百人的原则优化，船体结构也用有限元跑两遍估计可以优化个一两千吨……&br&&br&于是就得到了一条航速有望突破30节的、航程有望突破20000海里的、装备灭世神炮的、能够单舰干翻整个特混舰队舰载机联队的、顺便压制半径几十千米内潜艇的、人人住套房的超超超超大和旅馆……啊不，亲王号！拳打陆军马鹿，脚踢米英鬼畜！&br&&img data-rawwidth=&580& data-rawheight=&374& src=&/v2-712049cfe83924b2dde8a3fd145a4727_b.jpg& class=&origin_image zh-lightbox-thumb& width=&580& data-original=&/v2-712049cfe83924b2dde8a3fd145a4727_r.jpg&&&br&想想还挺激动的呢。&br&&br&多铆蒸刚，炮塔至大！&br&&br&亿万星辰，亿万炮塔！&br&&br&多铆蒸刚，炮塔至上！&br&&br&亿万炮塔，亿万荣光！
不能。 无论是初代目大和： 还是二代目大和： 其船体都大量采用铆接工艺进行建造。 而船体铆接工艺，在中国从20世纪50年代起就开始被焊接工艺全面取代了。 大概十多年前，上海一条老船壳子被撞了个洞、需要修理，找遍长三角竟无一家修造船厂能修，最后是找…
更新了！&br&谢谢大家的支持~&br&——————————————————————————————--&br&&br&↓希特勒的ppt大概是这样的....&br&&img src=&/9af4f836eeeaf45_b.png& data-rawwidth=&862& data-rawheight=&480& class=&origin_image zh-lightbox-thumb& width=&862& data-original=&/9af4f836eeeaf45_r.png&&&br&&img src=&/cea838aee24be4_b.png& data-rawwidth=&858& data-rawheight=&485& class=&origin_image zh-lightbox-thumb& width=&858& data-original=&/cea838aee24be4_r.png&&&br&.........&br&&br&&br&———————————————————&br&&br&&br&&br&&br&↓古代情趣用品发布会的ppt大概是这样的.......&br&&img src=&/e6abb3d42efe_b.jpg& data-rawwidth=&1280& data-rawheight=&720& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/e6abb3d42efe_r.jpg&&———————————————————&br&&img src=&/eb5dc1adf056d692c636b2ae_b.jpg& data-rawwidth=&1280& data-rawheight=&720& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/eb5dc1adf056d692c636b2ae_r.jpg&&———————————————————&br&&img src=&/47f3fd3f770d32ff97ba5bf20011dddb_b.jpg& data-rawwidth=&1280& data-rawheight=&720& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/47f3fd3f770d32ff97ba5bf20011dddb_r.jpg&&&br&———————————————————&br&&br&&br&&br&↓ 蒋介石退守台湾之后的ppt大概是这样的............&br&&img src=&/bf17bda451a133bf47a23d_b.jpg& data-rawwidth=&646& data-rawheight=&483& class=&origin_image zh-lightbox-thumb& width=&646& data-original=&/bf17bda451a133bf47a23d_r.jpg&&&br&&img src=&/ecec389e2fdcafbbb60aa1_b.png& data-rawwidth=&650& data-rawheight=&471& class=&origin_image zh-lightbox-thumb& width=&650& data-original=&/ecec389e2fdcafbbb60aa1_r.png&&.....&br&————————————————————&br&&br&&br&↓诸葛亮北伐的ppt大概是这样的....&br&&img src=&/2adfc0ffbf2fe7bebd5f8_b.png& data-rawwidth=&649& data-rawheight=&396& class=&origin_image zh-lightbox-thumb& width=&649& data-original=&/2adfc0ffbf2fe7bebd5f8_r.png&&&br&&img src=&/3f843f4fef9e2b5664a45dba_b.png& data-rawwidth=&650& data-rawheight=&395& class=&origin_image zh-lightbox-thumb& width=&650& data-original=&/3f843f4fef9e2b5664a45dba_r.png&&———————————————————&br&&br&&br&&br&↓朱元璋的ppt大概是这样的...&br&&img src=&/c1ac5ddc47db58ebaf38e_b.png& data-rawwidth=&648& data-rawheight=&483& class=&origin_image zh-lightbox-thumb& width=&648& data-original=&/c1ac5ddc47db58ebaf38e_r.png&&&br&&img src=&/bbf98f86607_b.png& data-rawwidth=&655& data-rawheight=&424& class=&origin_image zh-lightbox-thumb& width=&655& data-original=&/bbf98f86607_r.png&&———————————————————&br&&br&↓毕升的活字印刷ppt是这样的...&br&&img src=&/6cc4f031e255a2b4935d6_b.png& data-rawwidth=&727& data-rawheight=&458& class=&origin_image zh-lightbox-thumb& width=&727& data-original=&/6cc4f031e255a2b4935d6_r.png&&&br&&img src=&/985af3b02f4cdff7a1ff36fc8ded2c8a_b.png& data-rawwidth=&764& data-rawheight=&459& class=&origin_image zh-lightbox-thumb& width=&764& data-original=&/985af3b02f4cdff7a1ff36fc8ded2c8a_r.png&&———————————————————&br&&br&&br&↓大明的年终总结ppt大概是这样的........&br&&img src=&/a4b746b1ed72daebc579e506ae9ba48d_b.png& data-rawwidth=&635& data-rawheight=&463& class=&origin_image zh-lightbox-thumb& width=&635& data-original=&/a4b746b1ed72daebc579e506ae9ba48d_r.png&&&img src=&/3f0a24a50be636d5d06b2e_b.png& data-rawwidth=&628& data-rawheight=&445& class=&origin_image zh-lightbox-thumb& width=&628& data-original=&/3f0a24a50be636d5d06b2e_r.png&&————————————————————&br&&br&&br&↓.......笑笑就好...........&br&&img src=&/b1cf3224debdd7de6bd437_b.png& data-rawwidth=&628& data-rawheight=&459& class=&origin_image zh-lightbox-thumb& width=&628& data-original=&/b1cf3224debdd7de6bd437_r.png&&&img src=&/710b7a557bee5eec72aa45ac72912c67_b.png& data-rawwidth=&634& data-rawheight=&436& class=&origin_image zh-lightbox-thumb& width=&634& data-original=&/710b7a557bee5eec72aa45ac72912c67_r.png&&————————————————————&br&&br&&br&↓杨贵妃的讲座ppt大概是这样的.........&br&&img src=&/902ecbbfdd5462e_b.png& data-rawwidth=&635& data-rawheight=&470& class=&origin_image zh-lightbox-thumb& width=&635& data-original=&/902ecbbfdd5462e_r.png&&&img src=&/30fe2ca4b182b76c414acdb5d1b53436_b.png& data-rawwidth=&640& data-rawheight=&460& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/30fe2ca4b182b76c414acdb5d1b53436_r.png&&————————————————————&br&&br&↓李世民的ppt大概是这样的.........&br&&img src=&/e1f54deaeb8_b.jpg& data-rawwidth=&600& data-rawheight=&366& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/e1f54deaeb8_r.jpg&&&br&&img src=&/d062e6ee5ada_b.jpg& data-rawwidth=&600& data-rawheight=&366& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/d062e6ee5ada_r.jpg&&&br&&br&————————————————————&br&&br&↓华佗的ppt大概是这样的.........&br&&img src=&/acd33c9ad09fb4c8f0e3c2_b.jpg& data-rawwidth=&600& data-rawheight=&366& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/acd33c9ad09fb4c8f0e3c2_r.jpg&&&br&&img src=&/faaca7c4e89ed_b.jpg& data-rawwidth=&600& data-rawheight=&366& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/faaca7c4e89ed_r.jpg&&&br&&br&&br&————————————————————&br&&br&↓慈禧的ppt大概是这样的.........&br&&img src=&/67b1c6f6adf9f076c7af_b.jpg& data-rawwidth=&600& data-rawheight=&366& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/67b1c6f6adf9f076c7af_r.jpg&&&img src=&/957583ecfaeef418f65a5bf_b.jpg& data-rawwidth=&600& data-rawheight=&366& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/957583ecfaeef418f65a5bf_r.jpg&&&br&&br&以上由苏景锋制。&br&更新中。。。
更新了！ 谢谢大家的支持~ ——————————————————————————————-- ↓希特勒的ppt大概是这样的.... ......... ——————————————————— ↓古代情趣用品发布会的ppt大概是这样的....... —————————————…
不少设计师的概念字体很值得一看。虽然大都没有制成标准化字库以供使用，但可以在自己制作中文 Logotype 时加以参考。&br&推荐其中一款近来的心头挚爱：来自设计师施博瀚的「凝明朝体」。&br&&img data-rawwidth=&1200& data-rawheight=&848& src=&/v2-0ffdab734fa6be1d6de3cfb5_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&/v2-0ffdab734fa6be1d6de3cfb5_r.jpg&&&br&这个字体是来自于2015年底「瀚字选」标准字设计展的延伸。&br&集结明体与楷体的优点，横划末端有如凝霜般翘起，是它最?的特色。放大来看，明体的感觉十分明显，可作为标题?字；缩小来看，又有楷体的优雅，?分适合使用于书籍内页之中。平假名的设计保留部分汉字笔划的特?，是为了与汉字的风格做呼应。&br&&img data-rawwidth=&1200& data-rawheight=&848& src=&/v2-46e8a5e46a46c643fd114e_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&/v2-46e8a5e46a46c643fd114e_r.jpg&&&br&&img data-rawwidth=&1200& data-rawheight=&848& src=&/v2-61ebe1ac8da_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&/v2-61ebe1ac8da_r.jpg&&&br&&img data-rawwidth=&1200& data-rawheight=&848& src=&/v2-9c3d2a7e18e3d9e77fca_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&/v2-9c3d2a7e18e3d9e77fca_r.jpg&&&br&&img data-rawwidth=&1200& data-rawheight=&848& src=&/v2-50aeecc6ad81_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&/v2-50aeecc6ad81_r.jpg&&&br&&img data-rawwidth=&1200& data-rawheight=&848& src=&/v2-860e3ba08c4d7afc6a0dd9_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&/v2-860e3ba08c4d7afc6a0dd9_r.jpg&&&br&&img data-rawwidth=&1200& data-rawheight=&848& src=&/v2-f4bde1389a_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&/v2-f4bde1389a_r.jpg&&&br&&img data-rawwidth=&1200& data-rawheight=&848& src=&/v2-2b0d4cc3c025_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&/v2-2b0d4cc3c025_r.jpg&&&br&&img data-rawwidth=&1200& data-rawheight=&800& src=&/v2-a830cdacfc27eaca3b193_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&/v2-a830cdacfc27eaca3b193_r.jpg&&&br&&img data-rawwidth=&1200& data-rawheight=&848& src=&/v2-9717567fcc179be1fd6533fba8fd07c1_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&/v2-9717567fcc179be1fd6533fba8fd07c1_r.jpg&&&br&&img data-rawwidth=&1200& data-rawheight=&848& src=&/v2-e225ffe9de494e17386a_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&/v2-e225ffe9de494e17386a_r.jpg&&&br&&img data-rawwidth=&1200& data-rawheight=&848& src=&/v2-d974d2b6a26ed041f4f7_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&/v2-d974d2b6a26ed041f4f7_r.jpg&&&br&&img data-rawwidth=&900& data-rawheight=&640& src=&/v2-b613447cef2_b.jpg& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&/v2-b613447cef2_r.jpg&&&br&&img data-rawwidth=&1200& data-rawheight=&848& src=&/v2-7ef75e934affec2a1e418_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&/v2-7ef75e934affec2a1e418_r.jpg&&&br&&img data-rawwidth=&1200& data-rawheight=&848& src=&/v2-0cc426dd19c7b1d935f985cd39450c67_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&/v2-0cc426dd19c7b1d935f985cd39450c67_r.jpg&&&br&&img data-rawwidth=&1200& data-rawheight=&848& src=&/v2-bf21cb95092facb92dc10_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&/v2-bf21cb95092facb92dc10_r.jpg&&&br&&img data-rawwidth=&1200& data-rawheight=&848& src=&/v2-525346abbe9ca0bf28ed4_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&/v2-525346abbe9ca0bf28ed4_r.jpg&&&br&&img data-rawwidth=&1200& data-rawheight=&848& src=&/v2-a326b0df402cac328af6_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&/v2-a326b0df402cac328af6_r.jpg&&&br&&img data-rawwidth=&1200& data-rawheight=&848& src=&/v2-04bbf4c7cf239c83ff9d1_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&/v2-04bbf4c7cf239c83ff9d1_r.jpg&&&br&Behance 传送门 &a href=&///?target=https%3A//www.behance.net/gallery//_& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&behance.net/gallery/461&/span&&span class=&invisible&&89451/_&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&
不少设计师的概念字体很值得一看。虽然大都没有制成标准化字库以供使用，但可以在自己制作中文 Logotype 时加以参考。 推荐其中一款近来的心头挚爱：来自设计师施博瀚的「凝明朝体」。 这个字体是来自于2015年底「瀚字选」标准字设计展的延伸。 集结明体与…
我来谈谈PPT怎么做&br&（本篇主要针对高质量演讲，对授课广告展示效果请自行斟酌）&br&&br&&b&1. 背景&/b&&br&能用黑的就用黑的，纯黑，大多数情况看的清楚还省电。&br&别的深色单色也可以考虑。&br&字用白色或者淡黄/淡红/淡蓝等各类白色。&br&深色背景，饱和度高的橙色、红色、亮蓝色等，也能应付的了。&br&&img src=&/7fa245baf80ed8aa91b3e_b.jpg& data-rawwidth=&381& data-rawheight=&280& class=&content_image& width=&381&&&br&当然，如果你对展厅遮光以及投影仪功能有信心，基本的白底黑字也是不错的。&br&&img src=&/ae75c1fd5fc3d7cd19e6_b.jpg& data-rawwidth=&496& data-rawheight=&370& class=&origin_image zh-lightbox-thumb& width=&496& data-original=&/ae75c1fd5fc3d7cd19e6_r.jpg&&除非你特别特别喜欢某种颜色，或者你企业的模板全是这种颜色而且公司规定一定要用，不然这种屎一样的蓝色最好避免使用。&br&（上面那个公司，你敢让他们制作多媒体么？）&br&&br&补充：有人说太暗易困，演讲为了对比把灯窗帘全关掉是不可取的。是人在演讲，让人看到演讲者至关重要，不能为了PPT牺牲了演讲者。PPT只是辅助工具，万不得已光线不行是可以舍弃的，还有黑板白板呢。&br&&br&&b&2. 字体&/b&&br&中文字体我不清楚，英文字体就用Arial或者Helvetica（相对中文的差不多就是宋体或者仿宋，微软雅黑&b&等一些列大方简单不浮夸的字体，Sans-Serif为主&/b&）。除非是企业规定字体，别用稀奇古怪的字体。楷体什么的语文课也许可以用用。&br&&b&标题请加粗&/b&，&i&汉字千万别倾斜不适合人类阅读。&/i&&br&字体务必36号以上。&br&&br&&b&3. 文字构建&/b&&br&分两种：课件和演讲&br&1. 课件的话重点信息需要笔记的部分可以概括在PPT上，方便学生记录。当然，还是要尽量精简。&u&可以使用下划线标注重点中的重点。&/u&&br&2. 演讲的话能不用字的就别用字了，PPT上主要是图片，要说的装脑子里或者纸条上讲出来。&br&&img src=&/5e9b8adc4db946dcfd08c_b.jpg& data-rawwidth=&379& data-rawheight=&281& class=&content_image& width=&379&&&br&你能控制得住，连每页的标题都不需要。&br&&img src=&/7748e4afa1cbea23aa2129bbf3c7a084_b.jpg& data-rawwidth=&376& data-rawheight=&281& class=&content_image& width=&376&&&br&&br&&br&&b&4. 排版&/b&&br&既然你在这问了这个问题，我就当你不够牛逼了。&br&如果你不够牛逼，请选择新建幻灯片里面的默认排版，别自己瞎排版了。&br&&br&&b&5. 动画&/b&&br&有人反对用动画，我不同意。&br&有些动画还是可以适当使用的，用的好是可以加分的。&br&&br&这三个可以用&br&&img src=&/fcd660ed77e8861fdc5f8261_b.jpg& data-rawwidth=&306& data-rawheight=&75& class=&content_image& width=&306&&&br&这三个也可以用&br&&img src=&/4e4fc1bfdfa9aa0e8445f4_b.jpg& data-rawwidth=&289& data-rawheight=&71& class=&content_image& width=&289&&&br&&br&这些用的牛逼可以加分&br&&img src=&/8d79efcd53fa0c9f_b.jpg& data-rawwidth=&72& data-rawheight=&72& class=&content_image& width=&72&&&img src=&/a07b3a4df6_b.jpg& data-rawwidth=&189& data-rawheight=&73& class=&content_image& width=&189&&&img src=&/c8e7ba8032ffb708d193_b.jpg& data-rawwidth=&203& data-rawheight=&68& class=&content_image& width=&203&&&br&&br&当然，转360度再闪瞎狗眼的动画千万别用。&br&比如这个。&br&&img src=&/bae5a5cf62d972f40aba91ac383ade6f_b.jpg& data-rawwidth=&116& data-rawheight=&74& class=&content_image& width=&116&&&br&或者这个&br&&img src=&/da7b4ea1fea2fb3e0276f_b.jpg& data-rawwidth=&115& data-rawheight=&75& class=&content_image& width=&115&&&br&一般单个动画时间千万要小于等于0.25s，偶尔可能需要更长一些。&br&&br&&b&6. 音效&/b&&br&谁加谁农二。&br&&br&&b&7. Prezi&/b&&br&Prezi是邪教，还不如用黑板。&br&有人不服？&br&Prezi符合邪教的几个特点：&br&1. 一个人用了tmd全班都想用&br&2. 全班都用了做出来的东西几乎完全一样，符合邪教教规&br&3. 用了让人眼花缭乱，头晕目眩，纷纷关注动画效果instead of演讲本身&br&4. 就算这样，还纷纷觉得这个牛逼&br&5. 采用山寨网游的游戏内解锁模式，和LL大法游戏差不多&br&&br&&br&&br&-------------------------------------------------------------------------------------------------------&br&很多人指出黑底的种种缺点，例如丑、很丑、土掉渣、难以阅读、有时导致困倦有时又刺瞎眼等等等等。&br&又有人指出普通字体比较丑、很丑、没有设计感。&br&&br&那么大家知道我头像是谁么？&br&&br&没错，懂我的人都知道，他就是蛤布斯。&br&&br&说到蛤布斯不得不提到两个人：&br&一个是哈布斯的老弟乔布斯，这类人的报告演说比一般人高到不知道哪里去了。&br&他不会续命但是他有个著名的发布会。&br&&img src=&/aca932cf0a4369b7cfdf8_b.jpg& data-rawwidth=&430& data-rawheight=&242& class=&origin_image zh-lightbox-thumb& width=&430& data-original=&/aca932cf0a4369b7cfdf8_r.jpg&&&br&&img src=&/9c3dd4ae5c83c4c909faa04_b.jpg& data-rawwidth=&430& data-rawheight=&242& class=&origin_image zh-lightbox-thumb& width=&430& data-original=&/9c3dd4ae5c83c4c909faa04_r.jpg&&&br&&img src=&/07e3ea2ef994b664e230a53b08be93fa_b.jpg& data-rawwidth=&430& data-rawheight=&240& class=&origin_image zh-lightbox-thumb& width=&430& data-original=&/07e3ea2ef994b664e230a53b08be93fa_r.jpg&&&br&虽然我完全我是男神粉搞个人崇拜，我也没有想过要效仿他，但这一系列幻灯片很好的说明的每页所需要的文字信息量。&br&“重剑无锋，大巧不工”，这里不得不说杨过的玄铁剑法，没有花哨的剑势，却无比强大。&br&&br&&br&&br&另一个不得不说的人就是和谐和谐。&br&到了这个等级，不说能和华莱士谈笑风生，连生命都掌握的游刃有余，连乔男神和他比起来都暗淡无光。&br&&br&到了这个境界，用毛PPT这种美帝国主义的渣滓工具？统统滚粗。&br&不服我来和你谈笑风生。&br&玄铁剑法只是杨过的过渡武功，他后来炼成了黯然销魂掌，把剑都舍弃了。&br&&br&如果你领悟了，就不必往下看了。&br&---------------------------------------------------------------------------------------------------------------------&br&这里对有负面意见做一些评价。&br&&br&1. Prezi其实也蛮好的&br&&b&邪教滚粗&/b&&br&&br&&br&&br&&br&2. 黑色其实有时不省电&br&&b&这种事随便啦&/b&&br&&br&&br&&br&&br&3. 我记得乔布斯经常用音效&br&&b&所以他得癌症死了&/b&&br&&br&&br&4. 宋体arial不如xxxxx字体。&br&&b&说了等一些列不浮夸的字体，你别用个草书手写体就行。&/b&&br&&b&当然，&/b&&b&最好用&/b&&b&sans-serif&/b&&br&&b&我仔细观察了下宋体，其实偏向于&/b&&b&serif，所以如果把握不好效果其实一般。相比之下雅黑、黑体什么的更好一些。&/b&&br&&br&&br&5. 黑底白字黑底黄字是观众阅读的两大杀器&br&&b&当观众需要阅读的时候，这就已经注定是个失败的PPT了。&/b&&br&&b&你讲不出来可以用提示可以发hand out，但是PPT&/b&&b&文字一多，就只能是土渣了。。。&/b&&br&&br&&br&&br&&br&6.&b& “&/b&浓厚的 office97-03 的排版和配色风格简直不能忍”&br&&b&这位答主已经深受现代广告设计的毒害&/b&&br&&br&&br&7. “你不知道看一个黑漆抹乌的ppt是多么催眠的事情，尤其在一个为保证幻灯效果而关灯拉窗帘的黑暗小教室，那必须是吴彦祖用元首的口才来演讲我才能不睡着!&&br&&b&不论是乔布斯还是蛤蛤演讲，首先得保证演讲者的照明，其次才是保证PPT的清晰。因为和观众互动的是人不是PPT，无法和演讲者互动才是观众睡觉的原因。&/b&&br&&b&演讲的人才是核心，PPT顶多是个加分工具，设备条件差大可以事后发给大家，千万别关灯睡觉。&br&&/b&&br&&br&&br&&br&8. 图片文字难以和黑色背景搭配&br&&b&自己解决。&/b&&br&&b&对于复杂的图片白色背景转黑色，进Photoshop先反色然后调色相。&/b&&br&&b&再不行加边框。&/b&&br&&br&&br&&br&&br&9. 另外我个人最喜欢的英文字体是Book Antiqua，Please！&br&&img src=&/e7f7af10b47_b.jpg& data-rawwidth=&485& data-rawheight=&350& class=&origin_image zh-lightbox-thumb& width=&485& data-original=&/e7f7af10b47_r.jpg&&&b&虽然不知道是不是反例，但是please好像没有人这么用= =&/b&&br&&b&烟鬼正传，这个字体属于serif，不适合出现在PPT上，真的看了会困。&/b&&br&&br&&br&&br&&br&&br&&br&10.你看这个模板多牛逼多有意境！黑色比起来真落后。&img src=&/fc13d8e3f8f54b9251809_b.jpg& data-rawwidth=&600& data-rawheight=&682& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/fc13d8e3f8f54b9251809_r.jpg&&&br&&b&&b&看着充满了设计感。。。&/b&&br&不过这不是PPT，怎么看都是小广告比较适合循环播放，谢谢。&/b&&br&&br&&br&&br&&br&11. 亮背景有啥不好？&br&&b&首先白色和房间整体反差太大，会使人注意力集中在整个ppt上，而相对忽视演讲者和ppt上的元素。&br&&/b&&br&&b&当然，瞳孔缩小看不清楚是生理上的原因之一。&/b&&br&&b&会刺瞎演讲者狗眼是生理原因之二。&br&&/b&&br&&b&还附带纹身功能&/b&&img src=&/259cfd63a9cecc6d685da76c_b.jpg& data-rawwidth=&600& data-rawheight=&437& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/259cfd63a9cecc6d685da76c_r.jpg&&&br&&br&&br&&br&&br&&br&13. 黑色背景还有什么好处？&br&&b&黑色背景使人的聚焦在页面的内容，而不是整个页面艺术设计感上。（这也是Prezi最大的缺点）&br&电视机，大家都见过&br&不论是这种&br&&/b&&img src=&/efda7ebe1feec1d9f9ceb82d_b.jpg& data-rawwidth=&464& data-rawheight=&322& class=&origin_image zh-lightbox-thumb& width=&464& data-original=&/efda7ebe1feec1d9f9ceb82d_r.jpg&&&b&还是这种&br&&/b&&img src=&/cf6cb7373c75bac27795aff2_b.jpg& data-rawwidth=&200& data-rawheight=&216& class=&content_image& width=&200&&&b&还是这种&br&&/b&&img src=&/eccdae23e4d96b3d19b32_b.jpg& data-rawwidth=&259& data-rawheight=&194& class=&content_image& width=&259&&&b&大多都会整个黑色的边框。&br&有没有想过为什么？&br&因为这样产生了边界效果，中间内容才会高对比突出啊！&br&&/b&&br&&br&&br&14. 那么到底如何使PPT的文字风格显得高大上？&br&&b&你得把文字当成图片，把文字当文字你就输了。&/b&&br&&b&所以，管他屁的好不好阅读呢。&/b&
我来谈谈PPT怎么做 （本篇主要针对高质量演讲，对授课广告展示效果请自行斟酌） 1. 背景 能用黑的就用黑的，纯黑，大多数情况看的清楚还省电。 别的深色单色也可以考虑。 字用白色或者淡黄/淡红/淡蓝等各类白色。 深色背景，饱和度高的橙色、红色、亮蓝色等…
更新：&br&评论区有人问到怎么把图片做成笔刷的问题（ &a data-hash=&aedf2d4d3a& href=&///people/aedf2d4d3a& class=&member_mention& data-editable=&true& data-title=&@Eternal.F& data-hovercard=&p$b$aedf2d4d3a&&@Eternal.F&/a& ），这里补充两种方法：&b&矢量图法&/b&和&b&OK插件法&/b&。&br&&br&1：&b&矢量图法&/b&&br&用这个方法你要有&b&AI&/b&和&b&OK插件&/b&。先下载或者自己做墨迹素材，复制墨迹素材并回到PPT。&br&&img src=&/v2-_b.png& data-rawwidth=&939& data-rawheight=&661& class=&origin_image zh-lightbox-thumb& width=&939& data-original=&/v2-_r.png&&&br&选择【&b&EMF导入&/b&】，就可以了&br&&img src=&/v2-c397ab5b2cbd73a7d8f62ce317b171f6_b.png& data-rawwidth=&1014& data-rawheight=&481& class=&origin_image zh-lightbox-thumb& width=&1014& data-original=&/v2-c397ab5b2cbd73a7d8f62ce317b171f6_r.png&&&br&接着导入图片，&b&先选中图片后选中墨迹素材（顺序不能乱）&/b&&br&&img src=&/v2-2eb48c01f12b28951d75_b.png& data-rawwidth=&1275& data-rawheight=&712& class=&origin_image zh-lightbox-thumb& width=&1275& data-original=&/v2-2eb48c01f12b28951d75_r.png&&&br&在&b&绘图工具-格式&/b&里找到&b&合并形状-相交&/b&&br&&img src=&/v2-deda2e5b12f048edd12db2_b.png& data-rawwidth=&1550& data-rawheight=&635& class=&origin_image zh-lightbox-thumb& width=&1550& data-original=&/v2-deda2e5b12f048edd12db2_r.png&&&br&做完以后就是这样子。&br&&img src=&/v2-b7ce117ca29b0aa24fb4_b.png& data-rawwidth=&1183& data-rawheight=&693& class=&origin_image zh-lightbox-thumb& width=&1183& data-original=&/v2-b7ce117ca29b0aa24fb4_r.png&&&br&2：&b&OK插件法&/b&&br&如果你没有AI，墨迹素材也只有jpg格式的图片，可以用第二种方法。第二种方法只需要使用OK插件。&br&&br&设计老爷已经给出了详细的教程，链接在此，各位自己去看吧。&br&&a href=&///?target=http%3A///pins//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&花瓣&i class=&icon-external&&&/i&&/a&&br&&br&&p&-------------&/p&&p&分割线&/p&&p&-------------&/p&&br&更新:&br&&ol&&li&乱用成语是我没文化了，“瑕不掩瑜”乱用了~已改正，感谢大家积极指出。图片里的错误使用久不改了。我是现做先现删的，已经找不回来了额-_-||&br&&/li&&li&有人问到教室问题，我不是很清楚这是哪里的教室啦，照片是题主提供的，可以问下题主额&/li&&/ol&&br&&p&-------------&/p&&p&分割线&/p&&p&-------------&/p&&br&&br&题主想问的是PPT图片质量低的问题啊。。。我给大家画个重点&br&&blockquote&在PPt中不得不使用一些质量比较低的图片，而且是&b&不可替换的&/b&（人物照片——自拍、特定活动照片等）；在多次使用质量较低的图片（照片）的情况下，&b&如何保证PPt不会被这些图片脱低档次&/b&，看起来很low。&/blockquote&&br&&p&题主已经说明了PPT里必须用这样子的图片改不了，而且&b&问的是PPT和low图片的关系&/b&，没有问PPT和演讲的关系好吗...（黑人问号）&/p&&p&-------------&/p&&p&分割线&/p&&p&-------------&/p&&br&&p&我自己本身水平也不怎么样，但觉得自己的经验能够对题主有一定帮助，发出来给题主参考一下：以下内容均出自我的个人公众号《&b&鸡汁糖浆&/b&》。&/p&&p&&br&让图片高大上的“&b&6脉神剑&/b&”。主要是讲思路不涉及具体方法。&br&&br&&/p&&p&6脉神剑剑谱总纲：&br&&img src=&/v2-d06eca217b_b.png& data-rawwidth=&809& data-rawheight=&519& class=&origin_image zh-lightbox-thumb& width=&809& data-original=&/v2-d06eca217b_r.png&&&img src=&/v2-4e85ffc99aec6ad8fd5ef5_b.jpg& data-rawwidth=&1024& data-rawheight=&255& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&/v2-4e85ffc99aec6ad8fd5ef5_r.jpg&&&br&&/p&&br&&p&&b&蒙版，就是在图片上盖上一层有透明度的遮罩&/b&。常见的有3种：&b&单色蒙版&/b&，&b&渐变单色&/b&和&b&渐变混色&/b&。&br&&/p&&p&&br&举一个例子：来，这就是题主提供的图片。&/p&&p&这张图片是老师教课的场景。非常模糊，拍摄无亮点。&/p&&img src=&/v2-238d348ceb004d1a661af87_b.jpg& data-rawwidth=&600& data-rawheight=&397& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/v2-238d348ceb004d1a661af87_r.jpg&&&br&&p&但如果给它加上蒙版并且配上文字。&br&&img src=&/v2-e8a1fd74c0dd7c1adb7c73f5_b.png& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/v2-e8a1fd74c0dd7c1adb7c73f5_r.png&&&br&&/p&&br&&p&是不是瞬间就不一样了呢？好，我们把蒙版拿掉再看看（此时字就看不清了）。&/p&&p&不得不吐槽一下这张图片真的是异常地模糊。。。导致蒙版不得不加得非常深&br&&img src=&/v2-e24d38fed190e9e747d72c1a37cf8d87_b.png& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/v2-e24d38fed190e9e747d72c1a37cf8d87_r.png&&&/p&&br&&p&蒙版的作用主要在于：&/p&&p& 1：&b&遮羞&/b&&br&蒙版能适当削弱背景的突出程度，掩饰图片本身存在的瑕疵。（当然，我选的这张案例质量实在是太低了，日常生活中你们肯定找不出比这质量更低的图片了）；&/p&&p&2：&strong&神秘感&/strong&&br&蒙版既保留了图片的“场景化”功能，又没有将图片直接全盘脱出，不觉之间就能营造出一种逼格；&/p&&p&3：&strong&突出文字&/strong&&br&把蒙版拿掉以后，文字的可读性是大大降低了的。蒙版在文字和图片之间加了一盒夹层，使文字不会受到背景的影响降低可读性。&br&&br&单色蒙版分为全版面蒙版（如上图）和色块蒙版（如下）。&br&&img src=&/v2-6af4b830ee39f5afd7c3_b.jpg& data-rawwidth=&900& data-rawheight=&506& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&/v2-6af4b830ee39f5afd7c3_r.jpg&&&img src=&/v2-a3d00ee3710daa7473ca80_b.png& data-rawwidth=&800& data-rawheight=&450& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/v2-a3d00ee3710daa7473ca80_r.png&&&br&&br&&br&&/p&&p&原理大同小异，都是在保证图片能传达正确意思的前提下，加上蒙版，保证文字的可读性。&br&&/p&&br&&p&这种效果怎么做？&/p&&img src=&/v2-7dbb7e09fcd5cb72aa25e08c6b005392_b.png& data-rawwidth=&812& data-rawheight=&459& class=&origin_image zh-lightbox-thumb& width=&812& data-original=&/v2-7dbb7e09fcd5cb72aa25e08c6b005392_r.png&&&br&&p&&strong&单色渐变蒙版&/strong&&br&即在单色蒙版的基础上，加入渐变。如这张图，设置了对角渐变。左上角为透明，颜色直到右下角愈发地明显（但还有透明度）&br&&img src=&/v2-3fef54b165ee1dd33e0f09a6af6281c4_b.jpg& data-rawwidth=&900& data-rawheight=&506& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&/v2-3fef54b165ee1dd33e0f09a6af6281c4_r.jpg&&&br&例如说我现在模仿上图，做一个渐变蒙版，把老师那一侧的图片留出来。&/p&&p&&img src=&/v2-d420aa8fd39c0e1c31a3c264d067cebc_b.png& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/v2-d420aa8fd39c0e1c31a3c264d067cebc_r.png&&&br&&br&&strong&混色渐变蒙版&/strong&&br&即将单色渐变蒙版变为多色渐变。如下，这是上篇推送打算用来做的案例，用了两种颜色做渐变色蒙版。&br&&img src=&/v2-6b583db295dddbbb8d55e9a_b.jpg& data-rawwidth=&1280& data-rawheight=&720& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/v2-6b583db295dddbbb8d55e9a_r.jpg&&&img src=&/v2-784fb92f542e99f15c4fa3_b.jpg& data-rawwidth=&3413& data-rawheight=&1920& class=&origin_image zh-lightbox-thumb& width=&3413& data-original=&/v2-784fb92f542e99f15c4fa3_r.jpg&&&br&这种蒙版的重点在于，颜色要鲜艳，&b&骚气&/b&，打造出一种时尚感（这么一看其实我的透明度调得太高了点）&/p&&p&这个太骚气了拉，可能不是很适合学校主题的PPT。&/p&&br&&p&这种效果怎么做？&/p&&img src=&/v2-cdc967b5bd3eefe3e9341_b.png& data-rawwidth=&813& data-rawheight=&459& class=&origin_image zh-lightbox-thumb& width=&813& data-original=&/v2-cdc967b5bd3eefe3e9341_r.png&&&br&&p&&img src=&/v2-700bec4051dbff3a1fb4f9d_b.jpg& data-rawwidth=&1024& data-rawheight=&253& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&/v2-700bec4051dbff3a1fb4f9d_r.jpg&&&br&&br&&b&在图片上添加色块&/b&，也是不错的处理图片的方法。&/p&&br&&p&&b&色块可以遮挡不需要的部分，聚焦读者视线，突出主体&/b&。再次吐槽图片质量&/p&&p&为了避免白色色块和知乎的背景色重合，我把色块改成了灰色....&/p&&img src=&/v2-b1a49ecfa7cb87fa2cbb20b3a2628755_b.png& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/v2-b1a49ecfa7cb87fa2cbb20b3a2628755_r.png&&&br&&p&如下图，原图是一张演唱会的照片。通过添加色块，将画面分为了左右均等的两块，爱心置于右半部份的中间。（忽略文案，乱配的）&/p&&p&&img src=&/v2-9fb3bd70db4ada519d9741b_b.jpg& data-rawwidth=&1024& data-rawheight=&576& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&/v2-9fb3bd70db4ada519d9741b_r.jpg&&&br&&br&色块可以是左右结构，也可以是上下结构，也可以是各种形状（圆形，矩形，三角形，梯形）。&/p&&img src=&/v2-90ad6da706ca8d_b.png& data-rawwidth=&379& data-rawheight=&212& class=&content_image& width=&379&&&img src=&/v2-f7e_b.png& data-rawwidth=&382& data-rawheight=&207& class=&content_image& width=&382&&&img src=&/v2-5dc6a6a49b8f14df53027_b.png& data-rawwidth=&386& data-rawheight=&220& class=&content_image& width=&386&&&img src=&/v2-c2d37bf2545_b.png& data-rawwidth=&382& data-rawheight=&205& class=&content_image& width=&382&&&img src=&/v2-dfcf1e610b3feb0c3f8c02_b.png& data-rawwidth=&381& data-rawheight=&205& class=&content_image& width=&381&&&br&&br&&p&也可以加点特效，如：&b&柔化边缘&/b&。&/p&&img src=&/v2-0be050cbc20d5536eeffce2_b.jpg& data-rawwidth=&1024& data-rawheight=&576& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&/v2-0be050cbc20d5536eeffce2_r.jpg&&&br&&p&柔化边缘能使色块和图片直接有一个过渡，两个部分之间&b&不会有很明显的分界感&/b&。&br&&/p&&br&&br&&p&这种效果怎么做？&/p&&img src=&/v2-8eee9d6cf13a22ec09af98b318b79b42_b.png& data-rawwidth=&837& data-rawheight=&464& class=&origin_image zh-lightbox-thumb& width=&837& data-original=&/v2-8eee9d6cf13a22ec09af98b318b79b42_r.png&&&br&&br&&p&&br&&img src=&/v2-d2dadf276787_b.jpg& data-rawwidth=&1024& data-rawheight=&255& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&/v2-d2dadf276787_r.jpg&&&br&如果图片质量低，比较模糊，无法放大，也可以考虑使用小图排版来丰富页面元素。&/p&&img src=&/v2-2aaee81cc7f11d40493ac_b.png& data-rawwidth=&375& data-rawheight=&207& class=&content_image& width=&375&&&img src=&/v2-9e63b856_b.png& data-rawwidth=&371& data-rawheight=&205& class=&content_image& width=&371&&&img src=&/v2-deb744d731f45ea26d5740a_b.png& data-rawwidth=&382& data-rawheight=&225& class=&content_image& width=&382&&&img src=&/v2-ede676c35c96b1f3614e1_b.png& data-rawwidth=&396& data-rawheight=&196& class=&content_image& width=&396&&&img src=&/v2-28a0b4e07dfba9ec41d2_b.png& data-rawwidth=&386& data-rawheight=&223& class=&content_image& width=&386&&&img src=&/v2-af0dc5a2a748aa4302e66_b.png& data-rawwidth=&374& data-rawheight=&208& class=&content_image& width=&374&&&br&&br&&br&&p&&strong&Tips&/strong&：当用多图进行人物介绍式排版时，要注意人物的视平线要位于同一水平线上。这会创造出一种和谐感（因为人类看一个人，第一眼看的是眼睛，参差不齐的视平线，会影响阅读体验）&/p&&img src=&/v2-6ddcb652e35a105f0ee7afe3fefd6270_b.png& data-rawwidth=&802& data-rawheight=&432& class=&origin_image zh-lightbox-thumb& width=&802& data-original=&/v2-6ddcb652e35a105f0ee7afe3fefd6270_r.png&&&br&&p&你图多而且质量低的话，就使劲堆吧。。。数量越多，图片面积越小，越容易遮羞。&/p&&br&&p&&strong&组合法设计思路&/strong&：&/p&&p&1：使用小图组合排版，主要是要注意做好“&b&robin的平面设计四原则&/b&”，即：亲密、对齐、重复和对比。给出的几个案例里，都有各式各样的共通点：形状统一（都是圆或方）、或者元素统一（都用某一种色块），排版上也严格地做到了对齐。&/p&&p&&br&2：注意：排版就老老实实排，横是横，竖是竖。千万不要自作聪明加个旋转什么的。虽然在设计上将元素倾斜，能够打破平衡使页面更具动感，但绝对不是这么简单随意旋转两下就能做到的。反例如下图，（对不起了小妹妹，我实在找不到相关的案例，给你们打个码吧。）&br&&/p&&img src=&/v2-226418abb7cdad228e597_b.jpg& data-rawwidth=&1024& data-rawheight=&576& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&/v2-226418abb7cdad228e597_r.jpg&&&br&&br&&p&3：图片的组合，其实和画册、杂志等相通，建议平时可以多看看，吸取经验。&/p&&br&&br&&br&&img src=&/v2-eab98c7e9f723_b.jpg& data-rawwidth=&1024& data-rawheight=&254& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&/v2-eab98c7e9f723_r.jpg&&&br&&p&对图片本身的处理，也能够大幅度地提升图片的逼格，下面简单介绍3种处理方法；&/p&&p&&br&&strong&模糊&/strong&&br&&br&&/p&&p&面对题主提供的这种图片，我其实是强烈建议使用&b&模糊大法&/b&。&/p&&p&有时候图片质量真的低，很模糊。我们可以用&b&反向思维去处理图片&/b&，不去想着怎么把它变得高清，而是将其模糊化。这么做不仅可以遮丑还能够淡化图片的愿意表达你想表达的意思。&br&&br&来你看看刚刚上面那两张图，模糊了一下，是不是感觉质量就不低了？&br&&img src=&/v2-bbf03eefd5b2abf3f5e1ca1e_b.png& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/v2-bbf03eefd5b2abf3f5e1ca1e_r.png&&&img src=&/v2-0f69b26bb93143cac028c1eda0bc3987_b.png& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/v2-0f69b26bb93143cac028c1eda0bc3987_r.png&&&img src=&/v2-a508bbddab4a61bb39def620aecc0173_b.png& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/v2-a508bbddab4a61bb39def620aecc0173_r.png&&&br&&br&&br&模糊化以后要在图片上添加色块，或降低亮度，&b&保证文字的可读性&/b&。&br&&br&&/p&&p&但千万要注意一点，模糊度不能太高，要保证图片是模糊的，但是依然可以辨别画面中的场景/主体。如果模糊过度，会变成另一种风格：IOS毛玻璃&/p&&p&&img src=&/v2-7ff29b178988bbe3a4c2_b.jpg& data-rawwidth=&1024& data-rawheight=&322& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&/v2-7ff29b178988bbe3a4c2_r.jpg&&&br&&br&&br&&strong&去色&/strong&&br&只保留黑白灰三色。图片中使用的颜色越少，饱和度越低，越能给人以一种简约，深邃，高端的感觉（正面例子请参考奢侈品行业广告，反面例子请参考中老年表情包）在PPT里去色不仅能让图片变得更有气质，还能够减轻颜色对文字的干扰，使观众的注意力聚焦于文字。&/p&&p&&img src=&/v2-f39f8aeff1ba956d6ef7fb_b.jpg& data-rawwidth=&1024& data-rawheight=&576& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&/v2-f39f8aeff1ba956d6ef7fb_r.jpg&&&br&&br&在去色的基础上，为局部保留彩色，能更进一步凸显主体。&br&&img src=&/v2-1f5ad959a6ed_b.jpg& data-rawwidth=&1024& data-rawheight=&576& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&/v2-1f5ad959a6ed_r.jpg&&&img src=&/v2-28cc039a877aefa00f9f5_b.png& data-rawwidth=&799& data-rawheight=&448& class=&origin_image zh-lightbox-thumb& width=&799& data-original=&/v2-28cc039a877aefa00f9f5_r.png&&&br&&/p&&p&这张图我随便抠下，你看着意思一下就好...别太较真....&/p&&img src=&/v2-7c2e0bafcd83c5c7b348db_b.png& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/v2-7c2e0bafcd83c5c7b348db_r.png&&&br&&p&这种效果怎么做？&/p&&img src=&/v2-c100edebb2a5c98c_b.png& data-rawwidth=&805& data-rawheight=&458& class=&origin_image zh-lightbox-thumb& width=&805& data-original=&/v2-c100edebb2a5c98c_r.png&&&br&&p&&strong&裁剪（放大）&/strong&&br&通过裁剪（放大）可以改变图片的视觉焦点，造出更大的冲击力。同时留在画面外的部分还能予人以联想的空间。&br&&img src=&/v2-e8a91a054f26d343e486e36ff627c1d0_b.jpg& data-rawwidth=&1024& data-rawheight=&576& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&/v2-e8a91a054f26d343e486e36ff627c1d0_r.jpg&&&br&&br&&/p&&img src=&/v2-ca24df044f99ef7c2acf03_b.png& data-rawwidth=&794& data-rawheight=&216& class=&origin_image zh-lightbox-thumb& width=&794& data-original=&/v2-ca24df044f99ef7c2acf03_r.png&&&br&&br&&p&用笔刷或墨迹。为图片添加一个新的边框，也是装饰图片的一种方法。&br&&br&&img src=&/v2-b06e5c100cdb4628dfb4f6a2_b.jpg& data-rawwidth=&1024& data-rawheight=&576& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&/v2-b06e5c100cdb4628dfb4f6a2_r.jpg&&&br&&/p&&p&方法与上方的去色差不多，本质都是用矢量图填充图片。（你可以自己画形状填充，可以下载墨迹素材填充，还可以直接将文字填充）&/p&&img src=&/v2-f262babacb1907_b.png& data-rawwidth=&801& data-rawheight=&434& class=&origin_image zh-lightbox-thumb& width=&801& data-original=&/v2-f262babacb1907_r.png&&&img src=&/v2-f445e56ed76f76b9ffc00_b.png& data-rawwidth=&707& data-rawheight=&454& class=&origin_image zh-lightbox-thumb& width=&707& data-original=&/v2-f445e56ed76f76b9ffc00_r.png&&&br&&img src=&/v2-e5a90d0e8cee8a4f6bb8c_b.jpg& data-rawwidth=&1024& data-rawheight=&576& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&/v2-e5a90d0e8cee8a4f6bb8c_r.jpg&&&br&&br&&br&&p&同样的，我开个脑洞，别较真。。。&/p&&img src=&/v2-52e4a0e080a5bd10a63aa810a949980b_b.png& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/v2-52e4a0e080a5bd10a63aa810a949980b_r.png&&&br&&br&&br&&br&&br&&img src=&/v2-b8f82a5db373de5c9c3a787_b.jpg& data-rawwidth=&1024& data-rawheight=&254& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&/v2-b8f82a5db373de5c9c3a787_r.jpg&&&br&&p&以上5种方法，也可以搭配着用。&/p&&p&比如说“&strong&蒙版+排列&/strong&”；&/p&&p&&img src=&/v2-a3ecd19777fb5_b.jpg& data-rawwidth=&1024& data-rawheight=&576& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&/v2-a3ecd19777fb5_r.jpg&&&br&&br&比如说：“&strong&边框+排列&/strong&”&br&&/p&&img src=&/v2-fadb039720ecd94b6bb938_b.jpg& data-rawwidth=&1024& data-rawheight=&576& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&/v2-fadb039720ecd94b6bb938_r.jpg&&&br&&p&比如说：“&strong&排列+（改变图片）本身&/strong&”&/p&&img src=&/v2-7b4bfbad66e8_b.jpg& data-rawwidth=&1024& data-rawheight=&576& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&/v2-7b4bfbad66e8_r.jpg&&&br&&br&&p&比如说：“&strong&蒙版+色块&/strong&”&/p&&img src=&/v2-c5cf6ef9bc9e8caefb92567_b.png& data-rawwidth=&814& data-rawheight=&455& class=&origin_image zh-lightbox-thumb& width=&814& data-original=&/v2-c5cf6ef9bc9e8caefb92567_r.png&&&br&&p&具体可以怎么组合，需要你多练，多观察，开发自己的想象力啦。&/p&&br&&p&The end.&/p&&br&原文链接：&a href=&///?target=http%3A//mp./s%3F__biz%3DMzIxMjA4NjkyMw%3D%3D%26mid%3D%26idx%3D1%26sn%3Dc6cf64a86f074b8cea6d1d%26chksm%3D8cacd195bbdbee2f00dd21a6dc2cfcc38265fad3e23%23rd& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&图片 | 为什么明明用的是一样的图片，我的页面看起来却这么丑？&i class=&icon-external&&&/i&&/a&&br&&br&有删改。&br&&br&也欢迎大家关注我的个人公众号：carter_logos&br&偶尔叨叨PPT和效率工具什么的。&br&&br&&p&-------------&/p&&p&分割线&/p&&p&-------------&/p&&br&&p&&b&写在最后&/b&：&/p&&p&不过，高不高大上，也不是完全就由图片决定的。正如前面几位答主所说的：字体，排版，配色，动画，演讲者自身都是让幻灯片高大上的不可或缺的一个环节，希望题主也能在这些方面多下功夫。&/p&&br&&p&新年快乐。&/p&&p&&/p&
更新： 评论区有人问到怎么把图片做成笔刷的问题（
），这里补充两种方法：矢量图法和OK插件法。 1：矢量图法 用这个方法你要有AI和OK插件。先下载或者自己做墨迹素材，复制墨迹素材并回到PPT。 选择【EMF导入】，就可以了 接着导入图…
&p&本汪曾负责过微软的某些视频。&/p&&p&Modern UI 的大部分特性使其适用于 PPT 的视觉表现。&/p&&br&&p&贴上&b&微软的设计概述&/b&：&/p&&p&Microsoft Design： &a href=&///?target=http%3A///& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&/p&&br&&p&不建议把 Modern UI 简单粗暴地理解为“色块”堆砌而成的界面——那界面上的“拟物”或“扁平”之分就没有实际意义了。也不建议把 Modern UI 称做“扁平化”，微软官方是从来没有用过“扁平化”这样的措辞。&/p&&br&&p&要独立于 iOS、Android 样式之外设计出一套极具辨识性与差异化的 UI 不是一件容易事的事实。许多手机产商用尽各种方式，却似乎始终无法跳出那个框框。&br&&/p&&br&&p&而到现在大家也越来越清晰地看到，不断更新自我的 Modern UI 它的诞生难度比一套手机系统 UI 的设计难度要大得多。它是一种跨平台适配的整体设计方案，要包含适配各平台的交互操作，且保持整体一致，它需要寻找平衡点，来 keep balance。&/p&&br&&p&从几个关键角度说说吧。&/p&&p&========================&br&&/p&&p&&b&一、字体&/b&&br&&/p&&p&英文：&a href=&///?target=http%3A///typography/fonts/family.aspx%3FFID%3D331& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Segoe UI&i class=&icon-external&&&/i&&/a&&/p&&p&中文：&a href=&///?target=http%3A///typography/fonts/family.aspx%3FFID%3D409& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Microsoft YaHei UI&i class=&icon-external&&&/i&&/a&、&a href=&///?target=http%3A///typography/fonts/family.aspx%3FFID%3D350& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Microsoft YaHei&i class=&icon-external&&&/i&&/a&、微软雅黑&/p&&br&&p&Segoe 是 Modern UI 规定使用字体。微软还开发或授权一组字体，中文的 Microsoft YaHei UI 就属于其中一种，用于简体中文的显示，现有 Light / Regular / Blod 三种版本。附上官方链接&a href=&///?target=http%3A///typography/fontinfo/zh-chs/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Windows 下的字体&i class=&icon-external&&&/i&&/a&。&/p&&br&&p&在控制面板中提取字体，或从 Microsoft 官方获取：&a href=&///?target=http%3A///typography/fonts/family.aspx& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Font Families&i class=&icon-external&&&/i&&/a&&/p&&br&&p&* 对于 Windows Phone 8.1 及之前版本的系统，中文使用 Dengxian （等线），英文使用 Segoe WP （Light / Semilight / Semibold）。&/p&&br&&p&关于 Microsoft YaHei UI 和 Microsoft YaHei 的区别，请看&a href=&/question/& class=&internal&&微软雅黑和微软正黑的 UI 版与普通版有何区别？ - 字体&/a&&/p&&p&对英文原版系统来说，在没有安装中文语言包的情况下，不会有“微软雅黑”这个字体，但是有 Microsoft YaHei UI。也就是说，即使“微软雅黑”不可用，Microsoft YaHei UI 都是处于可用的状态，UI 是代表系统界面显示的字体。（在 Mac OS X 中，是没有 UI 后缀的字体的，因此，想在网页上用 font-family 定义字体样式的话最好使用无 UI 后缀的名称，且记得加上前后引号。）&/p&&br&&p&默认字体经几次系统升级发生了改进：&/p&&p&Windows 8 的默认字体：&img src=&/d3df084690ade62f599b6b893f4bd6e4_b.jpg& data-rawwidth=&387& data-rawheight=&64& class=&content_image& width=&387&&&/p&&p&SS01 样式（Windows 7 的默认样式。&b&&u&这里谢谢
&/u&&/b&&b&&u&@prox&/u&&/b&&b&&u&
的关注和提醒，为引起注意，相关信息附在文末&/u&&/b&）：&img src=&/7f66d4cbb7aa1b5a5bbb71ebc970d61f_b.jpg& data-rawwidth=&387& data-rawheight=&64& class=&content_image& width=&387&&&/p&&p&SS20 样式（首选的设计和间距）：&img src=&/0de548a29589a81ccf9d6a8f1f2b4513_b.jpg& data-rawwidth=&387& data-rawheight=&64& class=&content_image& width=&387&&&/p&&p&第一眼你们可能觉得除了字母符号 Q I & 有变化之外只是数字 1 有了变化。很遗憾地告诉你，&b&好几个字符都发生了变化&/b&：&/p&&p&Windows 7 中的默认字体：&/p&&img src=&/daec9b81da9e282aa6b6049_b.jpg& data-rawwidth=&213& data-rawheight=&50& class=&content_image& width=&213&&&p&Windows 8 中的 Segoe UI：&/p&&img src=&/e2c3de9e3d30cdc8e22aca_b.jpg& data-rawwidth=&213& data-rawheight=&50& class=&content_image& width=&213&&&br&&p&注意事项：&/p&&ul&&li&如果页面标题或副标题太长而无法显示，请使用省略号（U+2026），而不要使用 3 个点。不要在标题文本末尾和省略号之间添加空格。&br&&/li&&li&&b&不要使用倾斜字体。&/b&&br&&/li&&li&遵循布局。（之后说明）&/li&&/ul&&br&&p&========================&br&&/p&&p&&b&二、字面内容（语言风格）&/b&&/p&&br&&p&① 字词：&/p&&ol&&li&若要体现「简单」和「轻松」，请使用简单的句子和短语、最短的文本和日常字词。&/li&&li&精心挑选的精确字词可清晰地表达意义。&br&&/li&&li&通常，少即是多。&br&&/li&&/ol&&p&以观众 / 客户的语气说话。你要假设你只懂一点或完全不懂你所面对的产品，并以这样的眼光审视你的作品。下面是一些调整前和调整后的示例：&/p&&ul&&li&请说「获取 Windows 10」，而不是「查看产品」。&/li&&li&请说「你需要一个 ID，如下所示：&a href=&mailto:&&&/a&」，而不是「ID 无效」。&/li&&li&请说「选择你的主题」，而不是「配置你的显示效果」。&/li&&/ul&&p&同样，尽量避免那些听起来吓人或对于大多数客户仅有模糊意义的「技术」字词。比如：无效、错误、配置、管理、设备（请改用「电脑」或「手机」）等。&/p&&br&&p&② 标点符号：&/p&&p&标点符号能帮助传达意义，但它不可替代字词。以下是要记住的几点：&/p&&ul&&li&不要过度使用感叹号。相反，选择程度更深的字词。&/li&&li&和感叹号一样，请慎用问号。当链接采用客户问题的措辞时，它们效果很好。&/li&&/ul&&br&&p&③ 注意格式规范：&/p&&ol&&li&&p&英文、中文、数字之间须有空格。比如：我们将在 4 月 29 日召开 Build 大会，会上将有更多关于 Windows 10 的信息公布。&/p&&/li&&li&&p&英文句子间须有空格。比如：Windows 10 Technical Preview was released last year, and it is attractive to many people. We also showed HoloLens in the early of this year. 逗号后面、句点后面均有空格。&/p&&/li&&li&&p&专有名词的大小写与空格。如：Windows 不能写作 windows 或 win。Windows 10 for Phones 不宜写作 Win10 for phone。&/p&&/li&&li&&p&对于有特别作出规定的标志，请遵循它们的使用方法。比如 Microsoft 徽标 &a href=&///?target=http%3A///en-us/legal/intellectualproperty/trademarks/usage/logo.aspx& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Microsoft Corporate Logo Guidelines&i class=&icon-external&&&/i&&/a&（请展开页面上的 + 按钮）。&/p&&/li&&/ol&&br&&p&【示例】&/p&&p&&b&调整前的文本：&/b&你尝试打开的文件不属于允许的文件类型。&/p&&p&&b&调整后的文本：&/b&不能在手机上打开此类文件。&/p&&p&&b&调整前的文本：&/b&我们正在将该演示设备的设置还原到预配置的值。此过程不可中断。&/p&&p&&b&调整后的文本：&/b&我们正在将该电脑还原到用于演示的原始设置。该过程需要一些时间，并且不能中断。&/p&&p&&b&调整前的文本：&/b&Microsoft 可能会使用你提供的信息，以通过与你的帐户相关联的服务相关强制性通信联系你，并提供我们认为你感兴趣的其他通信。&/p&&p&&b&调整后的文本：&/b&Microsoft 可能针对关于你的帐户的服务相关信息联系你，或者向你提供你可能感兴趣的其他有用信息。&/p&&br&&p&配置正确合适的字面内容，也是 Modern UI 的设计准则之一，并能让你的 PPT 更适合人类阅读。如果没有遵循，便不能算是 Modern UI。重复一次：不建议把 Modern UI 理解为“色块堆砌”。&/p&&br&&p&=========================&/p&&p&&b&三、颜色&/b&&/p&&p&Modern UI 的颜色是饱满、鲜明和真实的数字，&b&涵盖了显示技术所能够达到的整个色域&/b&。Windows 主要使用单一纯色，但利用各种技巧创造深度，如透明度、分层和混合。&/p&&br&&p&先上一张色表吧，虽然仅对 Windows Phone 起作用……&/p&&img src=&/dceebef0cab989a8afee8_b.jpg& data-rawwidth=&665& data-rawheight=&766& class=&origin_image zh-lightbox-thumb& width=&665& data-original=&/dceebef0cab989a8afee8_r.jpg&&&br&&p&&b&Modern UI 体现在 Windows Phone 上的配色：&/b&&/p&&p&谨慎地融入颜色，对品牌产生影响。使用离散、高对比度的颜色组合来体现清晰度和可见性。&b&&u&应当尽量少用鲜艳的颜色，如果你无法决定使用哪种颜色，则默认使用中性或单色色调。&/u&&/b&意思就是不要将各种五花八门甚至发亮的颜色毫无规律地拼凑在一起——那样会使你的 PPT 失去焦点，让观众的眼睛没有「落点」。&/p&&p&Microsoft Account 的各处登录页面（如 &a href=&///?target=http%3A//& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&），它经常需要在手机或各种设备上显示，它非常简洁，就一种蓝色（Xbox 登录是绿色，是颜色作用于品牌的变换），不会五花八门。且用色之处，皆为希望引起你关注的重要信息。&/p&&br&&p&&b&Modern UI 体现在 Windows 上的配色：&/b&&/p&&p&正如你知道的那样，系统颜色和应用颜色是不同的。系统颜色是用户选择并由 Windows 应用到系统中主要 UI 表面的颜色，如“开始”屏幕背景、边栏菜单、按钮颜色等等。应用颜色是应用开发人员选择的独特颜色，它独立于系统颜色之外。应用颜色表示应用的品牌和标识。&/p&&p&选定用于贯穿整个 PPT 的主色，和你的分页颜色。比如目录用色，和目录上各章节的配色。&/p&&img src=&/626b02f65e128259bcc2d4c14c9813c3_b.jpg& data-rawwidth=&720& data-rawheight=&272& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/626b02f65e128259bcc2d4c14c9813c3_r.jpg&&&p&能轻易发现，&b&&u&背景色通常不是浅色系的&/u&&/b&（至少默认配色方案不会给出浅色系背景，至于可自定颜色不在讨论范围内）。默认的紫色，是深紫，明度较低，即用沉稳的色调，去反衬磁贴的活跃。若背景色是浅色系的，界面容易失去焦点。&/p&&p&对于 PPT，背景要具有承载页面内容的能力。&b&&u&即使是图片作为背景，也要将图片的明度调暗。&/u&&/b&可试着选择桌面壁纸当作 Windows 8.1 的开始屏幕背景，并和桌面切换对比，你会发现，开始屏幕虽然使用了桌面壁纸作为图片，却也是经过了加暗处理。&/p&&img src=&/a6b69e84c7f4dc_b.jpg& data-rawwidth=&741& data-rawheight=&417& class=&origin_image zh-lightbox-thumb& width=&741& data-original=&/a6b69e84c7f4dc_r.jpg&&&p&案例：闹钟，下方开关白色为开，否则是关。增强了对比度，这就是在视觉上将开关的状态感知增强了。当你放眼看这张图的时候就有“一目了然”的感觉。如果用左右拉的开关，并放于闹钟名称右侧，似乎就没那么清晰了。&/p&&p&对 PPT 即运用高对比度的颜色来获得「看一眼就明白」的效果。&/p&&br&&p&&u&主角是前景被关注的内容，而非背景。这里反映出 Modern UI 的一个原则：突出最重要的信息，内容第一，而非无谓的装饰。并让信息量达到「无法向下删减」的程度。&/u&&/p&&br&&p&再看几个应用的颜色：&/p&&img src=&/00cebc15af31c1c81571b_b.jpg& data-rawwidth=&720& data-rawheight=&273& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/00cebc15af31c1c81571b_r.jpg&&&p&邮件现已经改为蓝色，为了和 &a href=&///?target=http%3A//& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a& 蓝色配合。&/p&&p&统一配色，并将最需要引人注意的部分用该颜色标注出来，除此之外，用不同灰度的黑色。底部菜单栏也为了和背景形成反差，引起注意。比如邮件应用，被蓝绿色标记的文字是邮件前面几个字的提要，而不是发件人或者其他，这是因为邮件内容是最最重要的，比如“周末一起去野餐吧”这样的邮件消息，而不是“洪国明”这样的名字。&br&&/p&&br&&p&&img src=&/a053cebf08a_b.jpg& data-rawwidth=&720& data-rawheight=&39& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/a053cebf08a_r.jpg&&案例：「阅读列表」应用的顶部菜单栏之一（按时间排序，从左到右是「今天」「昨天」「这周的早些时候」「上周」「上个月」）。下面是界面图片：&br&&/p&&img src=&/e0e126241aefb_b.jpg& data-rawwidth=&741& data-rawheight=&417& class=&origin_image zh-lightbox-thumb& width=&741& data-original=&/e0e126241aefb_r.jpg&&&p&案例中「今天」的配色是明度最高的，因其是最新共享进来的。时间越之前，明度越暗：弱化注意力。越是之前的，越可能是已经阅读过了的、无需关注的。&/p&&p&举个应用于 PPT 的例子，想象一个场景：时间轴式的事件图，若时效性较强，可逐渐改变明度。若特征不是时效性，是某几个关键时刻，那么关键时刻就用明度高的，其余的依次弱化。&/p&为什么说不要把 Modern UI 理解为「色块堆砌」，&b&其中一个&/b&原因：重点不在于「大的纯色块」这样的视觉表象，而是&b&用色块表现了什么、突出了什么、起到了怎样的交互引导效果、塑造出怎样的品牌形象、怎样提升了用户的操作效率&/b&等。&br&&br&&p&========================&/p&&p&&b&四、排布与对齐&/b&&/p&&p&见过许多模仿「磁贴」却模仿不到位的，很大问题出在「磁贴间距」上，要么太离散，要么靠得太近。间距是直接影响到「像不像」的一个因素。&/p&&br&&p&&b&1、使用网格系统（要做出严苛精确的界面）&/b&&/p&&p&在设计的时候，记得用网格。&/p&&p&网格由单元和子单元组成。测量的基本单位就是单元。一个单元等于 20 × 20 像素。每个单元进一步细分为 5 × 5 像素的子单元。每个方形单元有 16 个子单元。下面这张图描述了屏幕左上角处的网格。放大该图像即可显示像素、子单元以及单元。 &/p&&img src=&/26f16d06eafa45de544aa_b.jpg& data-rawwidth=&573& data-rawheight=&421& class=&origin_image zh-lightbox-thumb& width=&573& data-original=&/26f16d06eafa45de544aa_r.jpg&&&br&&p&&b&2、页眉&/b&&/p&&p&页眉的基线应该为距离顶部 5 个单元或 100 个像素。页眉的左边距为 6 个单元或 120 个像素。Windows 8 页眉为 Segoe UI 样式集 20 细线。&/p&&img src=&/fa740bf6b969d1d735c3b_b.jpg& data-rawwidth=&720& data-rawheight=&438& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/fa740bf6b969d1d735c3b_r.jpg&&&p&这很适合用来填写 PPT 的页标题（如果页面不是只有这一个标题的话）。可以先做母版，定好位，这样就很方便，不用每次去调整。&/p&&br&&p&&b&3、&/b&&b&内容区域&/b&&/p&&p&内容区域的上边距为 7 个单元或 140 个像素。左边距为 6 个单元或 120 个像素。下边距非常灵活。对于水平平移的内容，应该不超过 6.5 个单元（130 个像素），且不少于 2.5 个单元（50 个像素）。 对于垂直平移的内容，上边距和左边距保持不变。由于内容滚出屏幕，因此未指定下边距。&/p&&p&&img src=&/0b9302d5efc4eb99ee78f2dec71438e0_b.jpg& data-rawwidth=&720& data-rawheight=&438& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/0b9302d5efc4eb99ee78f2dec71438e0_r.jpg&&用在 PPT 上是很科学的。我们按 16:9 的屏幕来讲（2013 版之后默认的比例），尤其内容的左侧，不能靠太近边缘，因为横向本身就比较长，要达到平衡。&/p&&br&&p&&b&4、水平填充值&/b&&/p&&p&内容项之间的水平填充因项而异。对于明边项（如图像和用户磁贴），磁贴和随附文本之间的填充为 2 个子单元或 10 个像素。对于列表，列之间的填充为 2 个单元或 40 个像素。对于明边项，列之间的填充为 2 个子单元或 10 个像素。&br&&/p&&img src=&/5e81ec419ffb9bcb8acea08d4bf201ff_b.jpg& data-rawwidth=&722& data-rawheight=&461& class=&origin_image zh-lightbox-thumb& width=&722& data-original=&/5e81ec419ffb9bcb8acea08d4bf201ff_r.jpg&&&p&&b&这里就涉及到刚才说的「间距」问题啦~&/b& 规定是磁贴间间隔 10 像素。开始屏幕上的每块磁贴都是有 1 px 的边框的哦，那个边框就包含在「10 像素的间距」之中。也就是说，除去边框，还有 8 px 的空间。&/p&&p&这里就不举反例了，相信大家都曾经见到过，嗯。如果你实在没把握，可以把开始屏幕或者其他的截屏一下，放进 PPT，然后用图形临摹重叠，再删除截屏。&/p&&br&&p&&b&5、&/b&&b&垂直填充值&/b&&/p&&p&内容项之间的垂直填充也因项的类型而异。
对于磁贴和文本列表，行内项之间的垂直填充为 1 个单元或 20 个像素。对于明边对象，行内项之间的填充为 2 个子单元或 10 个像素。 &/p&&img src=&/8c2a9c432b544f65ee0965_b.jpg& data-rawwidth=&714& data-rawheight=&407& class=&origin_image zh-lightbox-thumb& width=&714& data-original=&/8c2a9c432b544f65ee0965_r.jpg&&&br&&p&&b&6、&/b&&b&组之间的水平填充&/b&&/p&&p&组之间的填充为 4 个单元或 80 个像素。此填充足够大，在用户平移时足以轻松辨别组。 &/p&&img src=&/cb9cbdae6a39b06a3ecf7f_b.jpg& data-rawwidth=&714& data-rawheight=&456& class=&origin_image zh-lightbox-thumb& width=&714& data-original=&/cb9cbdae6a39b06a3ecf7f_r.jpg&&&p&分组。&/p&&br&&p&附加参考：&/p&&img src=&/40ff56fdf514b2ce56cb_b.jpg& data-rawwidth=&579& data-rawheight=&324& class=&origin_image zh-lightbox-thumb& width=&579& data-original=&/40ff56fdf514b2ce56cb_r.jpg&&&img src=&/c902f53be428ad14649ce0c_b.jpg& data-rawwidth=&494& data-rawheight=&256& class=&origin_image zh-lightbox-thumb& width=&494& data-original=&/c902f53be428ad14649ce0c_r.jpg&&&p&&img src=&/5cbebeb_b.jpg& data-rawwidth=&541& data-rawheight=&218& class=&origin_image zh-lightbox-thumb& width=&541& data-original=&/5cbebeb_r.jpg&&可以说，&b&排布和对齐，是很大程度影响到「看起来像不像」Modern UI 的关键因素之一&/b&。（其实这也是最最基本的要求吧，&b&宁可多花一点时间在对齐和排布上&/b&。）&/p&&br&&p&干货来袭：&/p&&p&用于 PowerPoint 的设计模板： &a href=&///?target=https%3A///fwlink/p/%3FLinkId%3D325041& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/fwlink&/span&&span class=&invisible&&/p/?LinkId=325041&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/p&&p&用于 Photoshop 的设计模板： &a href=&///?target=https%3A///fwlink/p/%3FLinkId%3D325040& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ttps:///fwlink/p/?LinkId=325040&i class=&icon-external&&&/i&&/a&&/p&&p&用于 Illustrator 的设计模板： &a href=&///?target=https%3A///fwlink/p/%3FLinkId%3D325039& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/fwlink&/span&&span class=&invisible&&/p/?LinkId=325039&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/p&&br&&p&这些资产，适合用于 PPT 某些页面的设计（看起来更接近 Modern UI）、适合用于应用的 UI 设计。但是很难用 PPT 做出动态磁贴的效果，也是 Modern UI 在视觉上的一个关键而极具辨识性的特征。要想方设法让你静态的页面内容达到“一目了然”和&突出重点&的状态。&/p&&br&&p&要怎么用？&/p&&br&&p&先给一张各种元素的建议大小，包括间距： &/p&&img src=&/7f5ad3c318a5c_b.jpg& data-rawwidth=&700& data-rawheight=&622& class=&origin_image zh-lightbox-thumb& width=&700& data-original=&/7f5ad3c318a5c_r.jpg&&&br&&p&之所以举表单的例子，就是想拓展一下。不仅仅是用于 PPT 的元素，比如你要用 Modern UI 来设计一张或多张打印出来的填表，就能注意到。&/p&&p&下面是使用单列布局的短表单示例：&/p&&p&&img src=&/3edf20d399cf16c0c07224_b.jpg& data-rawwidth=&351& data-rawheight=&200& class=&content_image& width=&351&&下面是使用单列布局的较长表单示例：&/p&&p&&img src=&/65def545b1d6b3f15f948b82cc619084_b.jpg& data-rawwidth=&349& data-rawheight=&444& class=&content_image& width=&349&&请不要尝试将大量内容置于一个非常长的表单中，而是考虑将任务分成多个组或多个表单序列。下面是分为多个组的较长表单示例（&b&&u&比如你设计的问卷，一长串连在一起，对方看到就觉得很多，看着不舒服，带来一种烦躁感。这不是 Modern UI 所提倡的，而应该有焦点。&/u&&/b&分页）：&/p&&p&&img src=&/bd6a474f49bd70ec357087_b.jpg& data-rawwidth=&348& data-rawheight=&423& class=&content_image& width=&348&&下面是分为多个页面的较长表单示例： &/p&&img src=&/097ff25e48b00619ac2ec_b.jpg& data-rawwidth=&348& data-rawheight=&859& class=&content_image& width=&348&&&br&&p&&b&何时使用两列布局&/b&&/p&&p&将两列布局用于仅能进行有限垂直平移的短表单。 两列布局在横向充分利用了屏幕空间。 请记得为两列之间保留足够的用于装订线的空间。 &/p&&p&下面是使用两列布局的表单示例：&/p&&img src=&/1ecc1bef695ef_b.jpg& data-rawwidth=&347& data-rawheight=&198& class=&content_image& width=&347&&&br&&p&此外，我想分享一个大家应该都见过的表单设计：&/p&&img src=&/364abb65b2fca54f2d7474ca_b.jpg& data-rawwidth=&720& data-rawheight=&225& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/364abb65b2fca54f2d7474ca_r.jpg&&&br&&br&&br&&p&========================&/p&&p&&b&五、图标&/b&&/p&&p&图标使用最少的部分和细节，可以提取和简化概念。它们在本质上是图形，并且采用平面透视效果和单色，强化了内容重于版式的思想。 &/p&&img src=&/f11c950ee64f79d83c65a4ea_b.jpg& data-rawwidth=&720& data-rawheight=&180& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/f11c950ee64f79d83c65a4ea_r.jpg&&&img src=&/b75aeb804d6d_b.jpg& data-rawwidth=&472& data-rawheight=&300& class=&origin_image zh-lightbox-thumb& width=&472& data-original=&/b75aeb804d6d_r.jpg&&&br&透视&p&的图标是二维符号形状。图标可以巧妙地暗示体积或深度，但我们一般避免增加透视线或角度。大多数图标代表一个概念或对象。如果一个图标代表一个以上的对象，前面的对象“挤出”后面的对象。&/p&&p&&img src=&/ed179d6cef18cb044ae6d10f6159cd1f_b.jpg& data-rawwidth=&370& data-rawheight=&300& class=&content_image& width=&370&&“挤出”一个对象意味着当图标中的一个元素显示为覆盖另一元素时，覆盖操作将创建一个与背景颜色匹配的间隙。&/p&&br&颜色&p&图标的主要颜色是纯白色。白色是可以在大多数具有丰富的彩色背景的颜色上下文（如应用磁贴和应用栏）中很好地显示的单一颜色。&/p&&img src=&/129cdbdbede2_b.jpg& data-rawwidth=&720& data-rawheight=&110& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/129cdbdbede2_r.jpg&&&br&生产&p&建议使用矢量绘制所有图标，尤其是在 Adobe Illustrator 或 Expressions Design 中。将矢量形状贴靠在字形系统中是至关重要的。Windows 图标必须有清晰、干净的边缘。&br&&/p&&br&&p&图标不只是提供功能。还有助于将用户与应用的总体构想联系起来，甚至可以唤起对应用的良好情感。图标不但要透出品牌的个性，而且要保持界面的效率。&/p&&br&&br&&p&====================&/p&&p&另外，来说说 &b&Segoe UI Symbol 图标&/b&。用这些图标会显得你的 Modern UI 更加接近原本的设计。&/p&&p&大部分此类字形在提供时其间距为零。你可以在每个零宽度字形上放置其他零宽度字形。例如，如果你插入零宽度的红色的实心 (U+E00B)，光标不会跑到心形的末尾，因为其宽度为零。然后，如果你插入黑色的心形轮廓 (U+E006)，则心形轮廓会放置在实心之上。&/p&&img src=&/4b5a27c9e8d41a506f083a55a67923e3_b.jpg& data-rawwidth=&224& data-rawheight=&47& class=&content_image& width=&224&&&p&大部分图标还具有镜像样式，以供使用双向文本的语言使用。&/p&&p&这里提供一些 &b&Unicode ID&/b&。&/p&&p&&b&红心大战&/b&&/p&&img src=&/9afc1f111f2abb85efb722d_b.jpg& data-rawwidth=&404& data-rawheight=&158& class=&content_image& width=&404&&&p&&b&星形评级&/b&&/p&&img src=&/9bc3fd5050f1eafb52fb786f0aa4b108_b.jpg& data-rawwidth=&552& data-rawheight=&159& class=&origin_image zh-lightbox-thumb& width=&552& data-original=&/9bc3fd5050f1eafb52fb786f0aa4b108_r.jpg&&&p&&b&复选框组件&/b&&/p&&img src=&/5f35b52cc450b674f36c06_b.jpg& data-rawwidth=&400& data-rawheight=&245& class=&content_image& width=&400&&&p&&b&单选按钮&/b&&/p&&img src=&/ea2b70f6aa7c_b.jpg& data-rawwidth=&379& data-rawheight=&125& class=&content_image& width=&379&&&p&&b&杂项&/b&&/p&&img src=&/eab803a13fc6_b.jpg& data-rawwidth=&408& data-rawheight=&400& class=&content_image& width=&408&&&p&&b&滚动条&/b&&/p&&img src=&/c4b98ad1cca_b.jpg& data-rawwidth=&428& data-rawheight=&143& class=&origin_image zh-lightbox-thumb& width=&428& data-original=&/c4b98ad1cca_r.jpg&&&p&&b&渐进式公开箭头&/b&&/p&&p&&img src=&/dd3fbef8e3_b.jpg& data-rawwidth=&421& data-rawheight=&356& class=&origin_image zh-lightbox-thumb& width=&421& data-original=&/dd3fbef8e3_r.jpg&&&b&后退按钮&/b&&/p&&p&后退按钮的字形提供了 3 种不同大小，以便外环的权重等于 16pt、20pt 和 42pt。这些字形设计用于支持分层。&/p&&p&&img src=&/1e6d3daf9cf_b.jpg& data-rawwidth=&664& data-rawheight=&360& class=&origin_image zh-lightbox-thumb& width=&664& data-original=&/1e6d3daf9cf_r.jpg&&&b&HTML 的后退箭头&/b&&/p&&p&记得添加其他代码，创建环绕这些字形的圆环。&/p&&p&&img src=&/1f71a6bdaa92ae5fd27bc_b.jpg& data-rawwidth=&450& data-rawheight=&60& class=&origin_image zh-lightbox-thumb& width=&450& data-original=&/1f71a6bdaa92ae5fd27bc_r.jpg&&&b&用于控制的图标的字形&/b&&/p&&p&这些字形设计为以 14pt 大小显示。记得使用其他代码，创建环绕这些字形的圆环。&/p&&img src=&/368d8c9ee5aace7957a5dc_b.jpg& data-rawwidth=&600& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/368d8c9ee5aace7957a5dc_r.jpg&&&img src=&/f188e1ba2aafae7f662e_b.jpg& data-rawwidth=&600& data-rawheight=&773& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/f188e1ba2aafae7f662e_r.jpg&&&img src=&/527d67d2fb009ec8bb3f_b.jpg& data-rawwidth=&643& data-rawheight=&772& class=&origin_image zh-lightbox-thumb& width=&643& data-original=&/527d67d2fb009ec8bb3f_r.jpg&&&img src=&/ace26fc9982dae09ad268c2_b.jpg& data-rawwidth=&600& data-rawheight=&790& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/ace26fc9982dae09ad268c2_r.jpg&&&img src=&/1cba88dd8b4e65f8d8e5da67c188918d_b.jpg& data-rawwidth=&600& data-rawheight=&715& class=&origin_image zh-lightbox-thumb& width=&600& data-o