- ?
「PPT中多个LOGO的页面设计小窍门」(求赞收藏级干货贴)
小干探
展开
不知道你有没有遇到过这种情况,领导下达任务,某项目需要做一个企业合作宣传推广汇报用的PPT,本来PPT就不太会只能硬着头皮做了。
打开文件夹一看一堆的LOGO图片,有些甚至模糊的不行简直不能用了,有些还缺失了要自己网上找。
怎么办?只能呆呆坐在电脑前一脸懵B恨不得掀桌,一股淡淡的忧伤有木有......
其实并不难,今天就来教大家快速美化PPT多LOGO 页面的方法:
怎样提取LOGO?
有些LOGO因为清晰度不足或需要自己网上查找的时候,怎样能快速找到高清的LOGO呢?
提取LOGO方法(1):另存为法
一些比较大型的企业会在百度百科或百度图片有图册,在图片上点击右键就直接下载了
提取LOGO方法(2):剪裁法
使用QQ或微信截图,ctrl+alt+a即可框选需要截图部分并保存下来。
提取LOGO方法(3):源文件法
到企业官网到品牌的官网上检索元素通过源代码提取。
LOGO清晰度和来源的问题解决了,那我们现在就开始进入今天版式方面的正题吧。
开始前,我们先来谈谈LOGO页面设计的丑常见的四种情况:
第一:LOGO的尺寸没有统一,摆放的位置没有遵循对齐和网格拘束率的原则。
第二:配色脏乱不美观。
第三:图版率低留白少
第四:缺乏创意
思考一下:平时在设计的时候有没有注意到以上几点问题?该怎样避免?
把全部的logo图片都插入到PPT内,我们就得到了一个最原始的版本。
细心的可以发现,LOGO的大小比例没有一个统一的标准需要我们去调节和裁剪一下。
这里就涉及到了一个专业的知识点:格式塔理论
整体的统一感知:大脑会将复杂的视觉内容简化为容易理解的整体,如图(下图来源:优设网)所示;
需要深入学习这个知识点的同学可以查看这个网址:@优设网 http://uisdc/gestalt-psychology-knowledge
我们可以通过开始-排列-对齐的功能选项里进行LOGO对齐和调整间距,也可以通过辅助线进行对齐,但是这只能达到一个初步的物理平衡,还需要自己手动用肉眼来判断大小间距的微调。
那么我们就能得到一个初步排版的效果,这种直接排版,如果排列的整齐规律还是不错的。
但是有时候会因为LOGO的颜色各异,而且长度大小不统一,影响了画面的美感。
解决方案:加框法
那么我们来加了方框色块后的美化效果:
值得一提的是,借助PPT里的islide插件(有需要的可以到官网下载)里面设计排版功能中的矩形布阵可以快速实现方块的间距布局。
我之前写过的一篇问答有介绍过这个插件:https://wukong/question/6396957298685640962/
那还有没有别的好看的设计推荐呢?
方形:
圆形:
黑白无框风-中灰色LOGO和反白LOGO的设计(PPT工具栏选择格式-颜色-饱和度即可进行调节)
多边形
色块半透明
在 huaban/ 里面搜索「品牌合作ppt」或者「LOGO墙」会有很多参考版式。
希望回答对你能有所帮助。也欢迎各位转发点赞,我的坚持用心有你的一份鼓励。
我是汤帅,知名PPT定制设计师,职场技能优秀回答者,公众号「汤帅」,微博:「汤帅同学」。学点新鲜有趣的职场技能,关注我准没错。
- ?
UI设计师年终总结:看见比技法更重要的东西
凌青
展开
本文作者结合自己这一年多的工作经验,来谈一谈UI设计师在初入职场需要看见的比技法更重要的一些东西,希望给你一定的帮助。enjoy~
一年时间过去,又有一些小年轻即将冲出校园,又有一些设计师将成明日黄花。
刚毕业的前几年对于一个人的职场生涯来说是非常重要的一段时期,是奠基性的一段时期。曾经听一个很有经验的设计师说过,不仅仅在于外部环境,你对第一份工作的态度以及热情会在很大程度上影响到你今后对工作的认知,所以第一份工作是至关重要的。
以下我就结合自己这一年多的工作来谈一谈UI设计师在初入职场需要看见的比技法更重要的一些东西,借以给后人警示吧。
不要被浮躁的时代带偏
在这个时代中生存,我时常感觉到焦虑。每天在需求之间疲于奔命,做着差不多的工作,终日忙碌却也总是庸碌;每天都会有新的词汇出现,隔一段时间设计风向就会变上一变,每天都要拼命地学习,才能看上去不被这个时代抛弃,然后再拼命地忘记。日复一日,循环往复。
相信很多设计师遇到过或正在经历一样的困境。尤其是初入门的设计师,经验尚浅,想要学习却不知先学哪里,听说最近C4D比较火所以学个C4D,听说设计师也要懂点代码所以学点css,听说最近全栈设计师很火所以我要啥都懂…但是为什么学了这么多却感觉越学越乱?
这是一个浮躁的时代,不要被这个时代带偏。
「全栈设计师」这个名词刚出的时候,一时间万人空巷,仿佛人人都成了全栈设计师,然而我们的工作并没有发生多大的变化,只有雨后春笋一般绝地而起的新培训班;当大多数人都在绘制2.5D插画、用C4D制作出一些绚丽得撩人的海报的时候,仍然有一些人坚持在自己的风格领域磨砺。我们总是什么都想学,什么都想要知道,却最终什么都只能触到皮毛。
并不是说你不是全栈设计师你就没有了出路,作为设计师,最重要的是了解自己,要有自己的设计风格和独一无二的设计价值观,建立起自己的价值壁垒,创造不可替代性。而你的价值壁垒一定不在于风口上的一些名词,而在于手中的工作,眼中的世界,对细节的琢磨,对问题的思考领悟,对规律的归纳总结。
工作管理很重要
在工作中有些地方容易被忽略,例如对自身工作的管理能力。我一直相信的一点是对全局的把控和规划能力并不是一蹴而就的,并不是说一个设计师20岁做的是搬砖的工作,30岁就可以理所应当地做管理的工作了。有很多人即使到了那个年龄,即使经验丰富,但是在管理上面还是有很多问题,这说明他最基础的,从一开始对自身的管理就没有做好。所以我认为,如果你在十年后想要成为一个管理者的角色,在当下就应该一步一个脚印做好对自己的工作管理。
或许是因为笔者所负责的产品和团队协作有关,所以我会花许多时间去研究适合自己的工作管理以及团队协作相关的一些软件。遗憾的是对于自身的工作管理这一块还没找到特别符合我心智模型的产品,目前只是在印象笔记中列表整理,追踪的内容有:项目、负责人、每日进度、周进度、已完成的设计(需要进行复盘)。
有些设计师可能会觉得这些细碎的琐事为什么还需要专门的软件来管理,为什么还需要专门的协作应用来进行沟通。有这种想法的需要要警惕自己有可能正在成为一个不愿意学习新事物的人。
曾经我也仗着自己记忆力好,上司给的项目可以铭记于心,所有的细节都不会遗漏,但是工作久了就会发现,这个会随着你接受的信息越来越多,年岁的增长变得力不从心。我开始在小本本上记下这些,开始在记事本里记下这些,开始寻找适合进行工作管理的软件,让自己的工作更加有条理,让大脑释放出一些空间去做一些更重要的事情。
也有些设计师可能会觉得自己宁愿花更多的时间去做好设计,而不是研究这些虚的东西。但实际上增强自己的软实力能让自己更具竞争力。
就如《google工作整理术》一书中提到的:
“解决问题的办法不是更加辛苦地工作,你本来已经够辛苦了。你真正想做的是更加巧妙地工作——利用现有的工具和技术,绕开社会强加给我们的种种制约。”
建立自己的知识体系
自问自己长久以来也看了不少的书,遇到一些实际问题却很难用自己学过的知识去组织和表达;而且随着年岁渐长,少年时过目不忘的本领退化成了过目就忘;渐渐觉得自己每天做着差不多的工作,没有办法学到新的东西……
因为这些问题我曾经很焦虑很迷茫,但渐渐发现这一系列的问题都出自于自己没有一套学习、组织、记忆的方法,思考问题也很表层,半知半解囫囵吞枣。在了解到这一点之后突然感觉自己的世界豁然开朗了。我在想,若是我一直没有参透这一点,或许工作再久,我都没办法获得更多成长。
在发现这一点之后,我开始结合自身的情况尝试建立知识体系,并使用思维导图来进行梳理。这个知识体系一定不会是永恒不变的。需要根据行业和自身的变化进行动态调整,并且不断往其中注入新的内容。
并且我开始把自己曾经忽略的东西一点点捡起来,开始深挖工作中遇到的一些小细节,从中获益匪浅。比如说:因为应用中控件体系混乱,和交互设计师对接出现一些问题,开始研究组件控件体系和android、iOS的规范,虽然之前也有研究过,但还停留在一个比较浅的层面;因为签到web端页面缺少规范遇到的问题去开始研究ant design和element,并且仿照着出了一份签到web端的设计规范;因为要做工作汇报的文本排版而去研究了提升文本可读性相关的行高、段间距、对齐方式、颜色对比度等等要素。透彻地研究,思考,组织,将它们注入我的知识体系,最后表达,分享,最终沉淀为自己的东西。
可以去学习和思考的东西很多,任何一个小点都可以深挖,甚至是一篇文章里的一个名词。经常可以看到一些设计大v在设计网站上发的文章其实说的也是一些非常小的点,这些小点或许都是我们在设计中遇到过的问题,但他们能从这些细节中发现问题,总结出一些规律,同时还能梳理出一篇文章,讲的是鞭辟入里头头是道,而你却只能在一旁想不服却又不得不服,根源就在于你没有细心观察过,也懒于去理解、思考。
与其花时间看很多篇知乎,不如自己动手写一篇文章。与其花时间去做一份华而不实的年终总结,不如好好对手中的各个项目进行总结和归纳。日常工作中碰到的坑是比一个好看的界面要宝贵得多的财富。
不忘初心,方得始终
记得很久前的转正评审上有个评委问过我一个问题:“为什么会想要做这份工作?”
“看到有人在用你设计出来的产品,是一件非常有成就感的事情。”这是我当初的回答。
如今,几百个日子过去,经历过焦虑、麻木这样无数杂陈的情绪后,有一天,一个在北京工作的大学室友跟我聊天时候提到:“豆丁,那个加班签到是不是你们做的,我朋友圈里有个人经常分享。”
听到这句话的一瞬间,我感觉到了一种跨越时间空间的成就感,这种感觉真的很神秘。
当时还有另一个评委问了我一个问题:“你才工作几个月,为什么ppt上面写着「设计道路艰险」,你经历了什么让你写出这句话?”
“这指的只是我内心对我自己的设计的一种要求。”这是我当初的回答。
如今,一语成谶。在工作中真的遇到各种各样挫折:因为不熟悉业务而踩的坑、因为职责范围不明晰而背的锅、因为技法所限画不出的想法、因周遭变动而产生的焦虑、被盗用的工作成果、反复修改的设计稿、不负责任的队友、职场关系、工资倒挂。而我也一直在寻找答案。
在那份转正答辩ppt的最后一页上我写了这几个字「不忘初心,方得始终」。
如今,身边有很多交互设计师从前做的是UI设计,也有UI设计师正在转岗,也有同事内心蠢蠢欲动。我想说的是,不论做的是交互、UI、甚至是产品,只要不忘记当初为之兴奋为之努力的那个初心,就不会失去不断向前的勇气。
本文由 @ janedaring 原创发布于人人都是产品经理。未经许可,禁止转载。
题图来自 Unsplash,基于 CC0 协议
- ?
网页设计常见10大问题
童难敌
展开
大规模的可用性研究揭示了今天最常见和最具破坏性的网页设计错误,它们并不令人惊讶或新奇,而是持续不断的损害网站的可用性。
自1996年以来,我们一直在总结网页设计十大问题的列表。今年,我们完成了一个大规模的可用性研究,在美国和英国有215名参与者,看看今天的网页设计错误是什么。
在分析从小型本地企业到娱乐场所,非营利组织到全球组织的43个站点的结果后,我们确定了10个最常见和最具破坏性的网页设计错误,这些错误对用户造成了伤害。(通过伤害他们的用户,这些设计缺陷绝对也会损害网站的商业指标)
这已经不是大新闻了,今天最重要的问题都不是新的或令人惊讶的。网页设计已经走了很长的一段路,但是这些一贯的问题依然存现代设计模式和美学改变,潜在的用户需求保持不变。用户仍然需要查找信息,能够阅读信息,并知道要点击的内容以及它所在的位置。
1. 想不到内容的位置
人们使用它们找不到信息,许多网站提供的类别名称不完整,没有充分或准确地描述其中的内容,其他的安排是基于公司而不是用户对内容的想法。当网站结构不符合用户的信息组织方式的心理模型(mental models)时,人们无法找到他们需要的东西。
让用户参与创建你的网站结构,一些可用性工作(如卡片分类,决策树或可用性测试)可以在创建一个对用户有意义的网站结构方面发挥很大的作用。
ATT:有关旧手机交易的信息是在现有客户下,但用户在智能手机下查找。
2. 相互矛盾的连接和导航分类
当用户不能清楚区分相似的导航类别或链接时,他们很难找到恰当的内容路径。类别和链接名称本身需要有自己的涵义,同时也应该与站点上的其他选项结合。如果多个部分或页面可以满足特定的信息需求,用户必须探索每一个路径或努力做出最好的猜测。或者,他们可能会转向搜索甚至离开网站。
BAM建筑网站上的用户希望了解建设项目的细节,但不确定这些信息是否属于关于我们,公司业务,或者公司技术,大部分是从我们的产品开始,但该部分包含了组织为客户提供的工作类型的概述,而不是项目细节,项目信息和案例研究是我们的技术特色。
卡片分类和可用性测试有助于避免重叠类别名称,链接太相似的问题通常源于糟糕的内容策略。
造成这些问题的两个可能原因是:
标签相似:链接导致内容不同,但由于某种原因,它们有相似的标签。如果是这样的话,试着重命名你的链接来区分它们。内容区分性差:如果高度信息相关的链接指向不同页面,解决方案可能不是重命名链接,而是重新组织和合并内容。
3. 信息孤岛
有些站点上的信息比较碎片化,分散在站点上,它们之间几乎没有连接。
当用户发现一个没有相关信息的信息孤岛时,他们没有理由认为网站的另一个区域提供了补充材料。如果用户需要更多的信息,他们会到竞争对手的网站或搜索谷歌。
试图重新访问信息的用户可能最终会选择在站点的另一个完全不同的领域,对内容的看法不同于第一次体验。那些找出不连贯信息的信息,拼凑起来。无论哪种方式,他们都对网站留下了负面的印象。
从组织的角度来看,这不仅是用户体验的失败,更是内容管理的噩梦:站点的某个区域的信息可能重复、不同或甚至与其他地方的信息相矛盾。
解决方案之一是在提供相关信息的页面之间添加相关链接,一个更好的解决方案是考虑为什么信息分散在整个网站,挑选适当的时候,并选择最佳位置。站点的其他区域可以引用关于该主题内容的位置,而不是复制信息。
4. 重复链接
即使用户已经知道他们所需要信息在网站中的位置,但他们依然可能会遭受意外或者漫长工作流的阻碍。
Web团队经常会问,要获取内容需要多少点击。没有确切的数字(no magic number), 点击质量的重要性要远远大于其数量。当用户在点击页面时应该更接近信息目标,用户在选择他们想到东西时需要重复的点击,这会一次又一次的激怒客户,并让他们进行了不必要的努力。
团队构建页面有时候会闭门造车,从而没有考虑到创建内容的流程。创建新页面时,要考虑用户如何到达那里并思考是否还有更直接的路径。
纽约市政府综合网站:让用户感到沮丧的是当点击寻找消防站(Find a Firehouse)链接时,只能在下一个页面中再点击一次拼写都不一样的链接。
这种偏见也恰好说明了人们为什么忠诚于特定的产品、服务、网站或其他工具。我们会冒险使用其他可能更好用的方法,也可能会继续使用已经尝试过并且靠得住的工具。
5. 隐藏费用和价格
人们想要了解价格、订购费用、服务费用以及流程开始之前或之后的额外费用,在一些网站中用户进行复杂的操作只为了寻找基本的信息,例如:他们不得不尝试在AARP网站上购买会员 ,这样才能查明会员费用,用户应该要在进行复杂操作之前就能找到到这些信息。
6. 在小型网站中搁浅用户
为部分或者特殊内容单独创建的网页、次级页面需要谨慎的处理这些网站上的用户。在我们的许多研究中,当参与者没有主动的跳转到了一个新的站点或者子站点,然后努力的想要回到父站点,但是该站点并没有提供返回选项。
有些人能够通过多次使用浏览器的“后退”按钮或重新输入网站的网址来导航到父站点,但是许多人甚至没有注意到他们已经切换了站点(因为父站点和子站点的外观和感觉相似) 并且很疑惑为什么他们以前使用的导航消失了。
在创建一个单独的子网站之前需要再三考虑,确保用户可以根据需要轻松导航回到父站点。
英国红十字会主站(redcross.org.uk – 上图)及其培训网站(英国(redcrossfirstaidtraining.co.uk -下图))看起来非常相似,使用相同的LOGO链接到每个网站各自的主页 ,以及相同的第一个导航类别(我们做什么(What We Do))。寻找急救课程的用户被引导到了培训网站,并在试图返回主站点时迷失方向。
7. 糟糕的搜索结果
当用户确切地知道他们在寻找什么的时候,用户会选择搜索作为最后的手段。在任何情况下,站点都需要通过提供强大的搜索结果来支持用户。
不幸的是,网站搜索功能仍然是许多网站的主要弱点,有些站点的搜索结果与用户的查询不匹配。此外,有些搜索结果展现的只是网站的一部分内容而已,不会清楚的向用户展示所有的搜索内容。
搜索结果名称不全或者附有无用的摘要,会让用户不由的猜测链接背后的内容。散布在网站搜索结果中的广告也会让用户感到讶异,这些广告会让他们头也不回的离开网站。
定期查看搜索日志,了解更多有关用户的搜索行为和搜索引擎成功与失败的信息。使用网站内容标签和网站搜索工具的功能,如“最佳匹配”,会搜索出针对特定查询的最适合的结果。
8. 不完美的过滤器和功能模块
功能模块和过滤器通常能提高用户体验,利用它们,用户可以将搜索范围缩小到所需的资源、产品或内容。然而,简单地添加功能模块和过滤器并不能保证得到更好的可用性,这些工具需要支持真正的用户和真正的用户需求。
功能模块和过滤器定义了用户的搜索范围,不同的筛选条件在不同地方也能给用户提供不同的帮助。
假如:专门关注上星期二 ”关于可持续性” PPT演示文稿的员工,可以用文档类型和日期来缩小搜索范围,也可以通过搜索主题来找到内容。一个电子商务网站可能希望买鞋子的客户通过鞋跟高度来缩小购买范围,而购买外套的客户则希望通过衣服特定的保暖等级,来缩小自己的搜索范围。
当网站尝试采用几乎一刀切的方法时,网站所使用的“分面导航”(facets)和过滤器就会存在缺陷。相同的标准和特性可能不适合所有的内容类型,要谨慎地将用户的选择限制为二选一或者接近二选一。
购买家具的人可能在找蓝色的椅子,或者他们在找蓝色以外任何颜色的椅子(个人理解:前者是目标明确,我就要蓝色的椅子;后者是我想要椅子,但是没想好颜色,同时我不喜欢蓝色),这两个需求都应该得到支持。
给内容打的标签必须正确且可靠,这样用户搜索时才能得到相关的结果。例如:在美国退休人员协会网上,用户在搜索鸡肉食谱时会感到很困惑,10个搜索结果的前6个没一个食谱里有用到鸡肉。
Maplin:用户无法轻易的找到价格低于50的蓝牙音箱,用户没有办法通过网站的过滤器来搜寻符合他们价格要求的商品。相反,他们不得不通过几个价格区间的选项进行查找。用户必须一次只选择一个价格区间(例如40-50和30-40),然后记住每个区间里他们想要的商品。
9. 压到用户的大量信息
眉目不清的信息会让用户难以找到他们需要的信息,密集的“文字墙”让发现感兴趣的信息变得困难,信息量过载的页面充满了争夺用户注意力的内容。
请记住:用户习惯扫视网页,而不是阅读网页,你可以通过编排网页内容,让用户能轻松的获取他们感兴趣的的信息——使用简短的句子和段落、项目列表、标题和加粗的关键字。
一个狭窄的区域分了好几个长段落,让用户很难看到重点,无法区分耳机的特点。
10. 隐藏链接
多年来,我们的可用性研究表明,用户往往会忽略或无视长得像广告或者被放置在通常是放置广告的页面位置的内容。这个问题依然存在,当内容与实际广告一起列出时,情况就更糟了。
网站的设计师有时会认为,将更多的设计元素,如:边框、背景色或图形添加到链接上能让链接脱颖而出,但结果通常是相反的:在链接周围的设计越是奇特,用户越是会误认为它是一个广告。
Pitfield London在网页右边的菜单信息里放有营业时间和链接,在下面放了一张咖啡杯的动态图和一些前往其他网站的广告图。由于这些广告的位置和显示的样式,导致用户很难在这个页面上找到咖啡菜单。这个网站还用了相似的设计画了张banner,用来引导用户前往Pitfield London。
已经取得进展:有待进一步发展
我们可以放心地假设,没有人会着手创建一个设计糟糕的网站。如果这些问题多年以来都是众所周知的,那么它们为什么会持续存在呢?这个问题的潜在答案很多,可能会填满一本书。其中的一些错误可能反映了一个更深层次的、具体到组织的UX战略失败。
例如:
网站信息层次结构的问题可以与组织结构或公司的内部政治联系起来。不同的部门在不了解对方的情况下创建内容,也没有遵循总体的内容策略,这时就会产生问题。较差的搜索结果可能是因为内容管理系统较差,内容标记有缺陷或缺失,或者搜索工具不佳。
这些问题背后的原因并不比解决这些问题重要,通过在网站开发过程中的用户研究和可用性测试,并关注研究结果,可以很容易地识别上面列出的许多错误(如果不是全部的话)。
网站永远不会是完美的,没有网站是完美的。总有一个表格字段需要修改,还有一个内容需要编辑,还有一个导航类别需要确定,但是知道需要解决的问题对于朝着正确的方向前进是至关重要的。
在进行用户研究时,要坚持以前的发现。当设计偏好在5年后改变时,那些旧的发现可能会使你避免在第二个、第三次或第四次中犯同样的错误。
名词解释:
分面导航(facets/faceted navigation):也称多维度导航,是分析一系列的内容然后根据条件把不相关的内容排除掉,留下我们想要的内容。
(译者注:a.具体想了解的话可以点击这里;b.文章里用的是facets,但作者提供的链接里用的是faceted navigation,所以两者应该是指同一个东西)。
译文作者: 兔子翻译组
本文由 @ 兔子翻译组 翻译发布于人人都是产品经理。未经许可,禁止转载
题图作者提供
- ?
手绘课程全新升级!电脑、纸绘双重发力!
余鸿煊
展开
重磅消息!
鹿石花艺手绘课程新增电脑手绘模块
全新升级!课价不变!
6800元!
成为花艺师都羡慕的花艺手绘师!
—
我们还特意推出
「4月新课特惠」
凡报名
4月Berit 《花艺设计师基础课》
+5月《花艺手绘课》
直减 4800元
说明:
1、此次直减4800特惠活动,只针对4月Berit 《花艺设计师基础课》+5月《花艺手绘快速表现课》,其他课程及其他班期均无效。
2、报名后不可延期与退款。
3、名额有限,名额满员即刻停止招生。
课程时间:
4月《花艺设计师基础课》:4月30日-5月15日
5月《花艺手绘快速表现课》:5月17日-5月27日
啥是电脑绘图?
电脑绘图不同于一般的纸上绘画,它用电脑的手段和技巧进行创作。
但是如果有一定的绘画基础,无疑是会有助于创作出更好的电脑绘图作品。
其次,电脑绘画要通过不同的软件进行制作,最常用的软件有Photoshop、Painter、Sai等等。
电脑绘画的种类与用途很多,如动画、漫画、插图,广告制作、网页制作、服装设计、建筑效果图、各种示意图、演示图等等。
电脑绘图厉害啥?
电脑绘画最大的优点是颜色处理真实、细腻、可控,其次是在修改、变形、调色、复制,放大缩小方面快捷又迅速。
对于花艺师来说,无论是电脑手绘还是纸绘,都是必不可少的一项基本功,是设计师表达设计理念与方案最直接的“视觉语言”,并且能够快速记录设计师的分析和思考内容。
在设计创意阶段绘制的效果图直接反应设计师的构思,它所带来的结果往往是无法预见的,而这种“不可预知性”正是设计创造精神的灵魂所在。
电脑绘图+手绘草图厉害啥?
电脑绘图的过程是一种图象思维方式,其根本点是形象化的思考和分析,设计师把大脑中的思维活动延伸到外部,通过图形使之外向化,具体化在数据组合及思维组成的过程中。
电脑绘图,协助设计师将种种游离、松散的概念,用具体的、可见的效果图来表达完整。
如此循环反复,最初的设计构思也随之愈发深入、完善。
在与同事、其他专业人员以及相关部门的交流、协调过程,草图是不可代替的最方便、快捷、经济和有效的媒介。
当然要做到有效的交流、电脑手绘与纸绘的结合更能清楚的向客户表达想法,技巧娴熟、绘之精良的效果图有时候甚至可以征服他人,使观者相信设计师的能力,从而为设计师的后续工作创造理解和信任的工作氛围。
电脑手绘六大模块带你入门
1、绘画基本素描理论与绘制(纸绘)
2、笔刷制作、图层运用、简单单品绘制
3、叶材、花材绘制
4、空间透视原理绘制与讲解(电脑+纸绘)
5、商业空间、婚礼、宴会空间绘制(电脑绘制)
6、方案设计与结业考试
手绘草图加完整设计方案
—本次课程加入了电脑绘制和电脑建模环节,在手绘(纸绘)的基础上加入电脑绘制效果图,能够更细致更完整的表达设计师的想法,更能让客户一目了然。
photoshop和su软件教学
——课程融入photoshop和su软件的教学,让零基础学员能够快速掌握电脑手绘基本操作和深入绘制.ps的绘图功能与制图功能非常强大,我们在学习的时候可以边学习边制作效果图,轻松改变作品的色调与灯光的配置。
纸绘与电脑绘制相结合
——除去单调的纸绘,这次课程融入了板绘,两者相辅相成,与客户沟通可以纸绘草图也可以办绘效果图,让我们能够与客户之间达到更好的共鸣.两手抓,让我们能够将两者一同学习,一同掌握。
掌握手绘和软件的基本操作
——本次课程分为三个阶段,第一阶段为入门阶段,主要掌握手绘和软件的基本操作,这个阶段需要练习数位板、ps软件的熟悉掌握。
掌握花艺作品的基本绘制和设计,花艺单品、空间色彩的搭配设计
——第二阶段为提升阶段,以前阶段的基础为辅这个阶段主要针对草图转变为电脑效果图绘制的提升阶段,为第三阶段的设计方案作准备,主要掌握花艺作品的基本绘制和设计,花艺单品、空间色彩的搭配设计。
绘制一套完整方案
——第三阶段为总结阶段:这个阶段主要将前面所学习的知识运用到实际方案当中,这个阶段将学习如何制作方案文本,如何提升方案设计,并绘制一套完整方案制作一套完整方案文本,作为自己的完整作品集。
学习电脑手绘的必要性?
当花艺师\婚礼策划师与客户交流方案,经常因为想法与理解上的不统一而无法顺利进行,而花艺打样的费用又费时费力,而如果能够快速以图像的方式呈现并辅以解说,是最见成效的手段。
高端场合花艺项目的接洽更是离不开手绘,橱窗花艺、酒店花艺、会所花艺、高端婚礼项目,用电脑绘图结合手绘来表现场景效果,花艺单品的绘制,空间的构架、场景氛围的色彩渲染,达成以上水准,便能先前一步赢得客户。
电脑绘图,针对PS基础并且喜爱手绘效果插画的学员,课程通过一系列案例,着重讲解电脑绘画中的画笔运用、上色方式以及肌理处理的方法。
相信通过本套课程的学习,大家对于电脑绘画的效果图会有更深层次的认识和理解,工作上使用起来也会更加的得心应手。
‘’花艺手绘课程内容
模块一
绘画基础:绘画基本素描理论与绘制(纸绘),色彩理论讲解,软件基础运用操作与熟悉,线条练习(电脑绘制与纸绘结合)
模块二
Photoshop绘画基础:笔刷制作、图层运用、简单单品绘制
模块三
Photoshop数位板绘制叶材、花材,叶材、花材线稿描摹练习与花艺单品描摹、临摹、写生(新娘单品、婚纱绘制)
模块四
空间透视原理绘制与讲解(电脑+纸绘)
1、一点透视原理讲解与一点透视场景的绘制运用
2、两点透视空间原理讲解与场景绘制运用
模块五
商业空间、婚礼、宴会空间绘制(电脑绘制)
1、商业空间、婚礼、宴会局部空间临摹与写生绘制
2、商业空间、婚礼、宴会空间整体临摹与写生绘制
3、完整商业空间、婚礼、宴会空间写生绘制
模块六
方案设计与结业考试
1、电脑方案设计,方案创意设计效果图(电脑绘制)
2、制作方案PPT,进行结业汇报
◆ 花艺项目提案\学员手绘作品
‘’导师简介
'郑昌辉
北京大学与建筑学院教师,狂想建筑设计事务所创始人,列宾美术学院建筑硕士,俄罗斯联邦建筑艺术家,鹿石国际花艺手绘讲师。
出版书籍:《图解思考与设计表现》、《新概念建筑钢笔画》、《彼得堡建筑漫游记》
'李鸣
匠人营国艺术设计教育创始人,BGD副教授、北京林业大学设计导师,CNYD理事长,清华大学艺术硕士,鹿石国际花艺手绘讲师。
出版书籍:《李明手绘漫记》、《园林景观设计手绘表达教学对话》、《室内设计手绘表达教学对话》
'文子
南图艺术创始人,新锐手绘艺术师,现任职于清华大学美术学院,鹿石国际花艺手绘讲师。
讲师作品
郑昌辉\作品
李鸣\作品
文子\作品
而关于手绘的学习,郑昌辉老师给出了一些建议,请通过下列问答来做了解。
1、很多零基础学员担心自己不能很快上手,在这方面,您是否可以给出一些好的引导和建议?
郑:前期将基础的透视及造型能力予以强化,在中后期强化场景练习与构思表达。只要跟着课程学习,难度不会太大。当然在课程开始之前多一些随手的练习,对着实物或照片练手,多画几张更利于快速进入状态。
2、您觉得零基础学员普遍遇到的问题是什么?
郑:造型能力弱,透视原理理解较浅,空间想象力略差。
绘画成为了铸就其心灵世界的镜像,因为有了鲜活的思考与细腻的感触,绘画才有了一种与现实世界相连通的鲜活生命力。
3、您怎么看待“手绘对于一名设计师的重要性”这个问题的?
郑:不同的设计师有不同的起步方式,更确切的来说应该是草图对于设计的重要性,它不止是一个起点,而且是最常见的构思与交流工具。在花艺中,手绘起到的作用将更多元化,既是项目设计的起点也是与甲方沟通的工具,同时良好的花艺手绘有较强的装饰美感,有较大的独立存在价值。
4、不知道您在电脑软件上的功底怎么样,相信您也有一些同行专注于电脑制图,那能够谈谈这两者的区别以及一些双方的优劣势?
郑: 电脑软件水准尚可。手绘与电脑制图没有太多优劣可比较,各有各的方式,而且时常是同一项目流程中,在不同阶段中扮演不同的角色,我也是两者皆用。所以不要“唯手绘论”或“唯电脑论”,只要对于设计与沟通有利,手段不应该是排他的。
5、您经常提到“随手一支笔,一个本子”这句话,当然,我们希望所有有意于学习这门技能的朋友都能听听您的建议
郑: 这句话说的是一个专业的态度。专业的能力不能只是靠简单的勤奋与积累,而是专业精神与良好习惯的共同体。同许多行业一样,你可以看到无数的艺术爱好者始终无法走到专业的道路上来,固然基础与条件,起点与教育背景都有关系,但其实更缺乏的是专业的精神,缺少解决问题的态度和良好的职业习惯。“随手一只笔,一个本子”就是让你随时保持在学习的状态中,哪怕你一天、一周、一月都不动笔,它们仍会给你带来习惯上的压力以及多方面的观察角度,让你随时处在准备之中。自然而然,因为习惯,逼迫自己动手,因为动手所以更好的养成了习惯。
郑昌辉老师:
设计就是良好地解决问题,好的设计在解决问题的同时,给人美感、予以感悟。草图是设计的一个起点,在初始的阶段,是解决问题的一种草案与无数可能。
- ?
15个PPT新手常见误区
堕天翼
展开
初学者做 PPT 都有一种好奇,和兴奋,喜欢把自己的会的 PPT 技巧与特效一股脑的全部使出来,认为把 PPT 搞成动画、音效俱全的,这样才能显示出专业性,其实不然,有时候太过追求技巧与特效可能会产生本末倒置的结果,有时候简洁大方的 PPT 配合生动的演讲能够达到沟通更好的效果。
一、一个重心
全部是重点=没有重点
还记得有个期末老师划重点的段子,划完以后发现整本书都是重点,等于根本就没有重点。同样的道理,同一页 PPT 中你如果想要表达的太多,结果反而会什么都表达不到位。
一个重心
可读性是任何设计中的必备要素。你的颜色应该清晰易读,特别是在处理文字时。
有时这意味着不使用强调——至少不是每个小细节都进行强调。
中性色,如黑色,白色和灰色可以帮助你平衡你的设计,所以当你使用其他颜色,它能让这个颜色真正脱颖而出。
除了颜色,其他的一些表现手法如:加粗、下划线、倾斜等使用时也需要克制。
二、字体风格一致
字体风格应该同 PPT 内容保持一致。
字体如同一个个有个性的人,也有自己的风格和性别。
字体的大小、重量、刚柔应与当前 PPT 内容相匹配。
如图,如果你的内容是阳刚有重量的,字体也应该是。
三、统一字体
关于 PPT 中字体使用,另外一个 PPT 新手误区是:字体使用越多越好。
但事实上,字体滥用往往会给设计造成混乱和不专业感。
最多使用三种字体,但最好使用两种字体,推荐使用 PowerPoint 中自带的「主题字体」设置。
四、视觉层次
设计中的一个重要原则是视觉层次。
它向观众传达每个元素与其他元素的重要性。
例如,在一般的设计中,大标题是最重要的信息,其次是小标题,然后是正文文本。
通常对于大段的文字,我们会对它进行内容提炼和分层
划板块、分层次、找重点、转图示
五、视觉化呈现
大面积使用文字而不是视觉图形,这时候的 PPT 已经从沟通辅助工具,变成了演讲提词器。
在信息越来越碎片化的时代
要想抓住用户的注意力越来越难
一般人在浏览网页时只读到 20% 的文字
但是人们在阅读高质量信息图时
理解能力要比阅读纯文字高 30倍
大脑中 50% 的功能跟处理可视化信息有关
99% 的信息会被大脑瞬间过滤
只留下 1% 的可视化信息
关闭观众的捷径之一是将太多文字包含在应该主要是视觉展示的一段沟通中。 在信息图表和演示文稿设计中尤其如此。
六、对齐元素
将标题文本与段落对齐将有助于在页面中创建平衡。
任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能够建立一种清晰、精巧而清爽的外观,提升可读性。
七、文字可读性
影响文字阅读性的因素大致可以分为:字号、字距、行距、字体
文字行与行之间的垂直间距称为行距 (leading;和 sledding (滑行) 押韵)。罗马文字的行距是从某一行文字的基线量到上一行的基线。基线是大多数文字所在的一条不可见线条。
当字号固定,距离较远时,宽的字距、行距有利于增加文字的易读性。
八、对比
对比度
对比度是元素之间的视觉差异。
明暗对比不仅适用于黑白,而且适用于所有颜色。
对比刺眼
最简单的解决的办法是把色调降下来。从一种颜色开始,尝试调整其亮度,暗度或饱和度。有时候,一点对比度就是你所有的画面需求。
对比度弱
另一个常见问题是在设计中不能有效使用对比度。不知道如何有效使用对比可能意味着有效设计和无效对比之间的差异。比如图中黄色色块中的文字就看不清。
一般情况下可以尝试,浅底用深色文字,深底用浅色文字。
九、清晰的文字
好的设计目标不仅仅是美观,而且要有效传达信息。
与此相符,文字不仅要达到设计目标,而且要易于阅读。
图片上添加文字,不妨在图片之上加一层色块遮罩增加与文字间的对比,更易于阅读。
十、统一风格
PPT 新手应该避免的另一个错误是你的设计缺乏一致性和重复性。
重复的目的就是“一致性”,让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、材质、空间等。这样一来既能增加条理性,又能增加统一性。
例如,在整个项目中使用一些相同的可视元素和布局。但请记住不要过头。你也不希望每个页面与其他页面看起来过于相似。
十一、图文关联
形式服务于内容
不是所有好看的元素都适合你的内容。
加入不相关的设计元素到页面只会对你的观众产生干扰。
有效沟通才是最主要的。
在编辑阶段之前,记下所需设计元素最重要的部分。
确保你的信息能有效传达给观众。
尝试寓丰富于简单,实现优雅与可用性的平衡。
十二、等比例缩放
新手制作 PPT 时,常常发现自己的图片和别人的不太一样,为什么自己的图片总是会变形失真?
解决方法其实很简单,只需选中图片四个角之一,按住 Shift + 鼠标左键拖动(或 Ctrl + Shift + 鼠标左键拖动)即可等比例缩放。
十三、高清大图
模糊(像素化)的图像是一个巨大的禁忌,容易给人留下不好的印象。
如果条件允许,建议寻找高质量的图片,高清,不失真。
一般来说,越大越好,这样可编辑的空间和可能性越大,甚至可以对图片局部进行裁剪或缩小使用。
十四、矢量图优先
位图
当你查看原始大小或更小的位图时,像素是不可见的 —— 它们太小了,看不到。但是
不停的放大后,你就会看见一个个的像素点。
矢量图
矢量图形与位图完全不同。你可以让它们任意放大缩小,而不会失真。
位图与矢量图各有优点,根据实际需求选择合适的图片格式即可。如果一个文件既有位图,又有矢量图格式,比较推荐使用矢量图,体积小,可编辑、不失真。
十五、图片版权
最后,你需要注意所使用图片的授权许可
几乎每个图片都有一个使用许可,说明如何使用它。
在使用图库图片之前,请确保你了解与之相关的许可证(如果没有明确说明,你可能需要进行搜索查找一下相关信息)。如果没有在图片旁边列出许可证,仔细检查图片供应商的版权政策或常见问题。
尽可能规避不必要的版权纠纷风险。
- ?
PPT页面单调缺乏设计感?高手加个线框轻松搞定!
项思雁
展开
PPT 设计中经常会用到线框这一元素,因为线框中间没有颜色填充,中间的空白区域也很适合把 PPT 中的其他元素框在其中。
而这一次我们将为大家全面盘点一下 PPT 中线框都有哪些用法!
PPT中线框的用法一般有以下五种:
第一种:划分区域
对于不同类型的元素,如上图中的文字与图片,我们为其加上线框后可以得到很明显的区域划分效果。
除了不同类型的元素,同种元素所表达的不同内容我们也可以利用线框对其进行分组,让相关的信息划分在统一区域中。
第二种:聚焦视线
以下 PPT 页面,整体留白过多,导致页面空旷,虽然文字元素均以居中排列,但各行内容间距过于散乱,让人无法第一眼就定位到重点内容。
在添加了对应的矩形线框后,主要内容被限制在一个线框中,我们的视线自然也就被限制在此区域内,而线框中添加的直线段也划分了内容的主次。
第三种:链接元素
你能一眼看出文字信息都是对应的哪一张图片么?
图中文字信息与图片缺乏关联,让人无法一眼将图片与文字联系到一块去,这样就会造成人在认知上的混乱。
但当我们在文字与图片间加上一个矩形线框,是不是很容易就知道哪一道菜对应的什么菜名以及是什么价格了呢?
虽然文字与图片并不是整齐的排列,但是两者间有了矩形框的存在,自然而然就能将图片与文字联系起来。这样做不但不会令读者产生错误的认知,反而增加了页面的设计感。
第四种:辅助对齐
发布会型 PPT 中经常会出现以下这种对产品性能参数堆加说明的画面,这样做有一个弊端,页面中参数过多,而且不知道参数的归属,观众不知道该往哪里看,就会给人一种很散乱不整齐的感觉。
这个时候如果我们为内容加上线框,布局没有改变,但是参数也有了明确的分组,有了线框页面也变得非常整齐了。
这是因为规则的形状轮廓可以在视觉上给我们整齐的感觉,这就是为什么手机 App 图标的外侧需要包裹着一个圆角矩形,即便是手机界的异类锤子手机,在重制了那么多个性图标的情况下依旧保留了锤子桌面九宫格/十六宫格,为的就是整齐有秩序。
第五种:修饰页面(提升设计感、空间感、平衡页面)
提升设计感
如果页面上元素单一或者留白过多,不妨试试插入几个几何线框对页面进行修饰点缀从而提升整体页面的设计感。
提升页面空间感
作为修饰的一种手段,我们还可以让线框与图片结合,营造出一种打破线框束缚,突破限制的立体效果,就像下面的两张海报一样,线框的一部分将线挡住,而事物的主体在线框中,通过前后位置变化,从而凸显出一种立体空间感。
这种立体空间感的海报还常见于人物介绍海报中:
而我们在 PPT 中也是可以完成这一效果的:
秋叶PPT之前也出过这种空间立体感的海报制作教程,可以点击《五步搞定,大咖级介绍海报!》
平衡页面
页面中元素的摆放不规律会导致重心失衡,这样会造成整张 PPT 从视觉角度上出现不协调的情况,如下图:
用色块遮挡之后可以看到整张页面左边轻,右边重,页面的重心明显是偏右的。而对左侧文本添加了线框之后,整个页面重心又被重新拉回到中心位置。整体页面的视觉观感也舒服了很多。
以上就是线框在PPT中常见的五种用法啦,让我们简单回顾一下:
划分区域——不同类型元素分组 + 相关元素分组。
聚焦视线——一眼让你看到重点。
链接元素——解决相关元素错位排布关联度不够的情况。
辅助对齐——规则的形状轮廓可以在视觉上给我们整齐的感觉。
修饰页面——提升页面设计感、空间层次感,平衡页面。
没想到吧,小小的线框居然有如此多且重要的用法,不妨说一说你觉得哪一种用法最令你心动?
- ?
如何用PPT制作一个“镂空感”页面设计?
Methil
展开
PPT制作技巧:如何用PPT制作一个“镂空感”页面设计?
问这类幻灯片效果是怎么做出来的呢?
场景:企业销售、产品、财务、人士的PPT设计的办公人士。
问题:如何用PPT制作一个“镂空感”页面设计?
解答:利用PPT2013的拆分或用PPT2010的图形相交功能。
这种图片容易让人产生的视觉效果是,图片是不是灰色图形的后方?灰色的图形是不是“扣”出了这些“长洞”呢?露出后面的草莓图片?如果按这个思路,直接用PPT2010就可以制作出来。
具体操作如下:新建一个PPT,插入一个长方形,填满整个PPT页面,将颜色设置为灰色,紧接着插入圆角矩形。(下图1处)
插入后,拖动黄色调整按钮置半圆形。
然后利用Ctrl+D复制出来N个。
利用“大小”宽度设置参数调节,对长短进行随机调整。
调整完毕后效果。
接下来,选中所有图形,如下图所示:
按Ctrl+G键(组合的快捷键),点击下图的旋转按钮。(下图箭头处)
接下来利用PPT2010的图形相交功能搞定。PPT2010的图形相交功能是一个“隐藏”功能,需要利用自定义QAT工具栏打开。
具体操作如下:
点击“文件—选项”,点击“快速访问工具栏”,选择“不在功能区的命令”(下图2处),找到
形状剪除
形状交点
形状联合
形状组合
这四个按钮,添加到QAT工具栏。
选中灰色图形和之前绘制好的图形,注意要把之前的组合取消。(Ctrl+Shinft+G取消组合快捷键),利用新添加的“形状组合”按钮。(下图箭头处)
设置完毕后,蓝色的图形被裁剪切除,漏出白色背景。效果如下:
插入图片后,将照片置于底层。下图5处
设置完毕后,效果如下,这就是典型的用PPT2010进行镂空的制作思路。那如果用PPT2013做是不是更快呢?
PPT2013版本制作方法如下:直接设置背景色为灰色。
在绘制的圆角矩形效果的基础上,插入一个图片,并置于蓝色图形的下方。
利用PPT2013独有的图形“拆分”功能,将图片拆分掉。
终效果如下:
总结:可以看出PPT2010和PPT2013的制作思路有所不同,PPT2013的功能更快捷方便,利用拆分图片的方法得到一个伪镂空的设计效果。看来软件的改进还是不错的。但PPT2010是目前企业主流的版本之一,充分利用PPT2010的功能也能得到新软件制作的效果,也是不错的选择。
该技巧PPT2010版本及以上有效。
- ?
office技巧分享:如何用PPT制作一个“镂空感”页面设计?
起点站
展开
最近忙着做一家企业内训的培训课件,我明显感觉到Office企业培训需求在逐年的上升,说明企业员工对Office的需求越来越高,对Office实现办公的目标也越来越明确。目前的Office培训也不是简单的解决所谓的“效率”的问题,更多是一种Office技能的升华。
今天之前的小伙伴在QQ上问,问这类幻灯片效果是怎么做出来的呢?
(这个小伙伴很多年,目前在一家外资企业就职)
成都办公软件操作培训这种图片最容易让人产生的视觉效果是,图片是不是灰色图形的后方?灰色的图形是不是“扣”出了这些“长洞”呢?露出后面的水果图片?如果按这个思路,直接用PPT2010就可以制作出来。
具体操作如下:
新建一张PPT幻灯片,插入一个长方形,填满整个PPT页面,将颜色设置为深色系列:黑色或者灰色,第二步:插入圆角矩形。
成都office技巧操作培训插入后,拖动黄色调整按钮置半圆形。
成都办公软件培训然后利用Ctrl+D复制出来N个。
成都办公技巧操作培训利用“大小”宽度设置参数调节,对长短进行随机调整。大家可能可能会问:为什么不直接用鼠标拖拽长度呢?这里我给大家留一个思考题,大家有时间不妨去思考一下,或者验证一下。
成都office办公操作培训调整完毕后效果。
成都办公电脑操作技能培训接下来,选中所有图形,如下图所示:
成都办公技能培训按Ctrl+G键(组合的快捷键),点击下图的旋转按钮。(下图箭头处)为什么一定要组合后在旋转呢?大家想想。
成都office办公技能操作培训接下来利用PPT2010的图形相交功能搞定。PPT2010的图形相交功能是一个“隐藏”功能,需要利用自定义快速访问工具栏打开。
具体操作如下:
点击“文件—选项”,点击“快速访问工具栏”,选择“不在功能区的命令”(下图 2 处),找到
形状剪除
形状交点
形状联合
形状组合
这四个按钮,添加到自定义快速访问工具栏。
成都电脑操作技能培训选中黑色图形和之前绘制好的图形,利用新添加的“形状组合”按钮。(下图箭头处)(一定要同时选中,否则无法实现镂空效果)
注意要先把之前的组合取消。(Ctrl+Shinft+G 取消组合快捷键)
成都office办公技巧培训设置完毕后,蓝色的图形被裁剪切除,漏出白色背景。效果如下:
成都办公软件操作培训插入图片后,将照片置于底层。如下图 操作
成都办公软件操作技能培训设置完毕后,效果如下,这就是典型的用PPT2010进行镂空的制作思路。
成都PPT制作技巧培训当当当,好了,完美收工,怎么样这个高大上的技能操作起来非常简单吧。还是那句老话:“熟能生巧”,只要你勤学苦练,就没有翻不过的火焰山。这不一个看似很难的“火焰山”我们不也很简单的完成了嘛。各位小伙伴,赶紧打开电脑操练一下,看看自己学会了这个酷炫的技能没有呢?
- ?
运用版面留白来构建PPT设计页面的审美意义
罗伯特
展开
PPT版面设计的留白是一种比较高级的审美倾向,通过PPT版面内的留白可以提升PPT设计的格调,带给人们更加高档的视觉感受,通过留白与版面其他视觉元素的共同布置,留给人们一种全新视觉的心理空间,让人们通过这种心理空间对需要传递的视觉信息产生更宽广的联想,在PPT版面上留白的颜色不一定就是白色,在PPT设计中从留白的定义来看是指PPT版面内空出的区域,所以在视觉呈现形式上看,留白并非是指固定的白色,任何在PPT版面单一的色彩背景都可以看作为留白,留白为色彩的情感属性创造出一个有情感的精神空间,为审美呈显现奠定了个性化的美学基础。优秀的PPT设计是将合适的色彩与相应的留白模式融合到恰当的位置,使用色彩留白来传达视觉形象是判断PPT作品格调的标准。在设计的语言中,留白是一种感性的审美体验。
- ?
如何做出高大上的PPT?
Lillian
展开
回答这个问题其实有两个层面,一是技术层面,也就是说做出高大上的PPT需要哪些技能?然后是设计层面,有了技能怎么才能设计出高大上的PPT。
先从第一个层面来说,其实很多看起来高大上的PPT并不需要很复杂的技能,要的只是一点点观察力和一点点耐心。
今天欣星带你从零开始,亲自动手做一份高大上的商务模板。如果你动手做了,就会发现那些网站上出售的高大的模板也不过如此,花点时间,你也能做出高大上的PPT商务模板。
tips:
相关技能:形状绘制、布尔运算、遮罩运用、排版对齐素材准备:高清城市建筑图片4-5张软件版本:建议Power Point 2013以上版本 (老版本也能做)所需时间:非碎片化时间至少1小时以上适合对象: PPT零起点和想提高的初学者我们先来看看这套欣星原创的模板长什么样:
▲ 素材的准备
虽然这套模板看起来有一些变化,但实际上所需素材并不多。几张高清的城市建筑图,加上几个矢量图标就够了。
合适的图片能够让你的PPT提升几个level,平时就要注意图片的收集和分类。需要提醒注意的是图片的版权,用搜索引擎搜索一下“高清免费图片素材”就能找到许多资源网站。国外也有很多类似网站,用city 、building 等关键词就能搜到一大把免费又好看的高清图。
矢量图标推荐阿里巴巴的官方图标库 http://iconfont/,有大量的高清图标,还提供三种不同格式下载,应该能够满足普通人的日常需求。
▲ 封面的制作
首先将准备好的素材图片插入到PPT中来,当然你也可以在空白处点击鼠标右键设置背景格式的方法来插入图片。
第一种方法的好处是可以对图片进行再次加工,包括裁剪和调色等等,缺点是操作不慎可能会误选。第二种方法因为是背景,所以不会被误选,但是插入后无法再次调整图片。通常情况下推荐第一种方法。
在这份模板中我们采用的是全图形封面,这种封面的制作通常是图片做底,然后通过文字、色块、蒙板、线条的不同组合,来表现主题。
根据实际需要,选择你的主题相契合的组合。本例中,我们采用的是蒙板加文字。
通过“设置形状格式”中的透明度,让绘制的圆形呈现出半透明的状态,放在文字图层和图片图层之间,突出文字,增加文字的辨识度。
这里有几个全图形封面的例子,大家可以参考一下。
蒙板+文字
线条+文字
色块+文字
有兴趣的话也可以动手模仿一下其他的组合。
(色块需要用到布尔运算,后面我们会详细进行讲解,这里暂时不做介绍。)
不管怎么组合,基本原则是不能喧宾夺主,标题文字要能够跳出来,而不是被图片、色块或者别的元素给淹没。
平时注意观察,碰到好看的组合就收集起来,需要的时候拿出来进行模仿。
▲ 目录页的制作
和封面一样,目录页的变化也很多。但不管怎么变,有几个元素是必须的。目录、数字、小标题文字,有了这三样才能向阅读者传递PPT的纲目,让读者对内容有一个整体性的了解。
本例中目录页的做法是一种传统的做法,用经过裁剪的圆形遮挡部分图片,提供给数字、标题展现的区域。
绘制一个和PPT页面大小一致的矩形,再绘制一个大圆,将二者部分重叠起来,如图所示。
同时选中矩形和圆。有几种方法同时选中:
选中一个后按住Ctrl键再选第二个2.选中一个后按住Shift键再选第二个3.在“选择窗格”中用Ctrl键进行多选4.鼠标点击不松手,拉出大框后同时框住被选择对象第4种要保证选择区域没有其他对象,否则都会被选中。用哪种方法根据需要来,其中最靠谱的方法还是“选择窗格”,它躲在“开始”菜单的“选择”下拉框里。
同时选中后,执行“格式”-“合并形状”-“相交”(上图红框),就得到了想要的形状。
我们对目录中的数字也做了镂空处理,同样是用布尔运算实现的。先录入四个数字,调整好字体大小和位置。
调整位置的时候,不要依靠肉眼,要学会使用“对齐”,它藏在“格式”菜单的最右边。左右居中对齐这些都很好理解,还有图示说明。横向分布、纵向分布也非常有用,可以让对象等距排列。如果没有这个功能,你必须自己画辅助线帮助判断。
先选中下面的形状再选中四个数字,然后用“合并形状”中的“剪除”,就得到了文字镂空的效果。再配上合适的文字就完成了目录页的制作。
稍稍改变一下改版,色块、蒙板或者线条,目录页就可以呈现出另一种风格,大家可以参考一下其他的风格。
▲ 布尔运算 (合并形状)
上面我们已经有两次运用到布尔运算了,现在我们详细讲解一下布尔运算,请看下图:
相信这张图已经很清楚地把五种不同运算结果展现出来了,需要注意的是剪除,选择顺序不一样,结果就会不一样。
掌握了布尔运算,加上一些脑洞,就可以做出各种不可思议的效果。理论上,文字、形状、图片都可以用布尔运算来组合、拆分、裁剪成任何你想要的效果。
掌握了布尔运算之后,提示页就很容易实现了。就是矩形和数字进行裁剪。
同样,内容页的第1、2页也是通过布尔运算实现的。先绘制好和PPT页面大小一致的矩形,然后在矩形上面绘制圆角矩形和圆形。按顺序选择后,进行裁剪,就得到了所需形状。
内容页的第3页和封面一样,蒙板和文字组成,没有难度。我们看一下内容页的第4页,实际上也是蒙板。
倾斜的椭圆和矩形相交后得到了形状,用白色填充,再调整一下透明度就完成了蒙板。
标题是水滴形状加在圆角矩形以及矢量图标组成的。
▲ 活用SmartArt提高效率
内容页的第2页除了做成圆形外,还可以做成六边形的蜂巢状。
这里介绍一下用PPT自带的SmartArt 工具快速制作组合图形的方法。
插入SmartArt中的“交替六边形”
删除文本矩形块,六边形中的文本可以输入一个空格,文本字样就会消失。
通过“设计”选项卡的“添加形状”可以增加六边形的数量,还可以拖动它们重新排列。
在右键菜单中选择取消组合,就转换回普通形状了。你可以用布尔运算对它们整体进行编辑,也可以单个形状进行贴图,做成漂亮的照片拼贴。
这也是用SmartArt制作的,非常快捷方便。除了做照片拼贴,用它来做流程图,组织架构图都超级方便,这里就不举例了,大家可以自已试一下。
▲ PPT的配色
PPT要好看,配色特别重要。五彩斑斓的PPT只会给人很LOW的感觉。怎么才能做出漂亮的配色呢?专研色彩搭配,颜色心理学,都不是简单能出效果的事。
这里给大家三种简单快速的方法:
从高手的PPT中取色学习从公司LOGO中取色学习配色网站上找到合适的颜色组合
2013版以后的PPT都可以很方便的取色,看到好看的PPT、图片、LOGO,随手截图放到PPT里面,用取色器直接吸取颜色。
另外,这里推荐一个配色网站:color.adobe
在色轮上选中一个颜色,左边可以选是单色、补色、类比等等不同的方案,下方就会自动生成对应的色块,非常方便。
这个网站还有一个很好的功能就是分析图片,从图片中帮你提取色彩。点击左上角色轮旁边的“汇入影像”可以上传本地的图片,然后网站就会给出图片所包含的颜色组合。
如果你对色彩的把控没有太多的信心,至少让你的PPT保持简单清晰,不要超过5种色彩。
内容页第5页,实际上是用的PPT自带图形“波形”和矩形进行剪切之后形成的。
因为有三种不同的颜色,所以做好大形状之后,还要剪切两次,分别裁剪,再组合起来,具体步骤如图。
配上合适的图标和文字,这一页就完成了。
内容页第6页的几个圆形采用了“图片和纹理填充”,也可以用圆形去和背景图裁剪。第7页也是用圆形和矩形剪切之后配上文字,这两页没有什么难度。需要注意的就是文字和图标、图形之间的排列要疏密得当。
▲ 图表的美化
内容页第8页右侧是一个图表,在PPT中经常会用到。但是很多人制作图表时给人的感觉很乱。
好看的图表和不好看的图表,下面是饼图。
通过对比,就很清楚了。好的图表元素很少,只有关键的部分。像标题、网格、坐标轴、分类说明、背景色这些能删掉就删掉,重点突出重要的信息。
内容页的第9页、第10页没有什么特别的,注意一下文字对齐就行了。
▲ 用表格辅助排版
内容页第11页可以用形状填充图片来完成,这里介绍一种快速简单的方法,利用表格来完成。
插入一个4X2的表格
用鼠标拖动,将表格长宽调到合适。选中一个单元格,选择“图片和纹理填充”,将准备好的图片导入。相邻的单元格则用纯色填充填入白色。
填充好剩下的单元格,再将文字填充到白色单元格,就完成了这一页的内容。
用表格实现的好处是不用调整图片对齐和间距,相对来说比较方便。但仅限于矩形和正方形,其他形状就不行了。
内容页的最后一页18页,也很容易实现。图片加上蒙板,上面再加图标和文字,注意一下对齐和排列就行了。
做到这里,你会发现原来看起来高大的一套模板,做起来其实并不难,有一点耐心就可以完成。
上面从技术层面为大家分析了其实高大上的PPT并不需要很多复杂的技术和方法,那普通人掌握了这些方法是不是就立马可以做出高大上的PPT呢?
这中间还是有一个过程的,最笨的方法就是找到你认为漂亮的,高大上的PPT,去模仿,去百分百地复刻。一两套不行,起码做一二十套。等到你技能熟练了,也能百分百地模仿还原高手的作品了,你就会发现其实高大上的PPT套路都差不多。把那些套路重新组合一下,你就能原创出自己的作品了。
最后,分享一些经验给想提高自己PPT制作技能的朋友:
背景不要脏乱,不要让图片影响到你要表达的主题内容学点配色的理论,冷暖色、三原色、补色、颜色心理学等等,边做边思考理论知识多观察优秀作品体会排版的四大原则:亲密性、对齐、重复、对比多看看高清图库网站,遇到好的图片分类保存,建立自己的素材库模板、网页、电商广告、海报都可以动手模仿,提高自己的操作能力和审美把作品发给朋友,请他们提提意见并且虚心接受后完善自己的作品同一个操作,多试试不同的方法,比较各种方法的优缺点先从操作层面入手只有操作熟练了,才能实现好的设计理念看10套不如动手做一套,技能是练出来的,不是看出来的先点个赞马住,有时间慢慢学!需要这套模板源文件的朋友可以在评论区留言或者私信我。
网页设计说明ppt
-
第一关 :初入新手村 — 工具选项卡操作演示 0101
-
初入新手村 — 演示者视图的操作步骤 0102
-
初入新手村 — 鼠标的交互的方法 0103
-
初入新手村 — 如何快速访问工具栏 0104
-
初入新手村 — 文件选项卡、保存等基础 0105
-
第二关 :内容整理与处理 — 导航区操作技巧 0201
-
第三关 :文字工具与段落 — 如何给你的文字加特效 0301
-
文字工具与段落— 段落工具使用 0302
-
第四关:绘图与形状效果 — 基本形状的绘制方法 0401
-
绘图与形状效果 — 给你的图形加特效 0402
-
绘图与形状效果 — 快速排列多种图形 0403
-
第五关:合并形状与图标 — 用好合并形状轻松获得更多创意图形 0501
-
第六关:图片的神奇 — 教你PPT如何实现抠图 0601
-
图片的神奇 — 使用图片裁剪让图片为你所用 0602
-
第七关:表格与逻辑图表 — 教你画一个简洁大方的表格 0701
-
表格与逻辑图表 — SmartArt快速生成逻辑图表 0702
-
表格与逻辑图表 — 一招SmartArt走遍天下 0703
-
第八关:形象化市场数据 — PPT中数据图表怎么做?0801
-
形象化市场数据 — 教你做好看的条形图和柱状图 0802
-
形象化市场数据 — 饼图的美化技巧 0803
-
第十关:终成商务演示高手
-
第一关 :初入新手村 — 工具选项卡操作演示 0101
-
第一关 :初入新手村 — 工具选项卡操作演示 0101
-
第一关 :初入新手村 — 工具选项卡操作演示 0101
-
第一关 :初入新手村 — 工具选项卡操作演示 0101
-
第一关 :初入新手村 — 工具选项卡操作演示 0101
-
第一关 :初入新手村 — 工具选项卡操作演示 0101
-
第一关 :初入新手村 — 工具选项卡操作演示 0101
-
第一关 :初入新手村 — 工具选项卡操作演示 0101