日期:2023/06/02 22:24作者:佚名人气:
作者:风的诗人
来源:版视(id:banshidesign)
前言
——
在版式设计中,图片作为画面中重要的元素起到了举足轻重的作用。一个好的摄影图会为画面增色许多。同样的版式布局,你离高手的距离也许只差一张好图。本期我们就来探讨一下如何选图,如何将图片素材运用到好处。
& 好的图片都有其基本标准,这三个要素属于好图的基本标准,当然还有其他的标准,这里重点讲这三点。更多的期待我们一起探讨。
——
上图的美女图本身是一张优质的摄影图,时尚美丽。当我们把清晰度降低之后儿童标题图片素材,特别是到马赛克阶段的时候,质量可谓大打折扣,当然放在设计画面中也是很不适合的。
边距
——
左图中狮子的鼻子已经挨着边缘,这样也是不完整的图片,会造成左边空间的拥挤。如果一个图片有明确指向的话,所指方向的空间都要相对大一些,呼吸感会更好,而且更有故事性。
头颈肩
——
上图中乍一看没有毛病,其实学过素描知识的朋友都知道画头像或者半身像的时候,头颈肩关系是至关重要的。万万不可省略,会给人事物不完整的感觉,形成视觉上的不适感。
图片主体
——
对比后发现上图主体的残缺造成了画面的不完整性。包括对一个完整图片裁切的时候也要切忌主体的完整性。
画面的平衡性决定了画面最终呈现的效果。这里着重探讨图片本身的平衡性与平衡性在版式设计中的重要作用。
色彩 >>
图中冷色与暖色的对比,用低明度的蓝色与低明度的肤色形成了一个平衡的画面。色彩饱和度偏低,四角压暗的部分有一种电影的视角。
色彩/空间>>
高明度的色彩对比,画面平衡和谐。传达出清新文艺的气息。远近的对比,远景模糊与近景清晰,符合现实的视觉感受,拉开了画面的空间感。
角度/方向>>
图中采用了俯视的视觉去罗列五谷杂粮。这样的视角与常规视角形成很好的对比,趣味性十足,物品的摆放方向也是形成了对比性与一致性,具备很好的平衡性。
单色相>>
一轮血红的圆月悬挂天际,漆黑的环境,营造了一种特殊的效果,感觉如狼人变身,如吸血鬼来临等等。这种但色相的对比往往用于突出某个主体,在版式设计中也往往能出不错的视觉效果。
剪影>>
远处的天空与近处人物的剪影形成了一个很好的对比。这种对比手法常用作青春系列,怀旧系列。主要用作追忆的情景,引发人的共鸣,或忘事,或青春,或爱恋。
图片的种类有很多种,优质的图片也是不计其数。当我们接到一个项目的时候应该选择什么样的图片比较合适?
答:符合项目调性的图片。
下面我根据一个实例探讨一下如何根据图片变换版式。如何用逆向思维根据图片本身的气质去布局版式设计。
接到一个项目,先要仔细分析文案信息。提炼出信息中的关键词:红酒/葡萄/南澳/品质等。(我个人经常在摄图网上去找图,此处不是广告。)
筛选出这几种图片,有深色系,浅色系,统一的色调与对比的色调。接下来就是对图片进行巧妙的运用。看看不同的图片对我们的版式设计会有什么样的视觉感受。
单色相
——
上图在气质上偏向于复古与历史感。如标题所述的含义比较一致。设计手法上可以倾向于单色相对比的手法去展开设计。
主标题
上帝创造世界的时候,他第一句话说的其实是“要有西拉子”
(衬线体气质偏向于文化,古典类,这里就选用了华文中宋)
( 主信息被分成了三行,“要有西拉子”作为一级主体所占比例最大。但是这样仍然有一些生硬。接下来让其再次对比变化)
( “要有西拉子”运用错位的方式增加主体灵活度,另复制一个与其产生虚实与大小对比,更好的拉开空间,既能很好的弥补错位后空间的失衡,又能深化主题。)
( 这一步用颜色对比的方式深化层级,选用酒红色不言而喻。红酒嘛,对应主题。)
图片位置关系
——
图片在版面中所占比例为1.618:1(黄金比例),当然也可以采用其他数学比例。这是不限定的,根据版面而定。
网格系统规范
——
运用网格系统进一步规范确定各层级负空间的比例关系(一般比例关系为整数倍最佳)。
完善装饰元素
——
把装饰类的元素,如logo,小图标等放在相应的位置并用网格系统规范好比例。
去色
——
在开头我们就讲到了这个图片本身传达的气质,选择用偏单色相的方式去设计。主标题的酒红色与图片形成很好的对比性。
嵌入图片
——
把图片按照合适的方式裁切,放置在画面中,裁切的时候尽量保证主体明确,图片中层级明确一些,如此张图,不要裁切的都是小桶或者都是大桶。拉不开空间儿童标题图片素材,好图也会裁切成普通的素材。
色彩搭配
——
最后一步,用明度稍低的土黄色去深化整个画面的气质。“要有西拉子”虚字部分调整为亮白色。
色彩
——
上图的整体色调偏暗色系,明暗对比,色彩的互补对比都相得益彰。画面调性为典雅,沉稳。设计的色彩搭配可与图片本身保持一致。
图片位置比例
——
图片在上下位置上正好在九宫格的视觉重心与黄金分割点,确定了图片的位置空间。
网格系统规范
——
运用网格系统进一步规范确定各层级的位置布局。
色彩搭配
——
采用事先从图片上提取的色彩搭配背景与字体的色彩,色调上统一和谐。原来红色小字 ”要有西拉子“根据需要去除,更为简约。
角度
——
图1图2都是特殊视角的图片,诸如此类图往往会传达出趣味与新鲜性,给人耳目一新的感觉。两个都比较合适,暂且选择图1展开设计。
图片位置比例
——
图片在上下位置上正好在九宫格的视觉重心,图片横向所占比例为2:1,确定了图片的位置空间。
网格系统规范
——
运用网格系统进一步规范确定各层级的位置布局。
延展元素置入
——
延展的图形分别放置在相应的位置,可以加强元素之间的联系性。
色彩搭配
——
由于图片本身的颜色比较柔和,吸取图片上的过渡色作为背景色,主体字用统一的色系就行(虽然这个方法有点老套,但是却是比较实用,特别对于新手设计师而言,方向不会跑偏)。
总结
——
本章节分享图片本身的气质在版式设计中的具体运用。当我们没有思路时是否可以逆向思维,巧妙运用图片去“破局”呢。希望本次分享能给到朋友们多一条思路。
作者:风的诗人
来源:版视(id:banshidesign)
-END-
关键词回复:
Adobe2017、Adobe2018、AdobeXD、c4d17、c4d18、Sketch49.1
6000ppt、180ppt、468ppt、400ppt、65ppt、10ppt
f1、f2、f3、f4、f5、f6、f7、f8、f9
30fonts、儿童节、端午节、父亲节
gh1、gh2、gh3
m1、路径、ui工具包1、ui工具包2
足球1、足球2
(可直接获取相应的免费资源)
精品资源打包下载!!Nice君建立的知识星球,平时工作之余会分享一些设计资源到知识星球里,都是通过百度网盘分享的,有需要的朋友可以扫码加入,有问题可以加我的微信 nicepsd666 随时给我留言!
以下只是部分资源
【UI设计资源】
1、300多G国外收费素材源文件下载!附图预览!(会持续更新)
2、100套UI界面PSD源文件打包下载(来自100daysui.com)
3、1200+食物照片素材PSD分层源文件可编辑
4、最新国外图标资源《Ballicons 3》打包下载
5、幻彩等距视图图标《Griso Illustration Kit 1 》 打包下载
6、iPhone 7和iPhone 7 Plus两套展示模型源文件打包分享(作品展示必备)
7、120+个粉红色APP界面工具包Sketch格式打包下载
8、100+款APP UI 包含音乐,电商,社交等风格PSD源文件打包下载(持续更新中...)
9、160+款国外最新网页模板PSD源文件打包下载(持续更新中...)
10、【国外收费资源】4400个线性图标合集打包下载
11、250+场景生成器素材《Fancy Items V3》PSD源文件打包下载
12、【最新国外付费资源】195款水彩PS笔刷+50款光影火焰PNG透明背景素材打包下载
13、4400个线性图标合集最新的国外收费资源打包下载
14、金属金箔涂鸦ASL样式笔触喷溅图案背景素材打包下载(包含asl、ai、eps、png、jpg多种格式)
15、(28G合集)护肤品化妆品文具展示模型样机包装VI设计高清摄影图片素材PSD分层源文件
16、15套移动端手势图标资源打包下载
【海报设计】
1、2017最新海报共16款PSD分层文件打包下载
2、35款国外俱乐部潮流派对风格海报PSD源文件打包下载
3、100款欧美酷炫海报PSD源文件素材打包下载
4、44张扁平化商务线条信息图工作台AI矢量设计素材
5、10款成器波synthwave风格字体样式PSD源文件打包下载
6、60款新房地产插画手绘水彩背景展板别墅唯美模板广告设计海报PSD源文件打包下载
7、100款文艺范海报小清新文字排版psd源文件打包下载(含字体和缩略图)
8、47款中国风水墨模板古典山水古风展板桃花节背景海报广告设计PSD素材
9、20款很棒的3D文本模型PSD源文件打包下载
【AE模板】
1、AE模板工具包 高科技背景公司企业Logo片头包装AE源文件打包下载
2、100种闪光,爆破,过场AE动画特效素材工程包打包下载
3、AE脚本-1850种超级豪华文字标题图形背景运动预设MG动画元素包v2
【视频素材】
1、2855个LED大屏幕背景高清视频素材打包分享
2、215款Beeple大神精品VJ资源合集打包下载(包含完整的C4D源文件动画工程件含材质、MP4视频预览文件)
【视频教程】
1、【国外视频教程分享】用AI创建属于自己的几何动物(英文)
2、【国外视频教程分享】AI等距设计基础(英文)(内附:AI动作文件、矢量网格文件等)
3、【国外视频教程分享】如何设计一套有凝聚力的系列图标集(内附:图标栅格PDF源文件)
4、【国外视频教程分享】掌握Photoshop中的双色调效果
5、【国外视频教程分享】在Illustrator中创建和使用3D对象(包含两个AI矢量源文件)
6、【国外视频教程分享】在Illustrator中关于渐变的一系列研究
7、Baugasm艺术海报系列视频教程打包分享
8、一个LOGO是如何诞生的?(Illustrator标识Logo设计大师级训练视频教程分享)
9、【Mac软件】Flinto for Mac24.6中文版+视频教程
10、灰猩猩393集经典视频教程(包含部分中文字幕和部分C4D工程源文件)
11、AK大神AE特效中文字幕教程(共164集)+工程文件打包分享
12、色彩应用基础视频教程
13、布局与构图美学视频教程
14、before&after 中文字幕视频教程+PDF电子书
【平面设计】
1、中国风设计素材PSD源文件(包含平面广告,海报,画册,vi)大小80多G
2、60个会议活动展板PSD源文件打包分享
3、终于收集全了!!50多款时尚潮流点线面酷炫多彩背景矢量素材打包下载
4、60套画册展示样机智能图层一键替换PSD模板源文件打包下载
5、120+套各种包装展示模型智能图层一键替换PSD源文件适合品牌展示
6、75套VI提案空白模版PSD源文件打包下载(共两波,这是第一波)
7、西餐餐饮,美食,披萨,寿司,肉类,厨具,菜单,海报等素材PSD源文件模版打包下载
8、500多个logo效果展示,样机素材,智能贴图模版,效果图提案打包下载
9、460+个水彩手绘花卉花朵植物卡片邀请函图案素材合集高像素PNG透明背景图片打包下载
10、100+款彩色粉末、粉尘、尘土、颗粒烟雾、喷溅、撞击视觉、创意高清图片打包下载
【节日类】
1、53个端午节最新素材打包下载
2、42款儿童节海报宣传单页PSD源文件打包下载
3、100+款儿童节主题矢量素材打包下载
4、17款父亲节矢量素材打包下载(包含AI,EPS矢量源文件格式)
5、9套儿童插画英文字体国外最新付费资源打包下载(包含字体包,AI和PSD源文件)
6、
【电商类】
1、460款电商banner双十一PSD源文件模板打包下载
2、618理想生活电商设计素材PSD源文件打包分享(含字体)
【PPT模板】
1、400页超强PPT模板60种配色方案1000个小图标库
2、纯干货!600+套PPT模板免费打包下载!
3、有了这65套PPT模板再也不用犯愁写总结做汇报了
4、6000页欧美高端PPT模板,20种配色每色300页(包含1000+图标,4比3和16比9两种比例)打包下载
5、180页高端商务PPT动态数据图表素材模板下载
6、60套党建PPT素材打包下载
7、80套2018年党员工作PPT党建文化机关年终总结报告动态幻灯片汇报党课等打包下载
8、欧美PPT模板立体丰富图表商务主题打包下载(包含8种配色每种配色115页)
9、59套唯美动态小清新PPT模板打包下载
10、30个科技互联网大数据PPT模板打包下载
11、30套智能人工科技ppt模板打包下载
12、468套最新综合精选ppt模板集简约、唯美、文艺、中国风、复古、创业融资、商业计划、商务汇报于一体打包下载
13、10套国外精品PPT幻灯片素材合集(包含上百个图标,多种配色方案)打包下载
【前端网页模板】
1、HTML5 Jango | 高度灵活的基于Bootstrap组件的模板
2、基于Bootstrap响应式后台管理界面UI工具包(包含PSD源文件和整套前端代码)
【高清图库】
1、来自unsplash.com网站的下载量最多的15000张可商用高像素照片打包下载系列分享(第一期)
2、富尔特素材辞典
3、让桌面帅到炸裂!上千张精选好看 PS4 高清壁纸打包下载
4、2000+张高清人物图片素材 打包免费下载
5、让头像帅到炸裂!700多个精选高清游戏电影人物头像收集打包下载
6、15000张可商用高像素图片打包下载系列分享(第二期)
7、100+张健身高清图片打包下载(包含俯卧撑,哑铃健身,瑜伽剪影,性感女士锻炼等)
【软件工具】
1、Adobe CC 2017全套打包下载Win+Mac
2、Cinema 4D R17(PC&MAC) 软件安装包内附安装和破解教程
3、Cinema 4D R18 (PC&MAC) 软件安装包内附安装和破解教程
4、Sketch43软件安装包已经完美破解(内含安装教程和汉化包)
5、交互神器 | Principle 2.1.5 中英文破解版+视频教程+源文件素材打包分享
6、CorelDRAW2017最新版本打包下载
7、keyshot4 WIN破解版打包下载,包含中文材质包和破解教程
8、Adobe XD 软件安装文件+中文教程+英文教程+汉化文件+Adobe XD公开课 不定时更新
持续更新中。。。。。。
目前 nicepsd.com 网站上有20多万的素材资源都是免费下载的,祝大家找到想要的素材和灵感~努力!~奋斗!~(要善用搜索哦!~)
点击”阅读原文“加入知识星球