首页

作品就要不断打磨,这些细节点都要注意了!

天宇 平面设计

今天来优化一张作品

今天我们来看一下学员作品并且优化一下!

 

在优化之前,你们能不能看出作品还存在什么问题呢?

 

 

是不是感觉已经是一张完成度很高的作品了,那它能不能更好呢?

 

当然可以!我们来看看如何优化。

 

 

 

第一步 优化构图

 

原图的构图虽然感觉挺有意思,但是并没有做到位,对于新手来说,这种构图也是相对比较难的,前期我建议大家可以选择一些相对不易出错的构图方式,比如元素围绕主体,营造画面冲击力的居中构图。

 

 

1.可以把元素聚集到中心周围,让画面紧凑,饱满,做出向外冲出的效果。

 

 

 

 

 

2.可以添加两根前后贯穿空间的光带,增强冲击力,让构图更有张力!

 

 

这样的构图简单并且容易出效果!

 

 

 

第二步 色彩调整

 

1.饱和度:

原版画面中这一层次看起来是不是特别重,导致画面的节奏一下有点乱掉了。而且整体饱和度相对比较高,有点油腻!

 

 

我们要适当降低画面中部分层次的饱和度,这样才会使整体更加高级,可以看下优化之后的效果:

 

 

是不是舒服多了。

 

 

 

2.统一色调:

我们做图的时候主体和环境要有一些呼应,这个飞碟飞碟正面有点太绿了,缺少一些呼应环境的颜色,这样就会感觉和画面有些割裂感,可以增加一些环境色,使其统一呼应到一起。

 

 

我们看下前后优化的对比效果:

 

 

这样就和谐多了!

 

 

 

第三步 优化空间

 

首先我们来看原图,是不是会觉得画面中心有一点空,元素都在外部,导致整体不够饱满:

 

 

所以我们在优化的时候,把元素平均的分布在画面的每一个地方,使空间看起来更加的均衡:

 

 

现在元素虽然均衡了,但是并没有产生前后关系,所以我们让后面的元素更弱一些,分几个层次。

如下图:

 

 

当我们把这样的元素层次放在画面里之后,看起来就会更加的精致饱满,空间感十足:

 

 

 

 

 

第四步 增加画面趣味性

 

其实增加趣味性的方法有很多,比如我们在这个画面融入了很多表情,可以让画面更加生动。

 

除了这样的方法,其实一些小小的改动有时候也可以让画面变得更加趣味一些。

 

比如:

原版的飞碟太正了,显得呆呆的,这个时候我们可以把主体歪一下,一下子它就活泼了。

 

 

 

再比如:

有时候元素直接漏出来显得比较生硬,如果我们利用一层一层的波纹,藏住元素,或许也可以巧妙地增加画面趣味性:

 

 

 

效果还不错吧!

 

最后我们加上文字,看看整体优化前后的效果!这是不是要比之前的稳很多呢:

 

 

 

 

 

总结

 

最后,我们再来总结一些知识点吧:

 

1.构图:构图的时候就要要注意整体的饱满度,画面稳定,元素分得太分散就会不聚焦了。

 

2.颜色的饱和度:主体>元素>背景。

 

3.空间:画面不能太空,要有节奏的把画面每一个角落都照顾到,其次我们要在视觉上有前有后,增强纵向空间上的层次感。

 

4.趣味性:增加画面趣味性除了利用表情以外,还可以用一些微小的变化去实现,比如歪着的可能比正的活泼一点,再比如元素的穿插互动也可以让画面增趣不少,大家可以多多尝试!

 

以上就是今天和大家分享的内容,希望对大家有所帮助!



作者:菜心轻量文
链接:https://www.zcool.com.cn/article/ZMTQ1OTYxMg==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

这几个知识点终于解决了我配色的一大难题!

天宇 平面设计

 

1.亮色与重色的比例

 

