处置WordPress不可上行svg

一些WordPress用户的局部主题在上行svg、ico、webp文件时产生“因为安保要素，这个文件类型不受支持上行”的揭示，意思是这类图片格局不准许上行，当天这个教程能处置这个疑问。


处置方法分两步：

在网站根目录找到“wp-config.php”文件，减少以下代码：define(‘ALLOW_UNFILTERED_UPLOADS’, true);在你主题所在模板文件夹根目录找到 functions.php 文件，减少以下代码：add_filter( ‘mime_types’, ‘wpse_mime_types’ );function wpse_mime_types( $existing_mimes ) {// Add csv to the list of allowed mime types$existing_mimes[‘ico’] = ‘text/ico’;return $existing_mimes;}以上示例是处置 WordPress 程序 ico 文件不能上行的代码，假设要支持其余文件格局上行的话，请把下面代码中的 ico 改成你须要的即可，比如svg、webp等。

wordpress抱歉，您无权上传此文件类型？

如何让WordPress支持上传更多文件类型 可以在functions.php中这样写：add_filter(upload_mimes, wpdit_filter_mime_types);function wpdit_filter_mime_types($mimes){$mimes[ttf] = font/ttf;$mimes[woff] = font/woff;$mimes[svg] = font/svg;$mimes[eot] = font/eot;return $mimes;}表示允许ttf等文件的上传。

wordpress内置允许的文件类型可查看wp_get_mime_types() 函数中定义的列表。

位于/wp-includes/ -> functions.php 文件中。

如何在WordPress主题中使用Font Awesome

Font Awesome是一种矢量图标，或者叫图标字体，矢量的好处是无限缩放不会失真，可以适应各种尺寸的屏幕，省掉了做很多图片的麻烦。

如果你想在自己的WordPress主题中使用Font Awesome，下面介绍了方法。

安装插件Font Awesome Icons我的博客有很多代码，但今天我要把插件放在前面，不希望大家觉得在WordPress中使用插件就一定会降低性能。

相反，我推荐使用插件，插件小巧灵活，即插即用，不想要也可以成本很低的舍弃。

只有代码质量较低的插件才会降低网站性能。

Font Awesome Icons就是一个短小精悍的插件，功能只有两个：将Font Awesome的css和字体文件集成到WordPress提供调用图标的shortcode第一个是必须的，而第二个绝对是锦上添花的功能。

使用代码集成如果你要发布自己的主题，向用户提供font awesome作为一个卖点，下面是集成方法。

1. 下载Font Awesome，将font-asesome文件夹直接解压到你主题的根目录下2. 打开主题的functions.php，添加如下代码add_action( wp_enqueue_scripts, load_fontawesome_styles ); function load_fontawesome_styles(){ global $wp_styles; wp_enqueue_style( font-awesome, get_template_directory_uri() . /font-awesome/css/font-awesome.min.css ); wp_enqueue_style( font-awesome-ie7, get_template_directory_uri() . /font-awesome/css/font-awesome-ie7.min.css ); $wp_styles->add_data( font-awesome-ie7, conditional, lte IE 7 ); }这段代码会引入font awesome主要的css文件，还会条件化加载修复ie7的css样式。

3. 大功告成，下面就是使用了，使用的方式很多，官方推荐的方法是用i标签加class来添加，例如<i></i>当然，也可以将class应用到其它标签，就像使用字体一样，可以设定字号、颜色、阴影等属性。

具体使用方法可以看官方文档其它说明需要注意的是font-awesome的css文件和字体文件要保持对应关系，如果你更改了字体目录名称或者位置，不要忘记修改css文件。

具体说是修改font-awesome.css这个没压缩的文件，打开文件看开头的几行样式@font-face { font-family: FontAwesome; src: url(../font/fontawesome-webfont.eot?v=3.1.0); src: url(../font/fontawesome-webfont.eot?#iefix&v=3.1.0) format(embedded-opentype), url(../font/fontawesome-webfont.woff?v=3.1.0) format(woff), url(../font/fontawesome-webfont.ttf?v=3.1.0) format(truetype), url(../font/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0) format(svg); font-weight: normal; font-style: normal; }url里写的就是字体文件路径，根据自己的实际情况修改之。

之后将其压缩，就可以用了。

Web前端工程师应该知道的CSS隐藏页面元素的方法

今天小编要跟大家分享的文章是关于Web前端工程师应该知道的CSS隐藏页面元素的方法。用CSS隐藏页面元素有许多种方法。你可以将opacity设为0、将visibility设为hidden、将display设为none或者将position设为absolute然后将位置设到不可见区域。你有没有想过，为什么我们要有这么多技术来隐藏元素，而它们看起来都实现的是同样的效果?每一种方法实际上与其他方法之间都有一些细微的不同，这些不同决定了在一个特定的场合下使用哪一个方法。这篇教程将覆盖到那些你需要记住的细小不同点，让你根据不同情况选择上面这些方法中适合的方法来隐藏元素。正在从事web前端工作的小伙伴们来和小编一起学习一下吧！一、opacityopacity属性的意思是设置一个元素的透明度。它不是为改变元素的边界框(boundingbox)而设计的。这意味着将opacity设为0只能从视觉上隐藏元素。而元素本身依然占据它自己的位置并对网页的布局起作用。它也将响应用户交互。.hide{opacity:0;}如果你打算使用opacity属性在读屏软件中隐藏元素，很不幸，你并不能如愿。元素和它所有的内容会被读屏软件阅读，就像网页上的其他元素那样。换句话说，元素的行为就和它们不透明时一致。我还要提醒一句，opacity属性可以用来实现一些效果很棒的动画。任何opacity属性值小于1的元素也会创建一个新的堆叠上下文(stackingcontext)。看下面的例子：看@SitePoint提供的例子“用opacity隐藏元素”当你的鼠标移到被隐藏的第2个的区块上，元素状态平滑地从完全透明过渡到完全不透明。区块也将cursor属性设置为了pointer，这说明了用户可以与它交互。二、visibility第二个要说的属性是visibility。将它的值设为hidden将隐藏我们的元素。如同opacity属性，被隐藏的元素依然会对我们的网页布局起作用。与opacity唯一不同的是它不会响应任何用户交互。此外，元素在读屏软件中也会被隐藏。这个属性也能够实现动画效果，只要它的初始和结束状态不一样。这确保了visibility状态切换之间的过渡动画可以是时间平滑的(事实上可以用这一点来用hidden实现元素的延迟显示和隐藏——译者注)。.hide{visibility:hidden;}下面的例子演示了visibility与opacity有怎样的不同：看@SitePoint提供的例子“用visibility隐藏元素”注意，如果一个元素的visibility被设置为hidden，同时想要显示它的某个子孙元素，只要将那个元素的visibility显式设置为visible即可(就如例子里面的.o-hidep——译者注)。尝试只hover在隐藏元素上，不要hover在p标签里的数字上，你会发现你的鼠标光标没有变成手指头的样子。此时，你点击鼠标，你的click事件也不会被触发。而在

标签里面的

标签则依然可以捕获所有的鼠标事件。一旦你的鼠标移动到文字上，

本身变得可见并且事件注册也随之生效。三、displaydisplay属性依照词义真正隐藏元素。将display属性设为none确保元素不可见并且连盒模型也不生成。使用这个属性，被隐藏的元素不占据任何空间。不仅如此，一旦display设为none任何对该元素直接打用户交互操作都不可能生效。此外，读屏软件也不会读到元素的内容。这种方式产生的效果就像元素完全不存在。任何这个元素的子孙元素也会被同时隐藏。为这个属性添加过渡动画是无效的，它的任何不同状态值之间的切换总是会立即生效。不过请注意，通过DOM依然可以访问到这个元素。因此你可以通过DOM来操作它，就像操作其他的元素。.hide{display:none;}看下面的例子：@SitePoint提供的例子“用display隐藏元素”你将看到第二个块元素内有一个

元素，它自己的display属性被设置成block，但是它依然不可见。这是visibility:hidden和display:none的另一个不同之处。在前一个例子里，将任何子孙元素visibility显式设置成visible可以让它变得可见，但是display不吃这一套，不管自身的display值是什么，只要祖先元素的display是one，它们就都不可见。现在，将鼠标移到第一个块元素上面几次，然后点击它。这个操作将让第二个块元素显现出来，它其中的数字将是一个大于0的数。这是因为，元素即使被这样设置成对用户隐藏，还是可以通过JavaScript来进行操作。四、position假设有一个元素你想要与它交互，但是你又不想让它影响你的网页布局，没有合适的属性可以处理这种情况(opacity和visibility影响布局，display不影响布局但又无法直接交互——译者注)。在这种情况下，你只能考虑将元素移出可视区域。这个办法既不会影响布局，有能让元素保持可以操作。下面是采用这种办法的CSS：.hide{position:absolute;top:-9999px;left:-9999px;}下面的例子阐明了怎样通过绝对定位的方式隐藏元素，并让它和前面的那个例子效果一样：看@SitePoint提供的例子“用position属性隐藏元素”这种方法的主要原理是通过将元素的top和left设置成足够大的负数，使它在屏幕上不可见。采用这个技术的一个好处(或者潜在的缺点)是用它隐藏的元素的内容可以被读屏软件读取。这完全可以理解，是因为你只是将元素移到可视区域外面让用户无法看到它。你得避免使用这个方法去隐藏任何可以获得焦点的元素，因为如果那么做，当用户让那个元素获得焦点时，会导致一个不可预料的焦点切换。这个方法在创建自定义复选框和单选按钮时经常被使用。(用DOM模拟复选框和单选按钮，但用这个方法隐藏真正的checkbox和radio元素来“接收”焦点切换——译者注)五、clip-path隐藏元素的另一种方法是通过剪裁它们来实现。在以前，这可以通过clip属性来实现，但是这个属性被废弃了，换成一个更好的属性叫做clip-path。NitishKumar最近在SitePoint发表了“介绍clicp-path属性”这篇文章，通过阅读它可以了解这个属性的更多高级用法。记住，clip-path属性还没有在IE或者Edge下被完全支持。如果要在你的clip-path中使用外部的SVG文件，浏览器支持度还要更低。使用clip-path属性来隐藏元素的代码看起来如下：.hide{clip-path:polygon(0px0px,0px0px,0px0px,0px0px);}下面是一个实际使用它的例子：看@SitePoint提供的例子“用clip-path属性隐藏元素”如果你把鼠标悬停在第一个元素上，它依然可以影响第二个元素，尽管第二个元素已经通过clip-path隐藏了。如果你点击它，它会移除用来隐藏的class，让我们的元素从那个位置显现出来。被隐藏元素中的文字仍然能够通过读屏软件读取，许多WordPress站点使用clip-path或者之前的clip来实现专门为读屏软件提供的文字。虽然我们的元素自身不再显示，它也依然占据本该占据的矩形大小，它周围的元素的行为就如同它可见时一样。记住用户交互例如鼠标悬停或者点击在剪裁区域之外也不可能生效。在我们的例子里，剪裁区大小为零，这意味着用户将不能与隐藏的元素直接交互。此外，这个属性能够使用各种过渡动画来实现不同的效果。结论在这篇教程里，我们看了5种不同的通过CSS隐藏元素的方法。每一种方法都与其他几种有一点区别。知道你想要实现什么有助于你决定采用哪一个属性，随着时间推移，你就能根据实际需求本能地选择最佳方式了。以上就是小编今天为大家分享的关于Web前端工程师应该知道的CSS隐藏页面元素的方法的文章，希望本篇文章能够对正在从事web前端工作的小伙伴们有所帮助，想要了解更多web前端相关知识记得关注北大青鸟web培训官网。最后祝愿小伙伴们工作顺利！

18个网站下载最佳免费商业图标

在这篇文章里，完全免费的网站有免费和付费的计划，底线1环顾四周。你周围都是图标。我说的不是好莱坞流行歌星或古老的拜占庭绘画??我说的是你咖啡杯上的一个人的小图案或你刚刚发给朋友的LOL脸表情符号。图标无处不在。这些简单化的小图形是现代社会不可或缺的交流来源。谢天谢地，你可以在这个免费图标的最佳网站列表中免费利用图标的力量。

1正如人们所说，一幅画能说出一千个单词。图标之所以伟大，是因为它们能立即向观众传达意义。图标吸引人们的目光，以简单的方式提供信息。想想路标或地铁地图，想想周围最有效、最流行的图标实现。

现在，非常棒的图标提取事物或想法的基本特征，并以一种可以立即识别的方式呈现出来。

你会在我们的列表中找到很多，所以不用再麻烦了，让我们开始吧！

完全免费的网站

以下网站提供商业用途的免费图标，对免费计划的限制或要求最低，但有一些例外。

Dribbble

dribble是一个优秀的网站，提供高质量和多样的图标集，所有这些都是由网站设计社区的专业成员创建的。Dribbble上的

图标集涵盖了一长串商业用途，如动画、产品设计、网页设计等。此外，还有一些你能想象到的任何主题的设计集——复古图标、现代图标、蓝色图标等等！

并不是所有的都可以下载（有些是灵感），你可能需要花一些时间寻找你想要的，但结果是值得的！

免费计划：10000多个不同主题的免费图标和灵感ES

免费计划：N/A（Dribble为设计师和雇主提供了一个“专业”计划）

IComnstr

IComnstr是一个很好的地方，可以找到简单的黑白图标，每种设计都有多种不同的格式。iconmonstr也是完全免费的，不需要属性。

这个网站还有很多值得喜欢的地方：316个类别、多种大小、轻量级文件、图标生成器功能、收藏夹选项卡，以及它自己的图标字体（同样，所有这些都是完全免费的）。

P根据iconmonstr:

“被许可方可以在模板或应用程序中使用作品，而无需署名；但是，前提是该作品是设计的一部分，不是产品的基础或主要组件。”

DevianArt

devianart与其说是一项企业服务，不如说是一个艺术家和设计师的社交社区。成员们可以加入小组，说出自己的想法，下载内容，上传各种主题和类型的创作。哦，我有没有提到DeviantArt拥有超过200000个免费图标？

该网站的大部分内容都是面向个人使用的（考虑到其社区主导的方式），你必须检查每一套设计的归属要求。不过，如果你想为你的项目营造一种更随意的氛围，DeviantArt当然值得一看。

免费计划：250000多个不同大小和格式的免费图标

免费计划：不适用（Deviantart提供针对卖家的“核心”会员资格）

AsDeviantart:

“注意：下载图像或内容的能力并不意味着它属于您，您应该始终咨询原始创建者以了解使用条款。”

Fontello

Fontello的主要吸引力在于它的可用性。Fontello为您节省了时间：不仅因为它将所有这些杂项收藏放在一个地方，还因为它的搜索功能简单。搜索一个单词，相应的图标就会出现。我们希望事情总是这么简单。这些设计也过于简单。大多数图形都是单色的，而Fontello还有一个功能强大的图标字体生成器。

免费计划：1000个不同大小和格式的免费单色图标，每个Fontello:

“Fontello只包括那些对您的网站没有限制的字体（非商业用途、强制链接、强制归属等）。由于我们是开源开发者，我们不希望限制您的自由。”

1001次免费下载

strongstyle=“fontsize:16px；”

1001免费下载实际上有超过1001次的免费下载。有一页又一页塞满了免费照片、字体、矢量、壁纸等等，还有一大堆免费图标供你使用。

1001免费下载团队会亲自搜索互联网，为您带来世界各地最好的免费图形。他们擅长卡通、好玩的设计，所以如果这听起来非常适合你的项目，为什么不去看看呢？

免费计划：1000个不同大小和格式的免费图标，供个人和商业使用，并归因于1001免费下载。com

CSSAuthor

当我们讨论CSS主题时??CSSAuthor有点像Fontello，只是它不是一个数据库，而是一个手工挑选的选择。该网站策划了网络上所有最好的作品，并将它们放在一个地方。

还有很多其他与网页设计相关的东西，比如WordPress主题、编码工具和教程。过来看！

免费计划：数百个不同格式的最佳免费图标集每个CSS作者：

“我们不要求您包括任何归属或链接回cssautor.com，但是如果您信任我们的资源或/或帮助传播关于我们的信息，我们非常感谢。”

GraphicBurger

GraphicBurger是一些蓬松可爱的图标集的家。数以千计的图标有多种格式，包括AI、EPS、JPG、PNG和SVG，还有各种大小，具体取决于您选择的设置。

一切都是免费的，不需要署名，直接下载意味着你可以立即访问设计。

GraphicBurger有一个专门的社区，其中许多都是该网站独有的。如果你想找一个主题化的、精致的、不太严肃的东西，绝对值得一看。

免费计划：免费主题图标集的格式和大小各不相同。每个GraphicsBurger:

“无需归属或链接回本网站，但任何信用将不胜感激。”

有免费和付费计划的网站

以下网站有有限的免费计划，提供商业使用的图标，有许多要求（即网站的属性和链接）。他们也有付费计划，包括更大的图标库和更少的需求。

Flaticon

Flaticon拥有互联网上最大的矢量图标集合之一，拥有560多万个PNG、SVG、EPS、PSD和BASE64格式的选项。Flaticon还允许您以PNG格式免费访问这个极好的库。这太神奇了。

该网站还有其他一些优秀的功能需要启动。Flaticon独特的“图标字体”功能允许您将图标转换为可下载的字体，以在CSS中控制它们。在其他地方，你可以使用一个个人库来保存你最喜欢的图片。

值得一提的是，你必须为你免费使用的任何东西提供归属，但这仍然是最好的网站之一。

FREEPAID从每月8.25美元开始+610万PNG格式的免费图标和贴纸+610万PNG格式的免费图标和贴纸需要分发无需归属下载限制为每天100个PNG格式的图标无限下载创建3个图标收藏，每个集合有50个图标无限集合编辑器的有限使用无优先权支持优先权支持无广告

Icons8

Icons8文章超过350000个免费专业图标可用于您的设计工作，外加大量基本资源，包括免费设计工具、照片、音乐、插图等。这个网站有你从A到Z所需要的一切——这是任何设计师工具箱中必不可少的一部分。

这些图标本身多样而有趣，分布在35种不同的风格和类别中。免费计划允许您下载PNG格式的图标，并将其与属性一起使用，而premium提供SVG和EPS选项。

FREEPAID每月13美元（约合人民币3.5万元）免费下载PNG100个图标，每月0.20美元（约合人民币1.5万元）。当你使用我们的资产时，使用低分辨率VG和大PNG格式链接到Icons8。无归属

Freepik

Freepik是Flaticon的哥哥，已经存在超过11年了。不可否认，它在公司的3个网站（Freepik、Flaticon和Slidesgo）中每月有4000万用户。

Freepik可以为用户提供1200万个设计资源，包括830万张照片、370万个矢量和32.4万个PSD。这些资源中有872000多个是免费图标。然而，Freepik的多样性和规模并不是它唯一的USP。该网站的内部设计团队正忙于以其独特的风格不断创造新鲜、同样优秀的内容，其中大部分内容都是免费的。

9.99美元/月免费支付Housands免费资源Housands免费资源NoPremiumvectors+5118000PremiumvectorsNoPremiumPSDfiles+573000PremiumPSDfilesAttributionRequiredNoattributionRequiredNoattribution作为注册的免费用户，您每天最多可下载10次无限下载，每天下载100次无优先级支持优先级支持无ads

Iconfinder

Iconfinder（顾名思义）是一个查找免费图标的超级搜索引擎。我的意思是，这非常简单和直观

web前端开发的发展趋势

说起web前端开发想必你一定不会陌生，因为现在的前端开发学习的认证真的很多。

趋势一：更加移动优先

响应式设计显然是目前web前端开发领域的主要趋势之一，并且这一趋势在未来还将持续一段时间。虽然现在的响应式设计大部分还是以PC版优先，然而如果有一天我们把PC版放到比移动版次要的位置上，也没有什么好奇怪的。因为，目前许多web前端开发者已经开始转向以移动优先方案来做他们的响应式设计和开发，这就象征着一个重大转变，值得我们跟进的。

趋势二：更多使用快速原型开发工具

众多web前端开发者从2016年开始尝试使用快速原型开发工具，将是这种技术真正爆发的一年。“UXpin、Webflow、Invision以及其它许多快速原型开发工具，让设计师不用写一行代码，就能为网站和服务快速创建低保真和高保真原型，便于设计师衡量它们的可用性和美观性。” web设计师Jamie Leeson says如是说，“许多工具也允许你在浏览器中设计原型并从工具里真正启动网站自身。”

如果不知道如何去学习web前端，我可以给你一些学习上的建议和学习方法

让你学习有方向的学习，少走弯路，提升学习效率

企×××××××鹅29　×××　35083562

趋势三：更加重视人工智能

你已经听说了人工智能AI，但是你对web前端开发设计中的人工智能熟悉吗?web与AI碰撞，带来更强大的网页，为网站主和用户同时带来价值。提供网络主机服务的 Wix，是这一领域的领头羊。他们现在提供了一个过程来询问用户一些问题，然后使用一个基于 AI的平台，根据用户的回答提供给用户最符合他们需求的 web设计。这非常酷，值得一看。

趋势四：更多单页站点

趋势五：虚拟现实

VR成为主流的一年，这也就意味着web开发者将通过VR来吸引用户，我们已经看到一些公司比如 Mozilla和 Google投资开发 VR与 Web之间的 API。越来越多的 VR应用程序将相继问世，所以如果看到越来越多的虚拟现实元素出现在 Web上，也别觉得奇怪。

是不是感受到了web的发展还是很有前途的！想学的就要抓紧哦~

早期对 React 的批评（通常批评其 HTML 和 JS 混合方式）现在看起来像是一个遥远的记忆，今年，Facebook 取消了他们的“专利”条款，度过了今年最大的一次危机。

由于使用人数和开发人员的满意度都达到了空前的高度，因此可以肯定地说，React 最受欢迎的前端库，至少目前是这样。

产品设计用什么软件 Mac的

Adobe Creative Cloud 全线产品均可开放下载（简称Adobe CC 全家桶），Adobe Creative Cloud 为多国语言版本，支持：中文，英文，韩文，日本等多国语言， 在安装的时候可以选择自己需要的语言安装。

下面，给大家简单介绍一下adobe全家桶。

想获取一下软件，上【风云社区】，搜索软件名字，即可查看下载

1.Photoshop

Adobe Photoshop，简称“PS”，是一个由Adobe Systems开发和发行的图像处理软件。

Adobe Photoshop CC 2019 for Mac 是 Adobe 公司历史上最大规模的一次产品升级，主要处理以像素所构成的数字图像，使用其众多的编修与绘图工具，对艺术作品的图像或数码照片编辑和操作，创建和增强照片、插图和3D图稿，设计网站和移动应用程序，编辑视频，模拟真实生活画作等。

使用独特的图案和吸引眼球的效果来完善您的作品，这里有让您的想法变成真所需的一切，深受广大平面设计人员和电脑美术爱好者的喜爱。

2.Illustrator

Adobe Illustrator，常被称为“AI”，是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。Adobe Illustrator CC2019是一款由Adobe公司设计的全球最为知名的矢量图形处理软件，是业界标准矢量绘图环境，可在媒体间进行设计。

Illustrator可以制作一流的插画，这是一款行业标准的矢量图形应用程序，可以制作印刷、web、视频和移动设备的徽标、图标、绘图、版式和插图。设计广告的专业人员都在用的软件哦。不仅有华丽的版式，而且操作方便自己也可以创建手绘图，或者导入描摹的照片通过上色让自己的作品呈现更好的效果。

Illustrator 图稿基于矢量，因此它既可以缩小到移动设备屏幕大小，也可以放大到广告牌大小，也可以为线稿提供较高的精度和控制，适合生产任何小型设计到大型的复杂项目。

3.Premiere Pro CC

最新的 Adobe Premiere Pro CC 2019 版本，版本号为13.0.1，简称PR CC，是一款强大的视频编辑工具，支持最新的 macOS Mojave 10.14 新系统，支持中文、英文等多国语言。

Premiere Pro CC是Premiere Pro CS6的增强版新增了许多功能，这款视频处理软件是电视节目或电影必不可少的视频处理软件，是视频剪辑师、游戏主播、还有视频爱好者的最佳选择。可以调整音频，还支持vr视频处理，从8k到虚拟现实再到智能收集-处理任何格式素材。借助业界最广泛的原生媒体支持和强大的代理工作流程，可以在任何计算机开始进行编辑-无论你的素材来自何处。

4.InDesign

最新 Adobe InDesign CC 2019 中文版本，版本号为14.0，增加了很多新功能，比如布局调整、属性面板、OpenType SVG字体支持等，亲测完美激活，支持最新的 macOS Mojave 10.14 系统。

别具一格的版面设计，只有InDesign做得到。对于平面设计的小伙伴可是爱不释手啊。可以制作海报、书籍、数字杂志、电子书、交互式PDF等版面，拥有专业的排版工具还具有时尚的版式和丰富的图形、图像和表格的多栏页面。

5.Lightroom

Adobe Lightroom Classic CC 2019 for Mac 版本，具体版本号是 8.1，新版本增加了大量新的功能以及性能改进，LR是一款Adobe出品的强大的图像后期处理软件，软件支持中文、英文等多国语言，支持最新的macOS Mojave 10.14 系统。

可能大家对此软件比较陌生此软件是专门对摄影爱好者所提供的照片处理软件各种滤镜、快速调整工具、还有易用模块轻松创作合你心意的照片，还有智能的组织功能，输入关键字就可以自动匹配到自己心怡的照片，功能强大是继ps后强大的照片处理软件，别看那些大神拍的照片很好看就觉得没有后期处理，可能有用到此软件哦。

6.Dreamweaver

Adobe Dreamweaver CC ，最知名的网页开发工具，快速轻松地设计、编码和发布在任何尺寸的屏幕上都赏心悦目的网站和 Web 应用程序，增加了经过重新设计的新式 UI、Git 支持等新功能。

使用Dreamweaver就可以做到，利用对HTML、CSS、JavaScript等内容的支持，设计人员和开发人员可以在任何地方快速制作并发布网页。有没有觉得很强大？强大的不止这一点还有智能编码引擎，轻松地创建、编码和动态管理网站，还有访问代码提示通过视觉辅助功能减少错误提高网站开发速度，还有可以利用自定义的模板去设置自己开发的网站，在每个设备上都可以自适应显示在外观上符合你的要求。这是网站开发人员不可少的软件啊~

7.After Effects

adobe-after-effects-ae-cc-2019，AE是Adobe公司出品的一款强大的Mac系统视频后期处理软件，用于2D和3D合成、动画和视觉效果制作, 2019中增加了原生3D深度效果、用于进行网格雕刻的高级人偶工具等新功能，兼容最新的macOS Mojave 10.14 新系统。

是一款由Adobe公司为Mac系统推出的视觉效果和动态图形软件，您可以使用 After Effects 创作一切内容。

是大多数被从事设计和视频特技的机构所使用，包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室。我们平常看见的电影、电视、视频和 Web 创作动态图形和视觉效果，都是由动画制作人员、设计人员和合成人员使用该软件所制作出来的。

炫酷的视频开头画面怎么来？After Effrct就可以。炫酷的开头字幕——制作动画字幕、片尾和字幕条，无论是旋转、轻扫还是滚动，After Effrct可以胜任可以通过无数中方式，让你的文字动起来，爆炸性的效果——让UFO划过天空，让徽标变模糊，Effects包含的数百种效果——给你无限可能。

adobe-incopy-cc-2019-for-mac，InCopy是InDesign的好伙伴，软件支持多国语言，中文、英文等，新增尾注支持、查找类似字体、OpenType增强等。

InCopy是一款字处理软件，文案人员可以设计文本样式，跟踪更改和对文档简答的版面修改，还可以编辑合作在InDesign 中处理同一文档-而不会覆盖对方文稿。

9.Audition

adobe-audition-au-cc-2019-for-mac，AU是Adobe出品的一款强大的数字音频编辑软件，可以创建、混合和设计音频，支持中文、英文等多国语言，支持最新的 macOS 10.14 系统。

Audition是专业音频工作站，你们觉得抖音里的洗脑bgm是怎么来的么？可能就是Audition制作的哦，音乐非常的带感身体都会不自觉的动起来。Audition功能很多包含用于创建、混合、编辑和复原音频内容的多轨、波形和光谱显示功能。这一强大的音频工作站在加快视频制作工作流程和音频修整的速度，并且还提供带有纯净声音的精美混音效果。

10.Animate

Adobe Animate CC就是原来的Flash Professional，除了支持Flash动画制作外，同时支持HTML5、SVG和WebGL等更安全的视频和动画格式，很强大的一款动画制作工具。

小编个人觉得利用Animate做的游戏画风非常好看，Animate不仅能够制作游戏还可以制作web的交互式矢量动画还有应用程序。制作出来的游戏让人的感觉是简约优美，而且支持导出多个平台（包括HTML5 Canvas、WebGL、Flash/Adobe AIR以及诸如SVG的自定义平台）想要制作这种风格的游戏设计师可以试试这款软件哦。

11.prelude

adobe-prelude-cc-2019-for-mac，Prelude 是 Adobe 出品的一款能够和 Adobe Premiere (PR) 或 Final Cut Pro 配合使用的一款视频编辑软件，可收录剪辑、转换素材代码、创建子剪辑标记和粗剪，非常强大的一款软件。

prelude是一种直观、高效的媒体整理和元数据输入而设计的视频记录和采集工具，可以快速标记和转码视频素材并快速创建粗剪。Prelude可以轻松转换到Premiere Pro，确保整个视频制作过程的流畅性。

12.Acrobat

最新的 Adobe Acrobat Pro DC 2019 Mac 版本，增加大量新的功能，支持macOS Mojave 10.14 新系统，这是Adobe公司出品的全新的PDF编辑创建工具，Acrobat DC 最大亮点在于可将纸质图片、文字迅速转化成PDF或文档格式，比如人们通过手机拍照，可让纸质版文字转化成电子版，用户可直接对文档进行修改，相比之前的Acrobat Pro XI, 新版本在使用上更加的简单，完美支持Retina。

平常看电子书的格式都是pdf格式的电子书，就是用Acrobat看的不仅可以在书上画重点，还可以添加书签当然还可以添加注释。也可以自己做pdf图文，不管是电脑、平板还是手机都可以使用哦。是不是很方便呢？

Adobe XD CC 2019 版本，具体版本号为13.1.31，支持中文、英文等多国语言界面，XD 是 Adobe 专门为用户体验（UX）设计师量身打造的第一款工具，全称 Experience Design CC，是一款矢量化图形设计＋简单原型制作的软件，类似于 Sketch＋Silver 的组合，很不错的一款原型设计工具。

14.Media Encoder

Adobe Media Encoder CC 2019 for Mac 版本，这是Adobe公司出品的一款强大的视频编码和解码工具，用作 Adobe Premiere Pro、Adobe After Effects 和 Adobe Prelude 的编码引擎。也可以将 Adobe Media Encoder 用作独立的编码器，支持中文、英文等。

15. Dimension

最新的 Adobe Dimension CC 2019 for Mac 2.0 版本，这是一款Mac上优秀的3D设计建模工具，是Adobe最新出品的3D设计软件，类似于C4D等3D设计建模软件，能够帮助设计师轻松创建逼真的3D图像，让 2D 和 3D 素材合成一个单一的场景更为容易，能够结合正确合适的灯光、景深、材质以及其他特性，使这些不同的组合达到非常不错的效果。

想获取以上软件，上【风云社区】，搜索软件名字，即可查看下载