java 识别图片横向还是纵向_之前从没想过,设计中的图片还能这么用

转载声明:本文转自「版视」

ID「designb」

Ps:这个专栏是想通过对图片的解析视角去打开版式设计的思路,让版式设计变得更加有意思。在平时的练习和发散自己思维时也是不错的选择,可以多去尝试新的设计题材。

b5b962e78cf8fe4bc250aa2ba9dc1059.png

图片质量要求

站在设计的角度,一切事物要遵循一定的美感。所以说图片不能随意拿来即用,对图片本身的质量还是有所要求的,或者说最起码有个基本的要求,比如说清晰度不好的图片或者说太过杂乱的场景都不太适合。

ae44487971cd14018374634b66719930.png

6a7755318d4892fdf6c16e5e34dcd5bd.png

5a2352f1e7fb6cae468ff84d7a09aa76.png

在花瓣上搜关键词“摄影”就会搜到很多关键词,那么接下来就是随机寻找我们喜欢的图了,比如上面的六张图。

看文章猜图环节:这次为何有些图片有编号了?这是一个预测号,猜猜下一期会选几号图?在留言区留下你的预测号。

1e032a5f2106b726daa7008eb7ba31c5.png

6a484910199af8c2552a9ffa77f08960.png

从上面六张图中选出最想做设计的两张图,上期我们用了餐饮图做设计,本期我们选7号图展开设计,7号图展现的是孩子与动物生灵的和谐相处,温馨感动的一瞬间。

5f12d942f7ea17727507f8a1a64bb3a3.png

7e9fc2c411577b5ac2ab4f546c090ada.png

本期我们选用女孩与小鹿作为案例图片,看看在不同的设计类目中如何规范。比方说我们想设计一张海报,比例设定为420*285mm,横版竖版即可。

版式设计方案一

ce379fa6f69cd81d76d9f8179e8201ae.png

方案一:将图片放置在画布中,铺满整个画布,作为通版背景使用,渲染一种氛围感,让情感与背景融为一体。

3a0667938fc15f888c1256fedadc5639.png

61c47d8940f05700634f824f91e3cc53.png

70f63886641d0ad363fd660b2325bd52.png

首先将文案信息安排在画布上,按照信息的重要性放大主标题,增强信息层级的对比性,根据图片的气质将信息纵向编排。

44730f8799f3be774e71073edf1c145e.png

主标题根据背景空间可以适当放大,断行编排,“与”字可以置换成符号“&”,视觉形式更为丰富,而且空间更为饱满。

98e2857d73b5912303aad533b3cda99e.png

左边空出来的区域放置一段英文,整体文字信息的字型调整变换,主标题使用更柔和俊秀的宋体,内文段落换成纤细字型,最左边的英文换成手写体,更亲切自然。

4c1fd35ef3363c158f8f5485be98ec4a.png

原来的背景图人物和小鹿基本上处于居中的位置,绘制九宫格将人物与小鹿移动到九宫格的交叉点附近,空间形式更自由,视觉上也更聚焦,画面呼吸感也更好。

8febb29f1c49efe943f76530d80477a4.png

最终稿

利用主标题的英文解决左下角空间的问题,并进行二次编排处理,加上线性框使之更为整体,最后添加上线性元素分割信息并丰富视觉,右下角添加上三个线性圆增加趣味性。

89652e8912a131050f8576554cba9543.png— 设计样机图 —

版式设计方案二

2fc9aa002a5922426f42ee5d8d7346cd.png

方案二:将图片放置在画布中,但是不铺满画面,让信息与图片混排,更加注重信息与图片的空间关系。

f81400d8ce53cc31c8dce747f8dcee1d.png

画面采用垂直(上下)构图,根据空间的分布将原有的信息组合方式重新打散结合,形成新的组合形式,背景采用深色背景,与画面融入感更好,而浅色背景则会显得素雅,看个人喜好。

1d57f1c7dc2880bfd8682877c705d61c.png

将图片进行角度变换,旋转一个适当的角度,角度尽量要控制在二十度以内比较好,当然这里只针对大部分画面,如果想做的张力更足,可以采用更大的角度变换。

0cd5586461f12025a5117fd8bd8ed49c.png

最终稿

基于图片旋转的角度,绘制出相应角度的直线,作为呼应,绘制大概两条横向的斜线即可,纵向的斜线也要绘制出几条线和横向斜线相交,并在信息的位置裁断,保证形式感的基础上也要突出信息的识别性。

333e4c454a6255a20cd5b7670b193aee.png

— 设计样机图 —

总   结

通过选用我们喜欢的图片,运用不同的设计类目去调整图片,配上相应的文案利用信息间的层级关系去优化完善我们自己喜欢的设计,发现生活中更有趣的彩蛋,让版式部落在有趣的世界征战吧。

- END -

本内容来源于互联网,版权归原作者所有,供学习交流使用,严禁商用,如有侵权请联系我们删除。

741e55756b492bbcbf050b52f60ffc7f.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值