我们在设定界面风格的时候,少不了颜色的配比,但颜色一定是讲究平衡的,其中一个最重要的平衡就是明暗的平衡,如果你的界面全屏都是很亮的颜色,那就会导致非常的刺眼,比如像瑞文同学的这个颜色设定:

 

 

就是过于明亮了,其实当我们的颜色过于明亮时,最常用的一种方式就是,直接用黑色去压住亮色,像下面这组图标的做法一样,减少亮部颜色,直接增加黑色:

 

 

这样就不会那么刺眼了,当我们明白了底层原理之后,再去优化配色,我们看前后的变化:

 

 

这样就会比之前舒服很多,当然,也可以试试头图变成黑色,按钮变成绿色,把重色面积继续加大,但不管哪一种,都会比之前全是亮色要好很多!

 

 

 

2.这个改动可爱了太多

 

小A同学是一个非常有潜力的同学,但是最开始交上来的吉祥物作业,也不是很理想,效果如下:

 

 

话不多说,我们就改动一个点,五官紧凑,看看前后效果对比:

 

 

可爱的程度完全不在一个档次,我们再看看小A同学后面的延展效果:

 

 

比之前强了很多很多倍,就是因为一个五官紧凑。

 

 

 

3.对颜色的敏锐度

 

我们在做练习的时候,很重要的一个锻炼点就是视觉敏锐度,能够敏锐的发现哪里不舒服,这个真的很重要。

 

而视觉敏锐度里面就有一个维度是颜色,比如我们在看下面一兜糖同学做的质感图标作业:

 

 

我们应该快速的看出,第一个图标颜色不是很和谐,没有后面两个那么舒服,主要是那个蓝色有点脏,我们看优化后的三个图标:

 

 

就比之前要统一舒服很多。

 

当我们的练习达到一定量时,敏锐度自然就会提高很多,所以一定要多去练习,把敏锐度这一块提高上来。

 

 

 

4.绿色好难配啊!

 

这是潘子同学的疑惑点:

 

 

他感觉绿色好难啊,第一次交上来的作业如下:

 

 

先不说造型问题,就光说颜色,就有点单薄,也有点太亮了,还有就是颜色比较正。

 

其实我们在配绿色的时候,只要把绿色加一点蓝色,或者加一点黄色就会让颜色好看很多。

 

 

后来潘子同学把颜色进行了优化:

 

 

这样就比之前还要多了。

 

还有包括柠檬同学用的绿色:

 

 

也是比较好看的。

 

这回再用绿色的时候,大家清楚怎么好看了吧!

 

 

 

总结

 

以上就是今天和大家分享的一些知识点啦,大部分是关于颜色的,颜色敏锐度、绿色怎么配,明暗的对比等等,颜色是一个非常重要的视觉维度,希望大家都能重视,并且多多练习。提高自己的色感!

 


作者:菜心轻量文
链接:https://www.zcool.com.cn/article/ZMTQ2NzIzMg==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

图片海报不会做?6种方法提高形式感!

天宇 平面设计

在任何时候,海报的图片处理都是设计师不可避免的一个步骤,运用对色调的处理,构图的改变,甚至于风格化处理来调整图片,使之能够更加的适合版面,我们今天分享的就是通过对图片的处理来塑造不同风格海报的设计。

 

01-

酸性液体金属效果处理

酸性风格它的体现形式通常是镭射纹理,金属玻璃材质,3D物体材质等,其中很多人都好奇金属玻璃材质的做法,也就是如何将普通的图片转换成酸性图片,接下来我们将讲解酸性图片效果的处理方法,二话不说,先上效果图:


步骤一/step 01

导入已经抠好的素材,快捷键ctrl+shift+u作去色处理

 

 

步骤二/step 02

ctrl+j复制一层,ctrl+i反向一下,并设置模式为【差值】,ctrl+e合并这两个图层,这一步骤要重复2-3次左右,会形成这样的效果,做好后的效果有点丑,但是没关系,我们接着往下做。

 

 

