最美UI

平面设计中的对比与重复在画册中的运用

平面的构成形式主要有重复、近似、渐变、变异、对比、集结、发射、特异、空间与矛盾空间、分割、肌理及错视等等。

平面的三大要素

现实世界中,各色各样的形不胜枚举,不论具象、抽象、自然或人工的形、都离不开点、线、面、体这四种基本形态。再细小的点,只要可见,就一定有其形状、大小、色彩和肌理。可见的点、线、面都是实实在在的形象,在平面构成中,称之为“三大要素”,这三大要素看似简单,但却是现代设计中必不可少的基础。

平面的基本构成形式

构成形式主要有重复、近似、渐变、变异、对比、集结、发射、特异、空间与矛盾空间、分割、肌理及错视等等。下面我着重讲一下重复与对比的特点与应用。

重复与对比

这个由点和线构成面的基本型,通过重复的形式延伸出更漂亮的图案。

很多的点沿着一定的路径通过重复的表现形式构成了一个非常顺滑的丝带,加之颜色的运用,显得更时尚动感。

对比

色彩的对比

五彩斑斓的色彩形成了鲜明的对比,使个性更为突出。

大小的对比

平面设计中,所有的对比都是相对而言的,在设计版式的时候一定要把握整体,看你所处的场景是宇宙还是地球,抑或是尘埃,这样才能更好的从宏观上把控版面。

方向位置的对比

相同的元素,在不同方向和位置的情况下会生成各种不同的视觉效果,也会使画面更为活跃,不会显得过于单调。

重量的对比

空心与实心的字母在整个版面的排布中起到了很好的对比效果,让视觉有个很好的落点,灵活而不繁杂。

肌理的对比

肌理的运用在画面中往往会显得比较有质感,更有真实的触感与代入感。

形状的对比

不同的形状可以通过叠加,相交,分离等形式延伸出不同的对比效果,同时可以生成千变万化的基本型。

实例演示01

文案信息

封面:   

上海万厚生物科技有限公司

杀菌·防腐·防霉·防藻

封底:

上海市静安区江场三路238号404室 200436

电话:021-56959789/56959792

传真:021-56959250

网址:www.shwanhou.com

邮箱:info@shwanhou.com

客户要求 >>

在封面设计上力求简介,不要图片,简约清爽。

思路整理 >>

1/ 从基本信息和客户的要求上来说,我们基本上就已经排除了配图的想法。

2/ 从简约上作为出发点,我们不妨用点线面的对比重复去处理版面。

3/ 从颜色角度上看,清爽的版面,可以取LOGO的标准色作为一个主色,另用中性色去搭配即可。不要轻易使用大范围的重色块,因为我们首先要看清楚客户的要求。

版式布局>>

因为是封面的设计,信息也比较少。我们先把信息归类,突出品牌LOGO品牌的核心竞争力。

加入基本元素 >>

点线元素的加入丰富画面的层次。

单元形的构建 >>

基本形大致分为三种:圆形、方形、三角形。我们用基本形加上重复对比延展为更丰富的单元形。

对比重复的运用 >>

将生成的单元形通过不同的位置,方向,颜色,大小等的对比分布在画面中,巧妙的构建起画面的骨骼。装饰性与功能性同在,简洁而又清爽。

样机效果 >>

内页的延续性 >>

最后再晒一张内页的效果图,这原本就是一个封套设计,右下角的绿色块是卡名片和单页之用。同样在内页的运用上也可以把单元形去延续,重复对比出新的画面布局。


实例演示02 

文案信息>>

封面:

UG逆向工程建模技术

封底:

无信息

客户要求 >>

这是一个书的封面,要符合书的感觉,且要做的符合行业,应用领域是摩托车模型和汽车模型。

思路整理 >>

1/ 信息极少,LOGO就不用说了,一个字丑,没什么深化的空间。

2/ 从书的标题上入手,查阅相关资料。从UG入手做符合行业的效果。

3/ 寻找汽摩的相关模型图片

版式布局 >>

 

从UG入手,做出3D模型效果,做成光泽度,符合行业本身的属性。基本的版式布局排列好,从网上找到相应的配图。从颜色的角度,暗调的蓝和中性灰更能体现工业风,而又不太压抑。

单元形的构建 >>

此单元形是在车本身属性基础上去创建的。倾斜的图形体现出车的速度与张扬。单元形也是要根据实际情况而定。没有一成不变的法则。

对比重复的运用 >>

在单元形中插入相应的图片,整体变得更为动感与流线。

版式整体调整 >>

把单元形置入画面中,调整整体效果,上面的线性元素就是上个案例延伸出的单元形,这里就不再累述。

样机效果 >>

小结

元素的构成形式巧妙的运用可以起到很好的效果,千万不要花太多的时间去找各种素材,拼凑素材。美感和平面构成的基本构成形式才是最基础而且最本质的精华。希望我们在设计的过程中要勤于思考,勤于学习。

分享设计师:风的诗人 

微信公众号微信公众号:zuimeiui

扫一扫 关注公众号

0

[ 最美特色栏目推荐 ]
设计导航:全球顶尖设计网站推荐,设计师必备导航! → 猛戳这里
设计欣赏:收集海量精选APP截图,让你设计灵感小宇宙大爆发!! → 猛戳这里
APP图标:精选APP图标,看看各大app图标的设计风格提升设计感! → 猛戳这里
最美UI(zuimeiui.com)每天发布高质量的设计教程和分享设计经验,帮助喜欢UI设计的初学同学快速转型,我们给大家提供更多免费学习ui的机会,想成为设计师的你赶快加入吧!
【原创文章 投稿邮箱:tougao@zuimeiui.com | 期待您的投稿!】

上一篇
零基础五分钟快速设计出一个LOGO!
下一篇
字体设计教程!教你快速设计字体