2024年ppt创意设计借鉴网页设计新趋势 篇1
初学PPT制作的小白们可能对于商务风格设计有所疑虑
来通过这个小案例，看看专业设计师是如何通过页面、色调的搭配来营造商务风格的。
商务风格案例
1.1/BA展示
1.2/改稿思路
原稿采用了公司名首字母「X」里面嵌套了办公楼的图片，作为画面的主体元素，这样的创意是没有问题的，但是细节上的处理还可以更好。我在这里梳理了一下原稿PPT页面的一些问题和可以优化的细节：
问题一：画面小细节的PPT设计风格样式过多。
主要原因是文字加了阴影，旁边的图形加了绿色的外发光，背景色采用了一个灰色的渐变。我们在设计一个画面的时候要有一个概念，就是画面中所有的元素和样式的存在都要有它的意义，做到有理有据。比如：为什么要加这个阴影?为什么要加外发光?外发光的颜色为什么是绿色的?这些问题都有了恰当的理由我们再加到画面里才是没有问题的。
举个例子，我们在画面中添加阴影和外发光的原因可以是增加文字或图形的辨识度，或者是增加立体空间感，再或者是对修饰文字或图形起到一定作用。但是在这个画面里，它们的存在似乎没有起到这样的作用，反而让画面显得有些脏脏的，那就最好不要使用。
问题二：PPT中文字排版缺少对比。
主要信息和次要信息的层级没有拉开距离，LOGO和主标题大小一样，让用户的注意力没有聚焦点。
问题三：PPT页面字体。
通过粉丝给到的信息了解到一家从事司法服务的研发企业，研发企业在我个人的理解下，画面整体调性应该是现代感和科技感，如这个理解有偏差请多包涵。打造现代感和科技感使用黑体是没有大问题的，但是我们要追求细节的话，会发现其实黑体也分很多种。
原稿中使用的这种黑体，在笔画末端带有明显的「喇叭口」设计。这样的设计是有历史原因的，在数字时代到来以前，字体大多是为印刷服务，在黑体的末端加上喇叭口的设计是为了修正印刷效果保证印刷出来末端笔画形状的完整。而随着印刷技术的改善和数字时代的到来，「喇叭口」的设计失去了原本的意义，现在看来这样的黑体给人一种年代感。我们可以考虑将字体换成笔画更为平直的黑体，会更有现代感和科技感。
1.3/改稿步骤
我们使用「iSlide插件」的「统一字体」功能，轻松一键将中文换成更具现代感的微软雅黑，英文换成Arial。
然后根据文字和logo的主次关系，通过大小和粗细对比的方式，拉开层级。
选中「铉盈科技」文字，颜色改成蓝色，然后点击PPT顶部菜单栏上的「形状格式」>「文本效果」添加映像效果，提升氛围感。辅助文字插入一点小形状作为修饰和强调。
最后我们在画面右边，增加一个主体图形。我沿用了原稿的「X」图形，设计了一个具有科技感和视觉冲击力的效果。成品中看起来很酷炫的效果是用「iSlide插件」的「补间」工具实现的。具体操作如下：
1、我们准备好原稿中的「X」图形，将填充设置为「无填充」，描边颜色分别设置为#0066FF、#00FFFF，粗细设置为10磅。
2、我们将图形的两部分各复制一份，缩小到合适的大小，放在两部分中间。
3、接着一起选中大的和小的图形，点击「iSlide插件」>「补间」工具，将步数设置成1步，点击确定。另一部分图形做相同的处理，我们现在得到了下图的图形
4、我们将最外层和最里层的图形，颜色设置为纯黑色。接着选中最里层图形和中间层图形，然后点击「iSlide」>「补间」，这次我们将步数设置为10步，点击确定。现在效果就完成一半啦。然后再选中最外层和中间层，同样将补间步数设置成10步，点击确定。另一部分做同样的操作。独一无二的具有冲击感和科技感的图形就诞生啦。
最后用白色的字母加点小装饰，平衡了右边的色彩，科技感拉满，大功告成～
1.4/小结
我们在PPT页面设计中，画面上的每个元素的使用都要做到有它存在的意义，希望这个概念能对大家有帮助。
另外「补间」工具的的原理很简单，但是学会活用，它其实还能实现很多酷炫的效果，希望我这次的图形创意能对大家有启发，在以后的PPT页面设计中可以做到举一反三。
iSlide是一款基于PPT的插件工具
包含38个设计辅助功能，8大在线资源库超30万专业PPT模板/素材
更多PPT模板、技巧、课程，欢迎来iSlide官网了解：https://www.islide.cc/
现在下载并安装插件，注册登录即送7天免费试用会员哦~
下载地址： https://www.islide.cc/download
2024年ppt创意设计借鉴网页设计新趋势 篇2
从大到小，大概有这么三个层次：
1. 看风格。
2. 看排版。
3. 看元素。
来，给大家一一解释一下。
看风格
凸显风格最省事的方法就是使用一张同种风格的高清图片，当然为了保证画面的简约，最好使用杂色较少的图片。
另外，作为PPT主体内容的文字也需要相应的运用比划粗重的字体，用来彰显一种力量感。所以，在这个层次上，需要注意的就是图片以及字体的选取。
看排版
在看排版这个层次上，需要注意图文排版的方式以及所占比例。
看元素
首先需要说的是，什么是元素，或者说什么是设计元素？
其实上面提到的图片和文字就是其中的两种设计元素，但是他们影响的是大局，这里所说的是一些小的设计元素，像形状，图标，图标，颜色等等。
这样说还不能理解的话，仔细地去看案例中地第一页，特别是边边角角的地方。使用了什么颜色作为强调，使用了什么形状进行了点缀，使用了什么图标进行可视化。
主要你都能看到，并且可以灵活运用的话，这样的PPT页面你也可以做出来。
总结
优秀的网页设计可以作为PPT模仿的重要参照物，那么如何进行模仿，可以从一下三个层次去考虑：
1. 看风格。
2. 看排版。
3. 看元素。
看一下，根据办公资源页面进行的模仿。动手，试试吧，相信你也可以的。
2024年ppt创意设计借鉴网页设计新趋势 篇3
设计师必备的灵感网站大集锦，双手奉上，已做好分类。
因为设计师的专业分类很多，有室内设计师、平面设计师、工业设计师、软装设计师、UI设计、动效设计等，所需要的网站元素也不同，从灵感搜集、字体、配色、Logo素材，设计师门户网站等等这里统一汇总，整合国内外优秀设计网站，还用愁做设计找不到灵感、资源吗?
一、图片灵感素材网站
1 million+ Stunning Free Images to Use Anywhere
国外无版权图片素材网站，打开速度很快，图片数量多，还是免费！缺点是质量层次不齐，需要耐心检索。
2、 Awesome Wallpapers - wallhaven.cc
这个网站绝对是业内良心，超多高清图片素材，壁纸级的图片。
3、 Beautiful Free Images & Pictures | Unsplash
Unsplash的图片质量同样很高，很多都是摄影作品。除了不可以将图片转载到其他图库外，可以自由使用并且无须标示出处来源。
4、 Gratisography - Free High-Resolution Photos
一个摄影师的个人网站，很多夸张风格的图片素材，包括人物风景等等，想要找一些“震撼”的图片，不妨来这里看看。
5、 Free stock photos · PexelsFree stock photos · Pexels
也是一个非常老牌的国外图库了，各种尺寸比例的图片都有，但是好图片也需要大家仔细去淘。
二、字体设计网站1、VAU Fonts
英文艺术字在线生成只需将英文字母输入至文本框内，可以调整样式，颜色，间距等等，简单实用。
三、平面设计网站
1、designspiration.com/
帮助用户发现和分享世界上最伟大的设计资源，采用瀑布流的展示效果来展示每天都会更新的设计资源，只要收集的内容有建筑、插花、平面设计、创意组合等图片资源。
2、ollymoss.com/
这是一个平面设计师必备的网站，平时也经常去逛，里面收录了很多优秀的海报，作品都很优质，点击相应的海报，会列出该海报的介绍，来源以及作者
3、arting365.com/
Arting365”是一个关注全球设计影响力的媒体平台，依托于全球设计文化对各个领域的影响，及庞大和活跃的用户群表现出极强的互动性，用不同的观点，出色的内容，聚焦全球设计文化资讯
4、voicer.me/
VOICER是一本分享生活美学的在线杂志，它是由一群广告人、媒体人、设计师共同创办的，你可以在网站上看到很多与设计相关的新颖观点、新鲜资讯。
5、mydesy.com/
台湾灵感创意资源网，有点类似于咱们的UI中国，是一个集合了个多种设计品类的交流平台，在台湾本地，号称是找灵感仅用这一个网站就够了。涵盖了素材、网站、影片等。
6、freepik.com
Freepik——一个超良心的免费图片素材网站！，于2010年推出，用户可以免费下载Freepik分为矢量图、psd模板、icon、高清素材图、会员专区等素材。
7、theultralinx.com/
TheUltralinx这是一个具有创新性和创造性的移动用户界面UI模版分享博客网站，汇集了众多的优秀设计作品，包括安卓、iOS、Windows、WEB等设计作品，多数作品都是由设计师们提交上来的。
8、artemperor.tw/
非池中艺术网是台湾最知名的艺术网站，也是台湾最多人看的艺术网站，关注国际艺术动向，提供即时艺术新闻、艺术展览、艺术影音报导。看非池中艺术网，认识艺术、掌握艺术时事与各地展览。
9、magdiellopez.com/
一年365天，每天坚持出一张海报，产量颇高！上面的风格独特，色彩绚丽，创意俱佳。
10、优设网
上面有许多的设计干货，现阶段属于免费阶段，缺点可能就是没办法登陆收藏自己想要的干货，不过收藏网页也是一样的
11、Adobe Create Magazine，
Adobe的官方站点，有很多的国际顶尖PS大神都会在这里分享自己的作图过程。
12、像素蜜蜂
国内正版图库，但是，emmm，非免费
13、图虫创意
也是一个正版图库，同样的非免费
14、FOTOR懒设计
比较适合偷懒的时候使用，不用开PS，可以直接在线设计
15、UI中国
一个比较优秀的设计分享网站，可以在上面看些大牛的UI设计
四、图标类
1、Icons Archives - Freebies Gallery
生活、工作、社交、旅行等小图标
2、Free PSD & Graphics, Illustrations
各种实用的小图标应有尽有，游戏音乐，以及杂七杂八的小图标，在这里可以找到。
3、、Iconfinder - 1,575,000+ free and premium icons
小图标是有的，看你需不需要。
4、 Iconfont-阿里巴巴矢量图标库
数量非常多，还支持批量下载和在线修改颜色。
5、Icon Font, SVG, PDF & PNG Generator
这个网站支持一键批量下载、转化为字体文件，但是数量没有前面两个网站多。
6、 iconninja.com
包含了近10万免费图标素材的搜索引擎，各种类型的图标素材都有，并且尺寸格式也都很全。
7、human pictogram 2.0 (無料人物 ピクトグラム素材 2.0)
来自日本的免费火柴人图标素材网站，各种姿势各种动作的小人可以下载，缺点是只支持英文和日文搜索。
五、灵感类
1、behance.net
2、dribbble.com
3、abduzeedo.com/
4、thefwa.com
5、awwwards.com
6、artstation.com
7、designspiration.net
8、booooooom.com
9、trendlist.org
10、ello.co
11、huabanpro.com
12、pinterest.com
13、zcool.com.cn
14、gtn9.com
15、scene360.com
16、bestwebsite.gallery
17、365awesomedesigners.com
18、theinspirationgrid.com
19、thisiscolossal.com
六、室内设计
1、美间
优点：中文版本，软件的服务器在国内访问速度快，国内的单品能找到品牌供应商；
缺点：高质量的图少，软件不够流畅，功能不够强大；
2、board
优点是：灵感图片多，可手机上搭配方案，操作流畅；缺点是：不落地，英文版本使用略不方便；
3、neybers
4、AD安邸
5、德国室内设计网
6、pinterest （现需要翻墙）
7、inspirationgrid
8、behance
七、配色网站
1，Color Hun
2，uiGradients - Beautiful colored gradients
3，http://nipponcolors.com/-日本的，不要太强
4，配色工具-专业的配色工具大全-千图网www.58pic.com-挺好用的工具
5，Colours-可以查看其它网站配色
6，The Color Scheme Designer
7，Free Gradients Collection by itmeo.com-关于渐变
八、配图素材网站
1、visualhunt.com/
包含了3亿张图片，而且能免费下载，都是一些高清摄影图，采用和花瓣一样的信息流模式，浏览起来毫不费力
2、imcreator.com/free
界面做了分区块处理，可以很快速地根据类目搜索自己想要的图片，图片涵盖范围很广，有高清摄影图，也有很多排版模版可供参考
3、nos.twnsnd.co/
非常有格调的老照片网站，还有一些具有时代感的插画，部分下载需要付费
九、矢量素材
1、HD png images and illustrations. Free unlimited download.
最喜欢的一个PNG图片素材库，网站有近30万张图片素材，并且虽然是国外的网站，但是图片下载速度非常快。
2、PNG images with transparent background
同样是国外的网站，一个拥有近5万张PNG素材的图片库，素材完全免费并且在首页就设置了清晰的分类。
3、unDraw | Colorful illustrations
素材的风格样式比较统一，支持修改颜色，支持下载SVG格式。
4、 Freepik - Free Graphic resources for everyone
超大型的矢量素材手机网站，支持分类以及搜索，大部分素材免费可商用，但缺点同样是好的素材要花时间找。
5、千库网（千库网_免费png图片背景素材下载,做设计不抠图）
6、 PNG images | 70,000+ Transparent Free PNGs | Cossyimages Ltd
7、 Millions of PNG Images, Backgrounds and Vectors for Free Download | Pngtree
8、Stickpng.com
9、Download Transparent Free PNG Images
十、资讯类
1、voicer.me
2、topys.cn
3、hypebeast.cn
4、wallpaper.com
5、vice.cn
6、japandesign.ne.jp
7、designmattersmedia.com/
8、simple-style.com
9、theultralinx.com
10、mymodernmet.com
11、weandthecolor.com
12、creativereview.co.uk
13、designfacts.org
14、aotu.io
15、artupon.com
16、99u.adobe.com
17、design-milk.com
十一、视频素材
1、 Extraordinary Free Stock Footage & HD Video Clips
超级良心的免费视频素材网站，一键下载并支持预览，做视频或者是作为PPT的动态背景都能使用。
2、 https://www.pexels.com/videos/
3、 Free Stock Video Footage & Motion Graphics Download HD & 4K 、
4、 https://www.vidsplay.com/十二、LOGO&ICON类
1、instantlogosearch.com
2、thenounproject.com
3、logobook.com
4、iconfinder.com
十三、纹理背景
1、Subtle Patterns
一个经典的纹理素材网站，样式多品质高，点击图片即可预览效果。
2、 Welcome to nginx!
非常小清新的一个素材网站，纹理样式多，提供了瀑布流的预览方式，同时也支持直接搜索。
3、Pattern Library
数量不多，但每个都是精品。默认提供大图预览方式，点击右侧的功能键也可以查看全部的纹理图案。
2024年ppt创意设计借鉴网页设计新趋势 篇4
今天和大家分享几个文字相关的创意PPT排版小技巧，操作简单，还能快速提升PPT页面设计感，希望对大家有所帮助：)
01、文字渐隐
我们进行PPT制作的时候，比较习惯通过使用一些素材来提升整体美感，今天就另辟蹊径，讲一讲如何仅用文字“大做文章“，提升PPT的设计感。
先看一下渐隐文字的案例效果：
想要达到这样的效果，首先第一步，在插入文本的时候，先以手动的方式，一个字一个字的输入。
接下来，我们选中所有文字，同时将文本设置为渐变色。
设置完成后，我们只需要调整一下每个文字之间的间距，让文字层叠在一起即可。
到这一步，可以说已经简单拥有了一个具有层次感的PPT封面。如果觉得略显简单，可以打开iSlide图片库，根据所处行业、PPT风格类型选择一张适合的配图来进行装饰。
如果想让页面更加具有一点设计感，我们可以对文字和图片素材再进行一点加工。比如下面这张图片，我们可以使用PPT插件自带的删除背景功能，让它只保留图片的主体部分。
但是我们可以发现，PPT自带的删除背景功能在自动识别主体的时候并没有那么精准，常会出现一些删多删少的情况，这时候就需要我们手动去标记要保留或要删除的区域。
如果不怕麻烦的话，可以人工慢慢调整，那么有没有更好用的工具呢?remove这个宝藏神器我已经说倦了，直接看效果：
处理好图片以后，我们在将文字调整为渐变，然后按照常规的左文右图的方式进行PPT页面排版：
如果看腻了这样的排版方式，思考一下，有没有其他更好的排版方式?
给大家提供一个前后遮挡式的排版技巧，让文字“藏”在月亮后面。我们可以惊奇的发现，当文字和图片融合在一起时，整个画面看起来更加浑然天成，不仅主题突出，图文结合的也更加紧密。
具体制作方法：
1.将所有文字置于底层
2.不改变文字的渐变颜色，从左到右分别设置文字的渐变角度(360°、360°、180°、180°)
3.绘制和月亮等大的圆，设置从左到右的渐变填充作为蒙版，这样做是为了降低图片原本的亮度，保证阅读的顺畅
像这样的渐隐效果，我们还可以用在目录页、过渡页和结束页上，使其成为一套完整的PPT主题。
掌握了制作方法和排版思路以后，我们就可以根据自己的需要随意发挥和延伸了。哪怕是用着最简单的文字渐变，也可以做出不一样的创意版面，再没有其他装饰元素的“辅助”下，这个技巧也可以帮助我们做出吸睛的PPT。
02、文字拆分
如果觉得文字渐隐效果略显普通，想要再加料升级一下，那么可以试试文字拆分。先看一波PPT制作案例：
通过上面的案例，我们可以发现对文字本身进行设计也是一件非常有趣的事情。先对文字进行拆分，然后再通过拼接、变形、组合等方式，原本平平无奇的文字也可以被玩儿出花来，创造出许多的充满创意的版式。
好，就让我们通过一个案例开始学习吧!
首先是制作拆分字，新建一个矩形，置于文字上方。然后将矩形和文本全选，在合并形状工具中选择拆分。拆分完成后，删除多余的元素，文字就被拆分开来了。
拆分完成后，我们就可以单个的文字部分进行任意调整了，比如改变它们的颜色、大小、透明度、模糊度等。
最后，我们看看文字拆分的效果：
是不是超级简单并且还创意爆棚?在这个基础之上我们还可以加上一点动画，做个延伸：
具体制作方法：
1.把拆分的文字随意调整为不同的大小，散布摆放在页面任意位置
2.将所有文字填充的透明度更改为80%
3.插入一个新的文本，并为文本添加【缩放】和【淡化】动画，开始时间改为【与上一动画同时】，持续时间改为1s，操作如下：
03、文字遮挡
同样的，我们先看一波PPT案例：
通过上述案例，就不难理解遮挡设计到底是个什么东西了。它就是利用素材将文字内容一部分遮挡起来，然后打造出层次分明的视觉效果。像这样的PPT设计方法，看似具有难度，但实际制作方法却非常简单，因为呈现效果精美，所以在P圈也一直很受欢迎。
以这张PPT页面为例，我们来拆解一下文字遮挡的具体制作方法：
首先，我们拆解一下这页PPT都有哪些层次?第一层是一张带有背景的建筑图片，第二层是文字，最上层是没有背景的建筑图片。
看了层次构成，是不是也觉得文字遮挡设计一点都不难了?其中唯一值得花点时间思考的部分就是，如何获取最顶层的透明素材(其实也就是png格式图片)?
两个简单的方法：
方法一：使用PPT自带的删除背景功能或者快捷工具remove快速抠图，获得透明素材。
这个方法在文字渐隐部分已经讲过了，实际运用也就是将抠出的图片，盖在文字上方即可。
方法二：使用幻灯片背景填充。
下面这个案例，我们发现文字被图片中的公路给遮住了：
如果用方法一，我们很难通过抠图得到公路部分，因为这张图片的背景颜色复杂、主题不清晰，抠图更适用于背景颜色简单，主题突出的图片。
那么现在就可以用到幻灯片背景填充这个方法了。根据背景图片，使用形状工具中的任意多边形或曲线勾勒出遮挡部分的轮廓，再选择填充-幻灯片背景填充，设置完成后，只要保证勾勒的轮廓能够盖在文字上方即可。
是不是非常神奇?
上述两种方法都很好用，除了可以用于制作封面页，我们还可以结合一些金句，用于制作结束页和过渡页。
比如下面一句话：
我们先根据语意，然后找到一张贴合主题的图片，再用上述方法，将文本也图片融合，做出遮挡效果，最后轻轻松松就可以得到一页这样的PPT。
04、立体文字
话不多说，还是先看案例：
虽然是纯文字设计，但是看起来PPT却带有一种科技幻影风，整体视觉效果看起来非常不错。熟悉PPT的朋友，应该都已经比较熟悉该如何制作这样的效果了，仅用一个简单的补间功能就能搞定。
还是先大概讲解一下，什么是补间动画呢?
简单来说，就是由电脑自动生成两个元素之间的自然过渡状态，类似于F4和ctrl+D功能，这种自动运算包括了形状的大小以及颜色(包括渐变和透明)等。接下来我们以一个案例，看看如何使用补间动画。
首先，我们先输入数据文本，再文本效果中，选择三维旋转-顶部朝上：
然后，我们再复制两个同样的数据文本，再分别设置文本填充和线条参数，作为补间动画的“起点“和”终点“：
接着，我们打开iSlide补间，选中“起点“和”终点“，根据自己的喜好，设置一下参数，点击生成：
iSlide补间动画教程，一键制作创意文字
选中所有文本，让其居中对齐，设置为无填充，再将最原始的数据文本盖在顶层：
最后，用同样的方法，我们再绘制一个不同颜色的数据文本，加上一点其他装饰，就得到了一个具有立体感的PPT页面：
今天的PPT 制作教程就到这里啦，大家快去动手试试吧。
iSlide是一款基于PPT的插件工具
包含38个设计辅助功能，8大在线资源库超30万专业PPT模板/素材
更多PPT模板、技巧、课程，欢迎来iSlide官网了解：https://www.islide.cc/
现在下载并安装插件，注册登录即送7天免费试用会员哦~
下载地址：https://www.islide.cc/download