步骤三/step 03

将图形转化为智能对象,执行命令:滤镜-模糊-表面迷糊(数值自定,具体数值可以自行修改,主要将黑白部分过度更加柔和一些)

 

 

步骤四/step 04

执行命令:滤镜-风格化-油画(数值自定,这一步骤可以将黑白之间的过渡更加柔和,形成液体金属的最终效果)

 

 

步骤五/step 05

执行命令:滤镜-滤镜库-塑料包装(数值自定,这一步骤还是处理黑白之间的过渡,使之更加柔和),最后可以调整一下亮度和对比度,使之与金属更加相似。

 

 

步骤六/step 06

最后排版上文字,海报就完成啦。

 

 

 

 

 

02-

复古潮流风艺术海报

半调网屏模式作为印刷中的重要方法,有着其特殊的处理艺术效果。在ps中,通过色彩模式可以将图片的效果处理成半调网屏的像素状效果。它有着复古潮流的艺术效果,下面我将讲解如何在ps中给图片添加半调网屏艺术效果,同上,先上效果图:


步骤一/step 01

在PS中导入图片,在这种潮流海报中,我们追求特殊风格海报设计,可以在抠图时故意粗糙的抠图出来,并执行命令:图像-调整-黑白

 

 

步骤二/step 02

执行命令:图像-模式-灰度,再次执行命令:图像-模式-位图,调整参数像素设为300,方法使用半调网屏,点击确定;

 

 

步骤三/step 03

在上一步点击确定后出现以下界面,频率越小,效果越强烈,越大效果越轻,角度设置像素格的旋转角度,形状可以自行尝试选择,我这里选择的是菱形;

 

 

步骤四/step 04

我们需要把位图模式转换成RGB,需要执行两次命令,第一次执行:图像-模式-灰度,第二次执行:图像-模式-RGB

接着是将弄好的图片去掉白色底背景,在通道面板,按住ctrl键,鼠标左键点击其中一个通道,得到白色选区,快捷键:ctrl+shife+i反选选区,快捷键:ctrl+j复制图层,隐藏下面的图层,得到了一个半调网屏的图片。

 

 

步骤五/step 05

最后排版上文字,就可以得到一张复古潮流艺术风海报。

 

 

 

 

03-

炸裂风格图片处理

接下来休息下,我们来做一个非常简单,但又非常好看且具有形式感的图片处理方法,炸裂风格图片海报,调整比较细的方块可以有刺绣效果,非常具有视觉冲击力,同时也能使版面产生非常强烈的层次感与形式感。先看最终效果:


步骤一/step 01

只需将图片导入PS,执行滤镜-风格化-凸出,这里可以自行调整参数

 

 

 

步骤二/step 02

在版面上排版图片和文案,这样一张炸裂风格的海报就做好了。

 

 

 

 

 

04-

长虹玻璃风格海报

长虹玻璃效果顾名思义,就是像玻璃样式的效果,他能给人一种朦胧的美感,与“模糊”有点类似,它比较适合潮流时尚的一些产品海报设计时使用,尤其在电商海报中特别常见,接下来我们来详细讲解这种效果的做法吧,先上效果图:


步骤一/step 01

在ps中新建一个画布,填充一个50%的中性灰,用矩形工具绘制一个细长的矩形,填充颜色为黑白的线形渐变;

 

 

步骤二/step 02

复制渐变的矩形框,填满整个画布,全选复制出来的矩形框,邮件转换为智能对象,快捷键ctrl+shift+s存储为psd文件,注这是后期用来置换的文件

 

 

步骤三/step 03

在画布中倒入我们准备好的图片文件,复制一层,执行命令:滤镜-模糊-高斯模糊;

 

 

步骤四/step 04

执行命令:滤镜-扭曲-置换,在跳出的页面设置水平和s垂直比例都为50,置换图:拼贴,未定义区域:折回,点击确定后选择刚存储的用来置换的文件;

 

 

步骤五/step 05

