恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
想突出主题别只会放大!!这些方法更能突出视觉焦点
0.0°
2018-12-08 原创文章 经验/观点 举报 1450 1 2 0

在设计中需求方经常为了突出让设计师放大放大再放大,相信设计师都有过这样的经历,那么除了放大还有哪些方法能突出视觉焦点呢?

在设计中需求方经常为了突出让设计师放大放大再放大,相信设计师都有过这样的经历,那么除了放大还有哪些方法能突出视觉焦点呢?


一、色彩

在人们观察事物时,色彩是非常有吸引力的视觉元素,因此,聚焦可以首先从色彩入手。

Image title

这张图鲜亮的红色女鞋和美女的大长腿在图片中尤为显眼,视线会首先落在这里,可是图片中并没有相应的卖点说明文字,从文案来看这是一张促销海报,这类图片主要是通过对促销内容的宣传来吸引消费者的目光,从而促进销售。然而图中促销信息又表现的非常薄弱,不足以引起消费者的注意,这样的海报无法很好地将信息传递给顾客。
图中的促销文案的白色和黄色属于明度较高的色彩,背景同样明度较高。色彩属性相近,高明度与高明度色彩的搭配无法形成抢眼与强烈的对比效果,这就导致了图片中的文案信息不能得到突显。

Image title

我们将文字的色彩从白色改为产品本身的颜色,这种方法也是非常经典的配色方案,在颜色的选择上吸取的是鞋子较暗的位置,拉开与背景色彩的明度差距,使文字更突出。
副标题如果只是改变字体颜色受主标题的影响同样不能很好的突出,因此通过添加色块来衬托文字,同样达到了突出的作用。红黄的配色也可以给人很强的促销感。

由于人们的视觉对于色彩的感知最为敏感,因此,要吸引顾客目光,需要根据顾客的习惯认知,寻找能准确表达海报含义的色彩
例如,当消费者想要购买零食时,很可能将注意力集中在寻找橙黄色的图,而忽略其他色彩,因为橙黄色是容易引起食欲的色彩,他们已经习惯于将食物与橙黄色联系在一起。

Image title


这两张图除了色彩完全相同,看到这两张图片后,首先会注意色彩,形成如下的感知心理。

Image title

上面这个例子说明,即使图片内容不变,不同的色彩运用也会让消费者做出相反的选择。
要吸引顾客目光,需要根据顾客的习惯认知,寻找能准确表达海报含义的色彩,将其运用到相关的视觉设计之中。


二、排版

利用中心型排版或者中轴型排版突出视觉中心,突出想要表达的实物。
当制作的图片没有太多文字,并且展示主体很明确的情况下建议多使用中心型的排版。能够很好的突出主体、聚焦视线。

Image title

利用中轴型排版,使用画面展示规整稳定、醒目大方——当制作的图片满足中心型排版但主体面积过大的情况下,可以使用中轴型排版。在突出主体的同事又能给予画面稳定感,并能使整体画面具有一定的冲击力。

Image title


三、势能

势能是指利用视觉元素的排列组合、造型或构图方式,让已经聚集了消费者视觉的设计进一步形成一种牵引力,将消费者的目光引导到商家需要消费者关注的重要信息上去。
下图便采用了势能引导的构图。模特的姿势构成箭头指引的暗示作用,消费者顺势便望向文案部分。模特的视线与面部朝向文案部分,也在无形中暗示消费者看向文案部分。

Image title

Image title

下图产品部分做了透视处理,使画面中心点靠右,同样达到了牵引视线到文案部分的作用。

Image title


四、引导


引导就是通过对元素的方向、位置、和排版共同完成对指定内容的指向。下面两个案例就很好的通过线和面将视线指引到不怎么突出的品牌和产品上。

Image title


Image title




这是滴滴顺风车在其公众号发布的一张借势海报,单独看海报只觉得文案很励志。从另外一个角度来看这张海报还有一个亮点,海报的道路曲线从“滴滴顺风车”出发,直达点赞的地方。这个引导做的不可谓不溜,将不属于海报内容的外部元素都套路到了自己的设计当中。


突出主题的方法还有很多,比如光影、虚实、动静等等,大家平时多观察并深入去思考优秀海报的用意,掌握突出焦点的方法,下次顶嘴也有词不是。


来源于: UI设计网  www.uisjw.com

其版权均为 设计教程网 所有,文章内容系作者个人观点,不代表设计教程网对观点赞同或支持。

如需转载,请注明文章来源。


更新:2018-12-08

收藏

1人已收藏

  • 27

    作品

  • 11

    粉丝

  • 0

    关注

  • ps曲线原理
  • 制作融化风格的立体字教程
  • 网页设计师入门必备知识指南
  • banner海报的“分层设计”
相关标签
经验教程

    猜你喜欢

      2018-12-08 原创文章 经验/观点 举报 1450 1 2 0

      想突出主题别只会放大!!这些方法更能突出视觉焦点

      0.0°

      你确定要举报想突出主题别只会放大!!这些方法更能突出视觉焦点

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年12月05日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      2
      1
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录