构图 画面 主体 前言配图是我们平时在设计工作中经常用到的，一个好的配图很多时候会直接影响到一个作品的好坏，图片本身也是一种视觉语言，通过学习跨领域的知识可以帮助我们提升自身所处的领域设计能力，本篇文章和大家讨论构图和景别知识，通过对这些知识的了解判断如何选择一个好的配图以及怎么应用好配图，大多数设计师选择配图时都是凭着主观意识在选择配图，你所选择的配图很大程度会受到你的主观意识的影响，这些主观意识来源于自身审美、文化、环境等因素的，因此在我们的主观意识基础上，应该具备一定的客观依据来帮助我们更好的选择合适的配图。构图与景别知识在摄影、绘画、影视中应用很多，但很多设计师容易忽视这些知识，这些知识看似是摄影、绘画、影视等行业的知识与设计好像没太大关系，这些知识也是很有必要学习的的理论知识，对构图景别的理解很大程度会影响你能否把握好设计画面中的配图，配图本身也是一种视觉语言，提升构图和景别知识对设计师整体综合实力提升是有帮助的，当你做三维和插画等设计时同样也会用到这些知识，了解这些知识会让你以客观依据的角度，运用和判断设计中配图的好与坏。相关干货：一图胜千言！如何给作品配图？图形在版面构成中，占有很大的比重，也有这样一说：一幅图片胜于千字。阅读文章 > 一、关于构图目前来看几乎所有的艺术或商业作品，无论是摄影、绘画、CG 等都离不开画面的构图与结构，你甚至能在很多绘画大师的的经典作品中看到他们作品中也使用了构图理论，合理的构图作品，给观众美的视觉享受和与众不同的情感体验，同时提升画面表现，关于构图的知识很宽泛，构图方式方法也非常多，有的作品中可能包含多种构图形式，这里给大家大致介绍一些常见的构图知识，目的是抛砖引玉让大家意识到良好的构图能平衡画面同时，传达出更清晰明确的图像信息。1. 中心构图中心构图是将画面主体放置在画面的视觉中心，让主体成为整个画面的视觉焦点，通过周围环境氛围烘托画面主体，这种构图形式聚焦主体，能更好的凸显画面主体。2. 一点透视一点透视构图有较强的空间感和纵深感，画面的元素会向中心聚焦，会把观众的视觉引导向画面中心，比较适合表现画面空间感。3. 黄金法则黄金法则构图遵循古希腊学者毕达哥拉斯的黄金分割比例进行构图，也就是我们常说的 0.618:1，黄金法则构图有采用像三分法那样井字构图，还有采用黄金螺旋的构图方式，构图时将主题放置在黄金比例焦点或线上。4. 对角线构图对角线构图中主体在画面的对角线位置排列，对角线构图视觉冲击强，具有动感和不稳定性，使画面更有趣味和视觉张力。5. 三角形构图主体在画面中呈三角形状，正三角形构图画面更具稳定性，反之倒三角形构图会使画面有紧张感和不稳定性。6. 字母形构图字母形构图画面呈现字母形态，不同的字母构图会给观众带来不同的视觉感受，S 形构图是一种比较常见的构图形式，S 形构图迂回延伸使画面产生优美、雅致、韵律感。7. 引导线构图引导性构图利用画面中有形或无形的线，引导观众的视觉聚焦到画面的重点，引线不一定是一条线，它是一种具有引导性的东西，光影、道路、河流等都可以做为引导线，引导性构图视觉表现强，引导观众视线突出主体。8. 三分构图三分构图是最常用的构图方法，结构由两条竖线和两条横线构成，形成一个井字，也叫井字构图法，在三分构图中主体通常放置在四个交点上或线条上，三分法是比较常见的构图形式，可以在很多摄影和绘画作品中看到。9. 对称构图对称构图是根据对称轴，使画面形成的对称的构图形式，比较常见的对称构图上下对称、左右对称，对称构图具有平衡性、稳定性、均衡性。10. 水平线构图水平线构图也是比较常见的一种构图，水平线构图通常表现宽广的场景，地平线、海面、湖面等主题，水平线构图给人宽阔、稳定、平静、舒适的感觉，水平线构图主要是是采用横画幅来表现。11. 垂直线构图垂直线构图中主体呈现为垂直的线条，垂直线构图给人高耸、庄严、挺拔的感觉，具有较强的视觉张力，垂直线构图常采用竖画幅来表现。12. 十字形构图十字形构图是水平线和垂直线的组合，十字形构图画面会给人平稳、安全、严肃、神秘的感觉。13. 夸张透视夸张透视会以比较特别和夸张的的视角表现画面和主体，使画面整体都具有强大的视觉张力和冲击力。14. 虚实对比虚实对比通过主体和背景的间的虚与实对比，从而突出画面主体，虚实对比使画面更有层次和空间感。15. 明暗对比明暗对比通常以暗衬托明，在视觉感受中越暗感觉离我们越远，越明亮感觉离我们越近，明暗对比对比可以使画面更有立体感，层次感等，通过画面中的明暗对比形成的强烈反差，可以凸显画面中主体，引导观众视线到主体上。16. 色彩对比色彩对比中包含三个要素色相对比、纯度对比、明度对比，同时根据色环中的色相变化，还可以分为同类色对比、邻近色对比、对比色对比、互补色对比，色相角度变化越大对比月强烈，通过色彩对比可以突出画面重点、丰富画面、提升画面层次，背景色彩与主体色彩形成对比，能凸显画面主体。17. 奇数原则奇数原则画面通常是一个、三个或五个主体，通常不超过七个，超过七个时观众会将其视为一个整体，当画面中为主体为奇数时，在视觉上会比偶数更和谐、更美观。18. 视觉引导视觉引导通过画面内容引导用户视觉，视觉引导形式有很多种，人物或动物直视、运动方向、肢体语言等，都可以引导用户在观看画面时的视线运动。19. 大小对比通过大小对比使主体与周围元素形成差异化的视觉冲突，同时大小对比中的次要元素还可以作为比例参考，突出主体的大小，强烈的视觉落差增强版面节奏。二、关于景别裁剪图片为不同景别的图片对板式设计也有很大影响，不同景别的图片传达的视觉语言也是不同的，哪怕是图片朝向的位置都值得我们仔细思考，在配图时我们要思考通过图片传达什么视觉信息给观众，所以在我们做设计时，要想清楚当前页面要传达什么样的信息从而采用什么样的景别。1. 大远景大远景通常表现广阔气势宏伟的场景，大远景的空间感非常强，强化景物与环境的关系，主体相对较小与场景形成强烈的大小对比。2. 远景远景营造主体与场景的关系，通过画面场景叙述主体和场景的关系，远景具有较强的空间感，具有开阔的画面场景。3. 全景全景通过场景来体现主体的处境，利用人物和场景的关系强化主题，全景中主体会被强化形成明显的内容中心，从而弱化场景。4. 中景中景表现主要表现人物膝盖以上，在中景中人物在画面中的占比更大更为突出，人物会被强化，同时弱化场景。5. 近景近景主要表现人物胸部以上，画面中人物或主体会占有主导地位，强调人物的情感特征，通过细微人物的动作、肢体语言、表情等表现画面主题。6. 特写特写主要表现人物肩部以上或主体的细微部分，主体被放大，场景弱化到难以分辨，强调主体的情感、心理或产品的工艺结构等。7. 大特写大特写会将主题放的更大，展现主体的局部细节，大特写具有强调和突出主体细节特征的作用，具有极强的视觉效果。写在最后配图知识是设计师在平时工作或设计练习中必备知识，很多时候我们在选择配图时完全是凭感觉在选，图片也是一种视觉语言，作品整体质量也会受到配图的影响，本次配图知识分享希望能帮助大家在之后选择设计配图时，在主观意识判断的基础上有一个客观的依据，写这篇文章的同时，我也正好根据文章大纲做了一套版式练习作为文章配图，最后给大家分享几个高质量的图片网站：免费可商用！超过十万张相片下载的图库「Rgbstock」Rgbstock 是一个 100% 免费图库，收录超过 100,000 张相片素材让使用者免费下载！阅读文章 > 可自由商用！收录超过100万张图片素材的免费图库PikWizard本文要介绍的「PikWizard」是一家可免费图库，收录超过 100 万张高质量、适用于商业用途的免费图片素材，可安全用于商业用途，无需标示原作者或出处来源。阅读文章 > 本篇来源：优设网原文地址：https://www.uisdc.com/patching
画面 主体 英文 今天给大家分享五种针对海报的小技巧，都是不需要有什么技法基础就可以做到且效果还不错的。当然了人在床上躺水平心中涨是不可能的，了解这些技巧后也要尽可能的去实操练习一下，如果实操过程中出现什么问题可以随时加我末尾的微信，咱们可以互相交流讨论~往期回顾：案例实操！保姆级的元宵节海报设计教程来了！大家元宵节的设计都做了没，今天给大家带来的是关于元宵节的案例实操，同时也会给大家提供一些小方法帮助大家能更快速高质量的出稿，希望对大家有所帮助~更多海报设计教程：往往做不出来设计，就是这三个问题。阅读文章 > 一、藏头露尾这种处理方式适用于可以被分割的主体，通过在主视觉区隐藏起来主体的一部分然后在另一区域让其显示出来，这样重复不同于单纯的复制可以有效避免呆板以及尴尬，当然了最大的优势还是操作起来比较简单。双主体甚至更多主体同时出现的时候一定要注意平衡性，就想象两个主体是在画面里玩跷跷板，如果一侧过重就需要减少其在画面内的占比。如果一侧过轻，则可以考虑让标题等信息集中集中到轻的一侧。二、多维组合二维三维的组合不仅仅体现在插画和照片，还有图形和图片的集合部分，采用真实化有助于给画面以焦点，能够有效避免纯图形过于抽象或者纯照片过于普通，是一种很有设计感的组合手法。这种手法核心就是穿插，前后的叠压很重要，亦或者是通过一些细小的元素打造画面透视，无论哪一种手法都是为了打造空间感，如果觉得画面比较闷没有亮点，就非常有可能是空间感的塑造上出现问题。三、出血文字经常有读者跟我说，我不会图形造型怎么办，我设计看起来很普通怎么办，这个出血文字就能很好的解决这个问题，所谓出血文字就是把一个文字拉到极大让画面的边缘裁切掉这个文字的一部分。特别适合书法体或者外文这种内部结构类似图形感觉的字，越过版心首先就会打破死板，如果使用的是书法体更有一种大气的感觉，细节是如果你使用大字出血不妨加上点属性的小字来进行点缀类似下图这种就很好。如果变形特别厉害足以形成空间的话就可以尝试一下这种画面了，当然这种更加适合做练习的版视探索，实际商业中做这种画面大概率是没法协调好视觉性和阅读性的。四、英文手写体单独把这个字体拎出来讲是因为这个用好了真的能解决很多问题，包括局部的负空间，或者部分空间的空白，以及标题或者画面的死板感，甚至是主体的视觉性不足和画面亲和力不够情绪传达不到位等等，都可以通过手写英文来解决。更多英文字体推荐：婚礼设计必备！5款带连笔的高质量英文花字体（已打包）大家好，这里是你们聊设计的花生。阅读文章 > 五、竖版横做顾名思义就是拿竖版的图片横着做，优点就是形式感很强，因为打破常规所以看起来会比较有新鲜感，但缺点也同样不小，主流商业难接受，影响阅读甚至影响视觉传达，因为人很少会歪着脑袋看海报，除非你的内容真的吸引到他。做这种有几点需要注意，第一并不是所有元素都要翻转，该保留的阅读元素一定要保留好。第二不是所有项目都适合，如果你的项目很重视形式感并且客户有一定的审美基础可以考虑采用这种形式。第三规律不变，版式结构思维还是用纵向思维做，翻转后的元素视为图形就可以了。欢迎关注作者微信公众号：「视研设」本篇来源：优设网原文地址：https://www.uisdc.com/5-poster-design-skills
元素 画面 动画 近期完成一些视频制作，表现形式着重在 MG 动画和产品的运营宣传方向，在设计阶段遇到一些困惑，同时在摸索中不断扩充这方面的知识体系，通过工作中的实战，总结出来 4 步搞定视频设计的方法，分享出来，不知道你们是否喜欢呢？更多动效干货：让动效又快又好落地！5种动效输出格式优缺点分析Halo，这里是设计夹，今天为大家分享的是「动效格式」。阅读文章 > 一、概念动态设计是指在一定的时间范围内，静态图形连续的运动变化。英文名称 Motion Design，有的时候会使用 MotionGraphics 英文名称，一般引申为动态图形的设计。从呈现形式上可以划分为交互类动态设计和展示类动态设计，此次文章分享的设计方法，主要聚焦在展示类动态设计。二、动态设计的意义1. 设计特点动态设计具有的三大通用优点，对用户的影响力比较巨大。2. 为什么做动态设计我们之所以倾向动态设计是因为动态设计可以为产品和用户带来很多的优势，包含以下五类：三、如何进行动态设计近期一直在支持的产品宣传视频设计，均是通过以下思维模型进行设计呈现。1. 前期分析① 了解需求，收集素材首先了解需求、用户、产品、场景的信息，在初步了解后，可以从用户的预期目标，内容素材的设计方向以及动画的表现形式等维度收集核心关键词；同时确认文案，配音，音效，等视频元素是否添加，以便确认视频动画设计的节奏；② 汇总结论，归纳主题关键词通过信息收集阶段，提炼出以下设计目标和导向：使用场景：应用于可以支持视频的会场，互联网平台（如微信朋友圈，抖音）；设计目标：用户群为企业用户，希望通过视频，向用户阐述产品的功能特色，解决的问题，带动用户的兴趣，进一步了解和沟通，提升线索量，促成交易；设计导向：视频生动有趣，突出核心优势和价值点，清晰快捷传递；2. 提炼设计方向围绕核心关键词，视觉设计的可视化，通过情绪板输出设计可执行方向，包括品牌风格，动画节奏，画面元素，排版设计；动画节奏：以逐步引导深入的方式，展开视频的故事描述；品牌风格：京东云品牌的轻盈、微质感的浅色科技风格为基因进行设计；排版设计：以文本为主，图形为辅的画面设计；画面元素：运用互联网元素，比如鼠标，界面，穿插 2.5Dicon 和红黑双色扁平 icon 使用；3. 设计执行① 脚本一个丰富的成片效果，是通过多组分镜动态呈现。而分镜画面的前后关系，则是通过脚本布局搭建，在做脚本设计时，是按照以下思路进行；内容结构拆解比如这次的产品宣传视频，通过文案逻辑进行拆分，形成分镜画面的设计思路。首先根据文案逻辑划分为四大模块，然后围绕文案提炼出核心内容，视觉元素，动画节奏等，如以下分析结论：封面点题：点出所推产品，继承京东云品牌风格，强调产品视觉特征，使用几何元素构成标题核心，微质感背景烘托主题氛围；用户痛点：分析现有痛点，通过一些常用场景和用户共情。可以使用问号弹跳引导出搜索，输入问题寻找答案，凸显现有问题，面临的痛点，使用图形符号，互联网元素，进行视觉传达；总结问题：通过痛点分析，汇总出企业存在的问题。可以利用鼠标移动逐个收起，引导出产品解决方案的优势特征；解决方案：提出解决问题的方案，这是用户所需要的，也是视频中的重点。以展台+互联网界面的元素呈现，运用镜头的推拉转移，使用户的视线始终能够聚焦在所展示的内容；产品政策：落脚在产品的优惠政策，以及联系方式，运用收尾呼应的方式进行，迎合产品主题，呈现优惠方式和联系方式；脚本规划经过了画面思路的整理，这一步主要是梳理文案和画面的映射关系、画面视觉表现，以及动态效果的编排。根据设计思路和故事主题，以配音的时间线为索引，制定分镜脚本；分镜画面实现前期可以利用手绘方式，通过文字排版和元素设计的简单排布，将画面快速呈现；② 文案内容口播文案如果视频需要使用配音，前期就需要收集口播文案，根据口播文案的逻辑，定义分镜元素的时序；画面文案画面文案是需要依据视频的表现形式进行搭配，比如文本为主或图形为主的画面。文本为主：文字内容为主要表达形式，贯穿画面之中，此类表现形式是需要和需求方确定分镜画面的核心文案；图形为主：图形为主的分镜画面，可依据配音进行图形故事设计，文案则为辅助呈现，文案内容可依据画面给予自主发挥；③ 画面设计风格探索参照制定的设计目标和方向，以脚本框架为引导，进行静态画面的实现。也可出 1-2 个静态视觉和需求方沟通，如无问题，其他分镜效果依此完成。或者可以制作部分画面的动态效果，以便判断脚本最终呈现的视觉效果。画面调性风格：首先遵守品牌风格规范，传递品牌价值，强化品牌基因；其次要提炼产品视觉基因，营造差异性，比如在这次的视频中所运用的色系、画面元素的设计、文案的排版，均以品牌的视觉基因贯穿在各个画面中，并营造产品的个性。色系：依据京东云品牌风格调性，以及产品色系搭配，可以定义出以下色彩搭配规范：灰色：辅助色系，主要是进行氛围渲染、画面转场、视觉层级塑造中使用；白色：视频的主要基调，结合其他色系，营造科技风，轻量化实现，体现产品的温度；红色：产品个性的打造，重要元素使用，凸显层级，信息有力传递；内容设计图形设计：继承京东云的品牌基因，利用光影效果，使用 2.5D icon，结合线面双色 icon 进行图形设计，同时实现元素场景化，使画面更具有冲击力。文案排版：围绕核心主题，以故事传递内容的思路，进行文字的排版，运用卡片方式进行编排，便于在画面中对信息进行层级塑造，利于信息传递。④ 动画实现元素分层将画面元素进行分层拆解，依据画面的氛围场景，和元素的主次关系，进行拆分；核心内容的叙事性：核心内容是主题含义的传达，需要以动画的故事主线进行属性动画的制作；辅助元素的说明性：辅助元素是帮助用户理解产品，营造故事场景，串连分镜画面。比如流程模块的时间轴动态效果，通过逐步呈现的政策趋势，来说明政策演变的历史；背景元素的转场连接和氛围性：背景元素可以提炼出转场元素和背景氛围元素。转场元素：分镜画面之间建立层级，创建空间，流畅过渡，使内容有序呈现；背景氛围元素：提高画面的活跃度，渲染动画的风格氛围；动画编排在时序编排上可以利用入场、停留、延展、退场 4 个阶段进行元素动画的设计，这样可以保持元素动作的连贯性，元素之间的动态过渡流畅。入场：一般指元素进场，出现在用户视线中，信息逐步呈现在画面中。一般用于对用户视线的引导，内容的提前铺垫。可以使用纵深动画、镜头语言、生长动画、组合构建、多重迭代、抽象图形转换方式呈现。入场时机：利用配音语义的上下衔接的时机，进行入场动画设计，平滑过渡到对应的配音时间线上。配音的节奏快慢，决定了元素动画的节奏，所以在配音语速上，要贴合动画的整体节奏。动画速度：需要快速呈现，平均时长在 5-20 帧，画面元素分层越多，属性动画设计越多，整体画面的时间线则会更长。停留/延展动画：一般指元素在画面中需要延时停留的运动过程，帮助信息语义传递更准确。核心元素：加深用户对信息的理解，动态节奏连贯，不拖沓，时间线要保持足够长，便于用户快速浏览。在实现手法上根据故事场景进行设计；背景元素：主要用于烘托核心元素，增加画面氛围。可以使用循环背景、循环流光、粒子衬托、动态背景等动画效果实现。由于运动越快，越容易聚焦用户视线，因此作为背景元素的动画，在运动节奏上适当放慢，时间线拉长，循环使用；退场动画：一般指元素退出用户视线，过渡衔接下一个元素的运动过程。用户往往关注入场动画而忽略退场动画，因此退场动画的设计可以适当弱化，过渡引导到下一个动画就可以。可以使用硬切，抽象过渡，摇摆镜头，蒙板遮罩等动画效果实现。在节奏设计上最好卡点进行，动画形式可以根据下一入场元素的属性动画决定，也可根据整体节奏把握。元素动画实现关键帧：一般指元素在运动中的关键动作所处的那一帧。关键帧与关键帧之间的动画是软件自动补齐，这种帧可以叫做过渡帧或者中间帧。关键帧的时间和位置，往往决定了内容出场的次序，以及动画呈现的密度和节奏的快慢，在设计制作中，做属性动画参数设置时，需要关注入场动画的开始帧，以及退场动画的结束帧。属性动画：一般指元素的透明度、位置、大小、旋转、形状、颜色等属性进行的变化。参数的变化幅度，是根据帧速和时长进行制定，参数幅度越大，动效越明显，或同等参数下，时间短，速度快，时间长，速度慢。时长：从元素动画的开始关键帧到结束关键帧之间的时间线，称为时长。单位上可以用帧表达，也可以用时分秒表达。时长的设置根据动画风格，运动距离作为参照，一般一个常规的动态变化持续时间在 200-500ms 以内。运动曲线：变换的速率曲线，也就是动画中间帧的运动规律。物体的运动不是一直保持同等速度运转，所以在做元素的属性动画时，需要遵照物理世界的运动规律进行。根据元素的画面场景，采用适合的运动曲线，如入场先快后慢，退场先慢后快，弹跳曲线，则是应用在有弹跳物体的场景中。⑤ 剪辑合成剪辑：最终对分镜进行合成和剪辑，形成连贯的、有逻辑、有叙事的呈现，也可根据音效，配音做画面转场的处理；音效：根据动态节奏，还会搭配音效的辅助，提升整体的氛围和风格。⑥ 动画自查一般会从时间、运动，以及元素三个方向，结合物理世界的运动规律，结合用户视觉感知习惯进行画面走查。四、如何交付动画的交付实现，一般会有两种方式实现，代码落地和成片交付：1. 生成成片根据使用的场景的不同可以区分为 MP4 和 GIF 动画交付，可以应用在平台广告或者抖音快手等短视频平台上传播。2. 代码落地实现如涉及到动效的开发，有一部分需要代码语言实现。直接生成代码：利用软件转化成对应的代码格式，现在市场上通用的是 lottie 所生成的 json 进行；提供动效标注图：还有一部分无法直接转化为代码语言，这时候我们可以提供动效的标注图，通过研发实现，标注图规范一般包括，触发条件，对象、变化属性、曲线数值、持续时间等，可以参照以下模板给到具体属性参数；五、最后很高兴您阅读到这里，以上是我的一点思考，希望能给在看的你带来一些小思路。最后祝愿大家在工作中收获美好，困难少一点，开心多一些。欢迎关注作者微信公众号：「JDTDA」本篇来源：优设网原文地址：https://www.uisdc.com/motion-design-2
画面 视觉 案例 hi，我是鱼先生，不止会设计的 90 后解忧大叔。设计画面平淡无味，是大多数设计师都会遇见的难点之一，那么今天跟着鱼先生一起来学习几个比较实用的版式技巧，希望可以给你带来一些提升。方法就是通过增加画面的维度，从而增加空间感，提高视觉的层次感。更多提高画面冲击力的方法：用超多案例，教你一招搞定海报设计视觉冲击力！强烈的视觉冲击力对于平面设计来说是一个很重要的品质，而关于如何加强画面的视觉冲击力，有一个方法简单又有效，即加强画面的空间感。阅读文章 > OK，开始吧！形式 01：图形类通过处理元素的前后关系，或者元素相互穿插的关系，从而增加画面的视觉层次感。特别是打破大家常有意识形态的时候，效果会更好，比如上图案例中的相框，一般来讲相片不会出现在相框外，那么作为设计师，我们刻意把相框内的人物或元素进行破局处理，这个时候就等于让画面增加了一个视觉维度，原本平淡的画面就会显得更具备层次感。我们继续看一些其他的案例视觉，加深理解：形式 02：文字类在以文字为主题的视觉画面中进行前后穿插，或借助某些元素进行前后关系的建立，让画面从一维到多维的变化，从而提高画面视觉效果。形式 03：虚实结合虚实结合就比较容易理解，利用前实后虚或前虚后实的方式，让画面产生前后延伸的空间感，就像在摄影里面的景深一样，从而刻意塑造出虚实有度的空间层次感。形式 04：制造空间利用文字的透视感，或者某些元素的透视感增加画面的空间感。比如下面前两张案例，左边绿色这张就是利用文字的透视，让整个画面的空间感立马就出来了，再看右边案例中，利用圆环元素从远至近的塑造透视关系，也起到了视觉引导的作用，同时也是他们要走向的方向，其他文字则与圆环元素进行相互结合，也增加了画面的契合度。形式 05：烘托气氛利用光束的点缀烘托，直接的作用就是聚焦主体，产生强调的作用。平面设计是在一个平面上玩出各种花样的视觉艺术，以上的方法其实都是为了让画面在一维视觉上增加维度，从而塑造更好地视觉效果。OK，理论看完了，我们在实战案例中加深理解一下。实战演练案例 01① 我们来做一张画展海报，首先我们先选择了一张图片素材，放置在画面中。② 把图片嵌入椭圆形内。③ 把所需要的文案进行排版。这个时候我们发现，当图片素材完全嵌入椭圆内的时候，整个画面视觉总感觉缺少了一点活跃的效果，发现问题，那我们继续优化。④ 我们就把人物模特的一部分进行处理，造成破局的效果。如下图画面所示：⑤ 最后我们再次放上文案，得到以下案例：这个时候我们仅仅只是调整了头巾的部分，因为头巾露出来之后，形成了圈里圈外的视觉层次感，增加了画面的活跃性。最后我们看一下对比图：案例 02我们再来实践一张画册的案例。常规情况下，设计师都会直接利用图片素材进行板块设计，如下图案例所示：猛一看好像没有什么毛病，版面简洁，但我们仔细去观察的时候，就会感觉画面规规矩矩，缺少一些设计感。没关系，跟着鱼先生继续来尝试调整，这一次我们把汽车进行抠图处理，然后左右两页的颜色进行分别填充，汽车跨越两个颜色之后，看上去就产生了跳跃的视觉性，前后和左右的维度都产生了变化，画面看起来就比原来饱满多了。做到这一步对于大多数设计师来讲已经可以结束了，但是这里呢，我们可以再深入一个层次，因为我们可以明显看出来上面的案例画面还是有些太过于空洞。这个时候我们可以把主体汽车这部分再进行优化，我们加入英文装饰，让整个画面再进行一个层次的加深。完成后如下图所示：这里如果想要继续优化细节，我们同样可以在汽车后面的文字上面下功夫，这里我利用模糊工具把文字局部进行模糊处理，形成了虚实结合的方式，让整个画面看上去更加的饱满。完成后，我们一起看下对比图：写在最后在以上的两个案例中，仅仅通过添加一个维度的技巧，就让画面的视觉完全变得不一样了，是不是既简单又实用的方式呢？设计不是一蹴而就，再小的技巧如果使用得当，都可以起到增加画面效果的作用，大家可以尝试起来了。OK，今天的文章到这里结束了，大家加油！下期见！欢迎关注作者微信公众号：「摆渡鱼生」本篇来源：优设网原文地址：https://www.uisdc.com/graphic-design-dimension
插画 画师 画面 大家好，我是和你们聊设计的花生~这期继续给大家推荐5位值得关注学习的插画师。上期回顾这 5 位优秀的贴纸设计艺术家，是我每日学习的源泉！大家好，我是和你们聊设计的花生~上一期为大家推荐了 5 位擅长扁平风插画的艺术家：[link https://www.uisdc.com/5-illustrations-artist]今天要为大家推荐的 5 位艺术家，都非常擅长「贴纸」设计。阅读文章 > Patryk Wojciechowicz「Behance 主页」 https://www.behance.net/wojciechowicz「Dribbble 主页」 https://dribbble.com/PatrykW/shotsPatryk Wojciechowicz 是一位来自波兰的插画师，他的插画以自然景物为主，场景视觉层次分明，色彩绚烂，氛围感极强。Patryk 善于在插画中使用对比色与近似色，主色彩往往只有 2-3 种，通过明度差异制造前中后景的层次差异。在视觉中心使用高明度高饱和度的色彩，与周围的暗色调形成强烈对比，使视觉中心得以凸显。并通过添加噪点表现光的扩散， 使色彩间的过渡自然柔和，使插画光感通透浪漫。相关免费插画教程扁平清新的森林小插画丨 https://uiiiuiii.com/illustrator/1212213732.html如何在绘制矢量插画时实现噪点效果？丨 https://uiiiuiii.com/illustrator/1212113398.htmlPriya Mistry「个人网站」 https://www.priyamistry.co.uk/portfolio/「Behance 主页」 https://www.behance.net/priyamistry「Dribbble 主页」 https://dribbble.com/PriyaMistryPriya Mistry 是一位来自英国伦敦的插画师，他的用色大胆丰富，擅长用画面来讲故事，所以经常与杂志及新闻网站合作社论插画。Priya 喜欢用干净的色块加简单线条来塑造画面形象，无论是人还是物品，都只有 2 个层级的分形，再利用明度差异立体块面塑造，这使他的画面内容清晰明了，处理复杂的画面也不会显得杂乱。Priya 非常喜欢用油漆马克笔在纸上作画，画笔和画纸的纹理让插画的质感更独特。这样偏好也影响到他的板绘创作，Priya 喜欢用带有粗糙质感的画笔，为画面带来更多的手绘质感。相关免费插画教程PS 教程！手绘风格街头小景插画！丨 https://uiiiuiii.com/photoshop/1212372835.htmlPS 教程！4 步原创顶级扁平噪点插画丨 https://uiiiuiii.com/photoshop/1212330347.htmlJorsh Peña「Instagram 主页」 https://www.instagram.com/jorshpena/「Behance 主页」 https://www.behance.net/jorshpena「个人网站」 https://www.jorshpena.com/Jorsh Peña 来自墨西哥，是一位插画师兼艺术导演。他的插画偏扁平线条为，用极简的几何形状拼接出各种元素。画面中的意象奇幻神秘，用色对比强烈，有极强的个人特色。曾被评为墨西哥最佳 150 名插画师之一，与微软、谷歌、Snapchat 等诸多知名品牌都有合作。Jordan 喜欢用等距插画来构建立体事物和空间场景，对事物的抽象方式非常独特，画面中人如同中宗教中的石像，且经常会结合主题进行大胆的分离解构。高饱和度的用色常常铺满整个画面，再在局部用无彩色进行调和，这样即使色彩强烈也不会觉得眼花，具有透气感。相关免费插画教程科技感满满的 2.5D 机器人插画！丨 https://uiiiuiii.com/illustrator/1212353650.html从头学习绘制扁平风购物主题插画丨 https://uiiiuiii.com/illustrator/1212433830.htmlJuan Afanador「Behance 主页」 https://www.behance.net/juanchaco「Instagram 主页」 https://www.instagram.com/juanchaco0825/Juan Afanador 是一位来自哥伦比亚的自由艺术家，他喜欢街头涂鸦，插画也是同样的潮流风格。Juan 创作的潮流插画线条流畅，元素造型饱满。画面以高明度高饱和度的色彩为主，搭配渐变、波点、半调网格丰富效果。长期的创作积累让 Juan 已经形成了鲜明的风格，也有了自己原创的 IP 形象，很多知名品牌的都有与他合作，他的插画也衍生出了很多时尚周边，收到年轻人的喜爱。相关免费插画教程UDT 分享！教你绘制潮流风格商业插画丨 https://uiiiuiii.com/illustrator/121286858.html用 10 分钟教你创作国潮风新春锦鲤插画丨 https://uiiiuiii.com/illustrator/1212359444.htmlAndrew Nye「Behance 主页」 https://www.behance.net/andrewnye「个人网站」 http://www.ajnye.co.uk/Andrew Nye 是一位来自英国的插画师，他专注于矢量插画的绘制，作品构思精巧，画风细腻华丽。Andrew 非常擅长金属玻璃质感的绘制及对细节的深入刻画，这让他的作品有了突破二维画面的立体感和真实感；画面用色多而不花，始终带有如钻石般精致闪耀的质感。除了画风的精致，Andrew 的作品内涵也非常有深度，常能将日常事物的进行不可思议的组合，绘制出展示背后的深层含义与问题的社论插画。相关免费插画教程巨详细的霓虹炫彩插画绘制过程演示丨 https://uiiiuiii.com/illustrator/1212430179.html创意手电筒灯塔插画设计教程丨 https://uiiiuiii.com/illustrator/1212420504.html以上就是今天的分享，更多相关插画资源头像如何画才能简单又传神？资深插画师6大步骤经验全分享！关于我：优设大课堂金牌讲师，高级原画师、插画师。阅读文章 > 我们邀请了3个优秀插画师，总结了这份商务合作流程指南本文邀请了优设的优秀老师哔波、林不慌和香奈，为大家分享他们多年的接私单经验。阅读文章 > 本篇来源：优设网原文地址：https://www.uisdc.com/sticker-design-3
空间感 画面 构图 强烈的视觉冲击力对于平面设计来说是一个很重要的品质，而关于如何加强画面的视觉冲击力，有一个方法简单又有效，即加强画面的空间感。那么，有哪些可以加强画面空间感的具体操作方法呢？葱爷特地去收集了一大波此类作品，发现大部分空间感很强的设计，除了视觉冲击力强以外，画面的美观性也会不错，并且总结出了以下几个规律：空间感很强的画面常用以下这几类构图1. 发散构图比如以画面中心为发散原点向四周发散；或者以画面中任意一个地方作为原点呈扇形发散。其实这个原点就是透视关系中的消失点。2. 螺旋构图螺旋的图形来自于漩涡，即越靠近中心越小，越靠近中心越深，与发散构图类似，只不过构成元素行驶的轨迹不是直线，而是曲线。3. 仰视构图仰视构图可以得到一种很雄伟、很大气的效果，在森林里或者高楼大厦的下面使用这种构图，空间感会特别强。4. 俯视构图与俯视构图相反，这种使用从上往下看的视角，可以让画面显得很壮阔。5. 鱼眼镜头即模仿摄影中的广角鱼眼镜头，将整个画面进行扭曲，呈现出球形的效果，加上一些元素的远近对比，空间感会特别强。6. 景深镜头即画面中会有一个焦点元素，而位于该焦点前后的元素都做模糊处理，以此塑造出空间层次。当然，设计不等于摄影，所以仅仅是使用一个构图并不能保证画面会具有很强的空间感，还需要根据透视关系调整元素的大小和光影，即近大远小原则和近光源亮远光源暗的原则。空间感很强的画面用这3类场景1. 城市 CBD 中心区在高楼大厦林立的城市中心广场，无论使用仰视还是俯视的构图都可以得到空间感很强的效果。2. 街道或巷子在狭长的街道上或巷子里，两旁的建筑、树木或广告牌随着视线距离的由近及远，会呈现出非常明显的透视变化，故空间效果就会特别强。3. 大自然诸如山川、湖海、草原这种很辽阔的场景，如果使用俯视的广角镜头，那么视野就会很开阔，由近及远可以看到非常大的空间、非常多的元素，层次也会非常丰富，所以空间也会很强。以下这几类元素的运用可以有效加强画面的空间感1. 超强透视的人物或物体比如有些海报会使用透视效果很夸张的人物作为视觉主体，配合人物夸张的动作或面部表情，可以大大加强画面的视觉冲击力和吸引力。2. 超强透视的文字一些大字报画面，甚至不需要具体的场景以及过多其他元素，仅通过把主要文字放大，并进行透视扭曲就能得到空间感很强的画面。3. 超强透视的装饰元素合理的使用一些装饰元素也可以让画面的空间感更强，比如一些符合透视关系的色块、线条、云层（插画海报经常用）等等。结语看了这么多作品，现在知道怎么打造空间感了吧，这类型的海报视觉冲击力绝对是杠杠的，而且如果细节处理得好，美观性通常也会不错，赶紧去试试水吧。新手如何做好海报设计？试试网格这个神器！大家好我是花生~前几天有小伙伴在社群中讨论海报设计，提到了一个问题：虽然自己知道做海报的时候需要用网格，但是不知道网格的行列数量设置成多少比较好；也有小伙伴说自己用了网格，但是海报做出来还是不好看，不知道是哪里出了问题。阅读文章 > 欢迎关注作者的微信公众号：「葱爷」本篇来源：优设网原文地址：https://www.uisdc.com/poster-design-4
图形 具象 画面 图形在版面构成中，占有很大的比重，也有这样一说：一幅图片胜于千字。但这并非文字表现力减弱了，而是因为图片能使本来平淡的信息变成强而有力的视觉画面。图形能有效地利用的视觉效果吸引读者的注意力，猎取读者的好奇心，使读者被图形吸引，进而将视线引至文字。这种瞬间产生的强烈的“注目效果”，只有图形可以实现。具象图像一般指的是还原真实的摄影图片，具有直观传递信息的特点，是人们最易于接受的图形形式，也更符合大部分的商业设计目的。运用具象图形来传达信息，容易从视觉上激发人们的兴趣与欲求，增强画面的表现力和说服力。尤其是一些具有漂亮外观的产品，常运用真实的图片通过精美的设计制作给人带来赏心悦目的感受。抽象图形常常是具象图形的概括与提炼，将丰富深刻的内容潜藏于简洁的外形里，让读者的想象力去填补和联想。抽象图形简洁凝练的形式美和强烈鲜明的视觉效果，较之具象图形具有更强的创意性和艺术感。绘画图形是指利用一切绘画手段创造的富有个性的图形，比如水墨、版画、插画等，可以通过独特的绘画风格，营造出优美而富有想象力的画面，更艺术化的传达画面信息。通过数字艺术处理，将不同的图像融洽地合成处理，或使用 3D 建模搭建场景等手段，都可以创作出各种创意十足、视觉新颖的数字图形。中国历来讲究书画同源，文字本身就具有图形之美，在保留其可读性的基础上，进行图形化设计，可以增强视觉效果的同时更便于记忆。在缺少图形素材的情况下，将文字图形化出现在版面编排中，使其成为版面的主体，可以形成别具一格的版面构成形式。图形在版式设计中给人最直观的感受，是不可缺的重要组成部分，好的图形能使本来平淡的信息变成强而有力的视觉画面。在使用图形时要遵循以下原则：图形的清晰度直接关系到设计的品质，清晰的图形能让画面更精致美观；而清晰度不够的图形，不仅辨识度会下降，品质感也会变差。所以应用图形素材时首先要满足最基本清晰度条件。特别是印刷使用到的图片，分辨率至少达到 300dip 以上，才能保证印刷品丰富的细节与清晰度。美观的图形具有多种多样的表现形式，如新颖的构图、别出心裁的视角、独特的光影、丰富的层次感、创新的配色、强烈的视觉冲击力等等，更容易让人眼前一亮。使用摄影图片与数字合成表现形式，图形具有独特的光影、丰富的层次感，很好的突出画面中核心元素产品，营造出时尚高端的氛围感。图形采用别出心裁的视角，运用打破常规构图处理，给人一种不同寻常的视觉体验，很好的吸引用户的注意力。图形还要考虑与版面风格的一致性，选择符合产品特色、且贴近设计主题的配图。如与产品相关的配图应用中，产品宣传类的目的，应该以展示产品外观为主，尽量选择能够直观清晰展示全貌的具象图片。如偏文艺、展览宣传海报则可以使用抽象图形、绘画图形、文字图形来呈现，具有更强的创意性和艺术感。其设计中出现的元素可以让对应的人群细细观看，慢慢品味。每种图形有着各自的优势和局限，左图使用具象图形的人物摄影图片，更能更直观的传递出“女子国乐团的音乐会”的主题，右图采用绘画图形青花元素来呈现，能给观众有更多的想象空间，也比较有艺术感。因此，在版式设计的过程中，图形的表现方式有时会同时出现或以互为融合的方式出现。设计时应根据不同的创意与对象采用不同的表现方式。选择好图形后，还要考虑图形主体是否明确？是否能清晰表达核心信息的内容？图形在画面中的位置、大小、角度是否合适性？如果不合适，则需要对图形进行二次加工。这些问题我们在下期文章中详细讲解，下期见！如何选到设计感强的配图？我总结了这7个实用方法在设计中，判断一张图是否好看的时候，你通常会从哪些角度去分析？阅读文章 > 欢迎关注作者的微信公众号：「艺海拾贝Design」本篇来源：优设网原文地址：https://www.uisdc.com/graphics-introduction
在路上
表哥
飞翔的企鹅
张大湿
落霞与孤鹜