将刚才线形渐变的矩形置于最上层,混合模式改为柔光,并且调节下透明度,这样长虹玻璃效果就完成啦。

 

 

步骤六/step 06

选取工具选择需要的部分执行蒙版,就可以得到一半有玻璃,一半没有玻璃的效果,然后排版上文字,海报完成!

 

 

 

 

05-

3D炫彩海报

3d炫彩海报适用于科技,创意等风格呈现时使用,它的本质是将一张图进行一种3d化处理,制作起来也是相当的简单,且特别能提升版面的形式感与立体感,制作非常简单,我们一起来做下呗,老规矩,先上图:


步骤一/step 01

 

首先我们需要找一张颜色特别丰富的图片,最好是像这种发光的海报,执行命令:滤镜-扭曲-旋转扭曲,设置相应的数值

 

 

步骤二/step 02

执行命令:3d-从图层新建网格-深度映射到-平面,把3d面板里面的预设改为【未照亮的纹理】

 

 

步骤三/step 03

在3d里面调整合适的角度后,在图层面板选择图层,点击鼠标右键-栅格化3d,快捷键ctrl+t将图层调整适合大小;

 

 

步骤四/step 04

最后排版上文字,海报就完成啦!

 

 

 

 

06-

塑料薄膜风格海报

最后一种是塑料薄膜风格海报,这种效果相对来说比较复杂,所以放在最后一个说,虽然不涉及图片处理,但是对于海报设计来说可以说是锦上添花的一种存在,他能让海报具有一种光泽的质感,使其更显层次感和形式感,这种海报在店招海报或者产品海报中比较实用,废话不多说,来一起来做下吧,还是老规矩,上效果图


步骤一/step 01

我们需要新建一个空白图层,填充黑色,执行命令:滤镜-渲染-云彩

 

 

步骤二/step 02

执行命令:滤镜-液化,这里你可以随意一点画,这是将塑料膜的纹路画出来,这是我画的样子;

 

 

步骤三/step 03

执行命令:滤镜-滤镜库-艺术效果-绘画涂抹,画笔类型选择火花,这一步是将黑白颜色区分开来;

 

 

步骤四/step 04

再次执行命令:滤镜-滤镜库-素描-铬黄渐变,这一步同样是为了是将黑白颜色区分开来,只不过这次的效果更加明显;

 

 

步骤五/step 05

点开通道面板,按住ctrl键,随意单机一个通道,得到选取,回到图层面板,快捷键ctrl+j复制一层,图层模式改为滤色,调整适合的透明度,最后在下面加上图片,排版上文字,海报就完成啦!

 

 



作者:欧阳威John
链接:https://www.zcool.com.cn/article/ZMTUzNzA0NA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

这排版确实专业,这次不献丑了!

天宇 平面设计

今天来继续聊聊慢热视觉课里的排版部分,分享一些小干货给大家:
 
 
 
1.主体和画面对比:
这排版确实专业,这次不献丑了!
 
 
 
同学排版做的不错,但是主体和背景的对比不足,导致怎么画面有些闷闷的。 所以我们可以提亮背景,加强背景和麦克风的对比这样画面就不会那么闷了。
 
 
像下面这些都是画面对比不足导致画面闷闷的或者层次拉不开的问题画面:
 
这排版确实专业,这次不献丑了!
 
 
 
 
我们可以在中间加一层亮色隔开,也可以增强画面的对比:
 
 
这排版确实专业,这次不献丑了!
 
 
 
 
 
 
2,整体画面的结构比列:
 
比如下面的这张画面,整体可以分ABC三个部分。
这排版确实专业,这次不献丑了!
 
 
 
 
 
问题就在于A/C的体量太一致了,觉得整个画面很臃肿。怎么调整呢?其实我们可以适当调整占比,拉开A/C的差距,比如缩小C的占比,这样整个画面就更有主次了:
 
 
 
这排版确实专业,这次不献丑了!
 
 
 
 
实际效果,顶部的标题和底部的信息拉开了主次,整个画面才有了更好的节奏感:
 
 
这排版确实专业,这次不献丑了!
 
 
 
 
 
 
3.排版的延续性
 
看看下面的两个案列:
这排版确实专业,这次不献丑了!
 
 
 
左边的排版感觉,就是排版和主体元素有很强的分割感,右边的排版就比较连贯。
 
 
 
 
要去除这种感觉,我们需要像右边这种,在中间区域增加一些和排版同色系的图形或者文字来起到延续的作用,这样整个画面才能连贯起来,不会有分割感。
 
 
 
 
4.局部排版的比例节奏
 
拿下面这个排版举例:
这排版确实专业,这次不献丑了!
 
 
 
 
他的文字和英文太相近了,看起来就像三根柱子,毫无变化:
 
 
这排版确实专业,这次不献丑了!
 
 
调整的有主次变化,我们可以缩小其中一根,再加一些错位:
这排版确实专业,这次不献丑了!
 
 
 
表现到字体排版上就是:
 
这排版确实专业,这次不献丑了!
 
 
节奏感是不是就好多了呢?
 
 
 
 
5.排版的疏密节奏
我们来看下这一份作业:
这排版确实专业,这次不献丑了!
 
 
整个画面非常密集,特别是背景排版全是各种小字密密麻麻布满的整个画面,就导致了整个画面非常密集。
 
 
其实这里我们需要整体画面你的节奏感,一般来说我们背景的密集程度要和主体有所联系,一般来说我们主体是我们画面中最复杂的部分,其余部分如点缀元素、背景等的复杂度都要弱与主体,这样才能很好的突出主体。
 
 
 
我们可以用一些大块面的字体去大面积概括画面,不要用很小很碎的字体去堆叠:
这排版确实专业,这次不献丑了!
 
 
气质是不是一下就上来了呢?
 


作者:菜心轻量文
链接:https://www.zcool.com.cn/article/ZMTY0MDUxNg==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

当客户说'不够高级'时,我用这两招让设计秒变奢侈品视觉

天宇 平面设计

今天我们视觉课上有同学的作业画了一个唱片机,有很多的问题,我们来看一下。
修改前:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
修改后:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
给家分享一下修改的心得和注意事项。
 
 
1.结构比列
 
我们先从结构比例上来观察,唱片的大小不合适,超出了唱片机的范围。唱片也没有厚度,显得很单薄。最后是唱片机的高度很低,这样导致了最后的整体效果有些扁扁的,不够饱满的和立体:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
所以我们需要把这些比列问题先调整出来。收回唱片的范围、增加唱片的厚度、增加唱片机的高度:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
通过结构比列的调整,整体可以看到明显地变得更稳定和饱满了。
 
 
2.结构组合
原来的作业里,在唱片机侧面增加了旋钮来作为装饰:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
但是这样加有几个问题。
第一个是,左右两边都是旋钮,这样在视觉上会很重复。
第二是,占比都很小,整体看起来就会很小气,不饱满。
看下我们修改后的:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
左边的一排旋钮,我们减少成了一个大旋钮和一个显示屏:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
而右边呢,我们可以直接不加东西,如果一定要加也尽量区别于左边。比如可以加一个播放状态:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
这样是不是就更丰富饱满了呢。
所以我们在这些周围加结构装饰的时候呢,一定要注意饱满度,然后是尽量用不同的类型去修饰,减少重复性。
 
 
3.颜色调整
还有一个比较大的问题,那就是颜色了,原来的颜色整体都有些闷闷的,不够高级,左边旋钮的颜色也比较跳脱:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
再分析一下他的颜色选择:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
可以看到基本是同一个颜色单纯变化了明度和饱和度。
那我们修改后的颜色呢:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
可以看到有明显的色相变化,但是饱和度和明度基一直在中间最顶部,没有做变化。这样才能让我们的的颜色始终保持干净通透。
原本比较跳脱的按钮颜色也改成了和身体一致的颜色,这样就不会显得跳脱了:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
 
 
4.细节表现
原来的作业,唱片基本就是黑色,没有光感:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
这种比较中心的元素不应该平平无奇,而是要想办法增加更多的细节,这样才能好看,才能吸睛!
矩形工具拉一个蓝色块:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
用透视工具拉变形成两个倒三角:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
剪贴蒙版到唱片上,然后调整羽化值20左右,就得到了贴合唱片的光感:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
用同样的方法,多做几条光:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
新建图层填充一个中性灰,然后使用滤镜-杂色-添加杂色功能做出这个素材:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
使用叠加模式,透明度45%把这个素材叠加在唱片上以增加颗粒感:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
接下来,我们还要加强光感对比:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
在箭头位置都加入了更亮的颜色去提亮,让整体的光感更通透和明亮,就不会像原来这样整体闷闷的了:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
最后我们再来看一下完成后的效果:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
 


作者:菜心轻量文
链接:https://www.zcool.com.cn/article/ZMTYxNzExNg==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

快速提升设计气质的7个版式技巧

天宇 平面设计

掌握一些有效的技巧,有时能事半功倍。

排版的技巧有很多,而且随着设计的发展,每过一段时间都会有一些新的技巧流行起来,葱爷今天要给大家分享的这7个技巧,也是近几年比较流行,且容易上手、容易出效果的排版技巧。

 

比如给英文或者中文标题选择一个笔画很粗的无衬线字体,然后在它上面加一个或几个比较潦草、笔画较细的手写英文单词,就能得到一个很不错的效果。

 

由于识别性不高,手写的英文单词最好是无关紧要的,主要是为了起装饰作用。
在此基础上还可以进行色彩搭配,而且颜色对比最好要鲜明一点,这样就建立起了强烈的粗细对比、大小对比、刚柔对比、色彩对比等。适合在海报设计、画册设计、网页设计中使用。

undefined

 

 

 

你是不是常常发现自己设计好的版面太过规矩,或者有点空、缺乏细节?而增加一个用英文排成的圆圈就可以解决很多类似的问题。

 

 

因为这个圆圈文字能与版面中的图片以及其他文字块形成轮廓对比、面和线的对比、曲和直的对比等。为了让其不太孤立和单调,最好最好把它叠加在图片或其他文字上面。
组成圆圈的文字字体可以是衬线体、无衬线体或者手写体,但字号不宜太大,精致、秀气一点比较好看。

 

 

在正常的排版中我们都知道,字间距和行距都不能太大,而且间距要比行距小,而在文字比较少、版面比较空的情况下,我们可以把一些不是很重要且字数比较少的文字,采用大间距、大行距的方式排版。

 

 

这么做等于是把单词或者句子拆成了整齐排列的一组“点”,这样它就能与版面的其它元素形成点、线、面的对比,可以增强版面的设计感,而且能覆盖比较大的空间,起到装饰的作用。

 

 

这是类似于摄影中双重曝光的技巧,只不过把外轮廓图形换成了文字,所以这既是一个排版技巧,也是一种设计形式。
为了效果比较好,用于填充图片的文字通常是字号较大、笔画较粗、字数较少的标题文字,图片也要选择质感好、颜值高的,如果是具象的图片则要尽量保证重要部分的完整性和识别性。

 

 

 

 

 

不是说要把文字做立体字,而是把文字按照一定的结构进行组合,或者把文字变形处理,从而达到三维效果。
由于文字常见的状态是扁平的,所以当打破文字这种常规的状态,将其图形化、赋予三维效果时,就会具有很强烈的视觉冲击。在使用这一技巧时要注意文字的识别性。

undefined

这一技巧同样也适用于标题排版,字体同样要选择笔画较粗的无衬线体,而且字号要大,描边字与无描边字的字号要统一或者比较接近。
这种效果比较好的原因是,描边文字与无描边文字组合在一起,可创造出鲜明的线面对比、虚实对比、轻重对比。为了保证文字的识别性,文字的描边不要太细,也别太粗。

undefined

在图片为人物、动物,或者产品的设计中,可以把最主要、或者质量最好的一张图片去底,并且拉大,然后再搭配1-2张比较小的方形图片,这样就能形成鲜明的大小对比和轮廓对比,效果也是不错的。
这种排版方式在网页设计和画册设计中很常见。

 

 

 

 

总结

 

怎么样?以上的7个版式小技巧还不错吧,赶紧去试一试。你们可能也发现了,其实它们都是巧妙运用了设计中的对比原则,比如大小对比、粗细对比、点线面、平面与立体对比、轮廓对比、虚实对比等等。所以熟练掌握对比非常重要,你也可以在对比的基础上,尝试出很多有趣、好看的排版技巧和设计形式。



作者:葱爷
链接:https://www.zcool.com.cn/article/ZMTE0NTUwMA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

7种版面构图 让海报立马不一样!

天宇 平面设计

在设计的创作重,很多设计师都喜欢追求软件技法带来的炫酷感,而忽略了构图理论知识带来的重要性,这篇文章就是为了解决这个问题

海报设计对于初学者而言,是一个简单入门,又容易出作品集的类目。在刚开始练习时不要天马星空的去想象,最好的练习就是根据一定的构图规范,尝试寻找规律,建立可行的秩序,让版面具有一定的阅读性。

-

只有在版面具有基础的阅读性,才可以根据想法思路进行创意性的表现,而建立持续最简单的方式之一就是运用构图。当下主流的常用构图,我大概总结整理有七种形式,下面我们一起来了解一下,附带案例演示。

 

 

 

第一种:四周压角构图→

四周压角构图指的是将标题或者重要信息放置在版面的四个边角处,可以是图形或者文字,其余信息元素等则放置在画面中间区域,使其整个版面严谨有序,平衡且具有视觉的张力。压住四角一般会结合居中式构图来呈现版面,可以产生视觉聚焦。

 

 

 

 

 

 

将信息压在四个角之内

 

 

 

将信息超出页面四角一部分

 

 

 

将信息沿四周环绕排版

 

 

 

第二种:对称式构图→

对称式构图指的是将版面分成上下或者左右两个部分,上下或左右两部分比重相同,排版相似,对称式构图可以使版面更加有秩序感,适合处理信息较多,层级较为复杂的内容。对称式构图可以很快速的塑造出版面的平衡,视觉上的平衡几乎就等于完成了版面的50%设计目的。是初学者中最为常见的形式之一,对称之间互相呼应,信息处理可以从中快速打破呆板状态,让版面具有灵活性。

 

 

 

 

上下对称式构图

 

 

左右对称式构图

 

 

 

第三种:居中式构图→

居中式构图也叫中心式构图,是指把主体信息放在版心中间,这样容易产生视觉聚焦,其他信息围绕版面中心来进行排版设计,放在版面中心的可以是文字、图片、图形或者文字等。使用居中式构图,需要多注意画面整体的平衡和元素之间的留白关系,让元素组合之间留有足够的对比与阅读性。

 

 

 

 

 

第四种:S型式构图→

S型式构图,将主要元素按照S型排版,版面更加的自由生动,非常具有表现力,是一种很常见的灵活构图手法,主要元素可以是图像、图形、标题文字、slogan等。S型式构图是讲曲线与版面进行结合,可以快速的创造出灵活的版面视觉以及节奏感,可以很好的提高版面的形式感,同时也可以有效的引导观众读者的视线。

 

 

 

 

 

第五种:三分式构图→

三分式构图是指将版面分割成相等或不等的三块区域,每个区域放置相应的信息,三分式构图分垂直三分法和水平三分法,三分之后版面更有秩序感,适合处理文案较多,层级较为复杂的内容。难度较高,同时容易让版面连贯性断层,所以在运用当中需要额外留意元素与空间之间的融合表现。

 

 

 

 

水平三分式构图

 

 

垂直三分式构图

 

 

 

第六种:倾斜式构图→

倾斜式构图,是指将版面整体或者主要元素作倾斜处理,也可做透视处理或对角处理,这种构图使版面更灵活,更加的具有形式感,作倾斜处理的元素可以是主题、图片等元素。倾斜与对角可以提高文字或图片的表现力,能很快速的塑造整体的空间感。

 

 

 

 

 

第七种:散点式构图→

散点式构图,是指将元素按照规律或者不按照规律自由的放置在版面的区域,散点放置的内容通常有文字,图片等,通常散点式构图都会结合S型式构图搭配使用,这种构图形式感强,更具有画面表现力.在运用的时候,需要特别注意文字或标题的阅读性,过于抢镜会让版面丢失主题。

 

 

 

 

 

 

光说不练假把戏,实操案例来一个,这一个案例是围绕四周压角构图来分享海报的制作操作技巧。

涉及到的知识点有:

①四周压角构图的技巧;

②文字编排;

③利用文字的局部轮廓化使版面更具有形式感。

我们先来看看最终的海报效果先。

 

 

 

第一步:→

所选的文案是一个摄影展,所以我们找了一张具有故事性的图片作为底图,新建文档,背景填充为黑色,置入图片,确定图片在版面中的位置,因为我们准备做四周压角构图型的海报,所以我们与居中式构图相结合,这样能使版面的视觉聚焦。

 

 

第二步:→

根据图片的构图,我们来确定整体版面的构图形式,由于图片是居中偏右的,所以我们用居中式构图加上四周压角构图来进行整体版面的风格呈现。

 

 

第三步:→

将主题文案“无限的山峰”以四周压角构图的方式放置在版面的四个角上,我们使用的是压在版面以内的压角构图,并结合居中构图的方式,这样能使版面更加的规整有序,而且具有视觉张力,注意图片和文字的联系。

 

 

第四步:→

现在我们来进一步进行处理,由于主题文案相离较远,接下来就是增强主题文字之间的联系,我们尝试用线来处理,线的作用就是连接与分割,我们用线将主题文字连接起来,并加上一些汉语拼音元素,使线条不会那么单调,并且更具有形式感。

 

 

第五步:→

先不急着下一步,我们先来观察下版面,现在的版面被我们分割成了四份,我们把剩下的信息分别在指定的区域内进行排版。

 

 

第六步:→

我们将剩下的文案分别进行排版,重要的信息我们需要放大处理,不重要的信息可以偏小一些,重要的信息比如:参展艺术家、日期、地址等,这里要注意层级之间的划分,要使版面显得井然有序。

 

 

第七步:→

其实版面到这里已经处理的差不多了,但是主标题看起来稍显平凡,跟内文的文字一样,没有什么特征特色,所以我们可以做更多的变化,拆分主题文字的一些笔画,并使其轮廓化,我们还可以倾斜或放大一些笔画,或者局部模糊,打散等等众多效果都可以尝试。

 

 

第八步:→

其最后把整体的细节稍微调整下,这样,一张具有形式感的海报就形成了,这张海报用到了四周压角构图,居中式构图,所以可得出结论,七种构图方式之间是可以交叉使用的,只要能使版面更加的好看,更具有形式感就行。

 

 

→ 完成!!



作者:欧阳威John
链接:https://www.zcool.com.cn/article/ZMTQxMjgyMA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

如何把控设计的画面整体?这个六个视觉语言一定要了解

天宇 平面设计

不管是一部电影,还是一张视觉创意,想要消费者或者老板买单,从形、意、色、字、构、质等一系列视觉语言,都需要很好的掌握。

 

 

 

 



作者:Peng蓬的芝士追光
链接:https://www.zcool.com.cn/article/ZMTQ4ODYwMA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档