第三方帐号登录

第三方帐号登录

使用邮箱登录

找回密码

全站搜索 传播新资讯,发掘源创意!

专栏《100点创新设计方法》系列 —— 视觉焦点 Visual focus

2019-12-27  3927


格物者专栏 《100点创新设计方法》系列

视觉焦点

Visual focus

怎么做:每一个元素都要有自己的角色,无论是主角还是配角,有序的画面,为的是突出视觉焦点。

为什么这么做:精彩剧集的主角往往深入人心,别忘了配角的陪衬也是很重要的,要让耀眼的主角成为焦点。

设计师在设计开发产品的时候,往往会通过细节设计都来突出设计亮点。

会不会有这种感受,我们看到很多优秀作品,不论是简约还是炫酷的风格,总是能够让我们赏心悦目,吸引我们的视线,那么设计的秘诀在什么地方?而自己的作品明明已经调整了一千零一遍,总感觉缺点什么,问题又出在哪里呢?其实,其中有个很重要的点你没有掌握——视觉焦点。

视觉焦点的概念

视觉焦点简单来说就是让我们的视线多停留几秒的视觉元素,可以是一个点,一条线,一个面,也可以是一种颜色等。有人用通俗的方法来诠释焦点,即在设计页面上最吸引人注意的地方,视线上集中交汇的地方,这个位置就叫焦点,在日常生活中我们运用照相机对准人的脸部,那也是在获取一个焦点。而我认为用焦点更能简单准确的阐述人们用视觉获取环境中的信息,你注意点的周围都是模糊的,你视线集中的中心点是最清晰的。

发现焦点

有时候,你的焦点会很明显。例如,当你在画肖像时,你通常希望确保焦点在眼睛上。而对于风景,它常常是地平线上的消失点。但在其他时候,找到一个焦点可能是一个挑战。

增强你的焦点

焦点是主导领域中的元素,视觉焦点在作品中起强调作用,不同于主导元素,主要是吸引并保留住观众的注意力。就主导元素来说,你可以创建更多的视觉焦点,给予它们更多的视觉重量,除了最重要的占主导地位的视觉焦点,你也可以创建引导不同视觉方向的焦点。

主导元素

主导元素的层级

如果你创建多个视觉焦点并且使其中一个焦点作为主导元素,那么你要开始创建不同层次的主导地位元素。主导元素将会是第一个层级,并且相比其它元素,主导元素首先会被注意到。剩下的焦点元素会是一个级别。在实际的设计中这些元素划分为三个级别。这些级别得有足够的差异,人们才能够区分他们。

1、占主导地位的层级

占主导地位的这个层级是视觉重量最重的,并且是需要特别强调的重点。你的主导层级通常由一个单个元素在前景中组成。

2、二级重点

除了主导元素和占主导地位的焦点,这是二级重点。在这个层级里的元素相比占主导地位层级里的元素需要获得较少的关注和强调,但是却多于第三级别里的元素。

3、次级

这个级别是占最少的视觉重量,在某种程度上它不突出,这个部分常常会是正文文本内容。

视觉层次结构

当你设计不同层级的主导地位元素时,你需要在设计中创建出视觉的层次结构。理想情况下,这种视觉层级结构将与你的概念层级相匹配。

好的视觉层级结构能使观者快速浏览信息,有助于快速和有效地与作品沟通。视觉层级的顶层(也就是占主导地位的元素)应该快速的在几秒钟之内,让用户获取到的要点和主要信息。

视觉焦点元素的塑造手法

运用对比:放大比例、缩小比例、反差比例、影子比例

运用破图:局部破图、整体破图

运用视角:俯视视角、仰视视角

以视角为例,详解塑造方法↓↓↓

常规视角主是我们平视看物体对象的样子,这样的方式会给我们熟悉与平静的感觉。但是这样的角度会显得无聊而单调。

一、低视角仰视构图

1、以人的视角仰视构图的时候,它会使主题对象显得理强大/更威严的感觉。而观者感受会让自己显的更渺小/更无力的感觉。

2、以第三视角仰视构图不太常见,然而以人以外的物体去仰视会带来意想不到的视觉效果。

二、高视角俯视构图

1、以高视角俯视构图的时候,而俯视的角度会给我们一览众山小的感觉。这时候我们更注重元素摆放的位置与组合的形状,使复杂的元素关系简单化。

2、需要注意的是如主体是比人小的物体,观众会习以为常,达不到设计的预期效果。

三、以第一视角构图

以第一视角构图,有强烈的视觉冲击,能达到引人入胜,带入其中的效果。

四、倾斜构图

1、倾斜构图的作用是打破平衡感与稳定感。

2、倾斜构图会比平衡构图更加动感。

五、近距离视觉构图

近距离构图其实就是强调局部,近距离的视觉会让人的注意力集中在视觉的主题对象上,让构图更加饱满,以直接了当的形式,减少了其它不必要的元素干扰。

六、反转构图

反转视角就是倒立过来看物体对象,这样的构图让图片失去现实的重力现象,让对象主题颠倒过来,充满趣味性与视觉的张力。

七、后期液化加大透视感

构图确定好渲染出图后,再后期上我们可以加强透视感,加强光影统一和谐色调,构图上使用PS液化达到动感效果。

人的眼睛对常见的东西习以为常,而对那些违背常规视觉的东西会感到新鲜甚至感觉这是错误的。而这些违背常规视觉的对象在画面当中就会成为视觉的焦点,产生吸引眼球的作用。

设计师要有勇气去打破常规,而不是强调还原真实。人看到的东西都会不自觉的存在记忆当中,而使用常见的视觉构图方法无法满足人类天生的好奇心,这不就是我们设计师存在的最重要的原因吗?


专栏作家

许方雷

格物者创始人

“格物”精神倡导者,推究事物原理

近年来,探索“创业”与“创意”,文化与商业融合。设计作品多次获得日本、中国大陆及中国台湾等国内外设计奖项。作为中国设计平台联盟发起人之一,致力于推动中国原创设计产业,专注“工业设计”。

《100点创新设计方法》,是格物者通过案例总结和方法归纳,总结出的100个设计小方法,新华出版社出版,是一本方便携带的口袋书,让你在路上,在闲暇时,利用琐碎的时间来品味的方法创意书籍,可以直接应用到你的创意工作中,随意翻开一页,都是一个方法,让你俘获灵感,100点创意妙招,我们送你啦!

ISBN:978-7-5166-1195-1

中国版本图书馆CIP数据核字(2014)第210136号

专栏内容刊发在国家知识产权局主管《创意世界》杂志期刊,未经授权,请勿转载


更多《100点创新设计方法》文章:

1.《100点创新设计方法》系列 —— 释放天性 The release of nature

2.《100点创新设计方法》系列 —— 用更加生动的方法 With a more vivid method

3.《100点创新设计方法》系列 —— 饥饿法 Hunger

4.《100点创新设计方法》系列 —— 参考资料书籍或网络 Referenced books or websites

5.《100点创新设计方法》系列 —— 关键词法 The key words

6.《100点创新设计方法》系列 —— 便签法 Sticky notes

7.《100点创新设计方法》系列 —— 目录法 Directory

8.《100点创新设计方法》系列 —— 剪辑法 Clip

9.100点创新设计方法》系列 —— 记录观察法 Record and observation

10.《100点创新设计方法》系列 —— 照片法Photos

11.《100点创新设计方法》系列 —— 录音法 The recording

12.《100点创新设计方法》系列 —— 音乐法 Music

13.《100点创新设计方法》系列 —— 头脑风暴 Brainstorming

14.《100点创新设计方法》系列 —— 分享 - 格物者设计分享 Share

15.《100点创新设计方法》系列 —— 直觉 Intuition

16.《100点创新设计方法》系列 —— 联想-异形异物 Associating

17.《100点创新设计方法》系列 —— 臆想 Imagine

18.《100点创新设计方法》系列 —— 产品体验 The product experience

19.《100点创新设计方法》系列 —— 偏好 Preferences

20.《100点创新设计方法》系列 —— 公司进化定位 Company’s evolving positing

21.《100点创新设计方法》系列 —— 历史文化典故 History,culture and stories

22.《100点创新设计方法》系列 —— 文化禁区Cultural taboos

23.《100点创新设计方法》系列 —— 情感设计 Affectional design

24.《100点创新设计方法》系列 —— 行为习惯 Behavior and habits

25.《100点创新设计方法》系列 —— 不要无意义的修饰 No meaningless ornament

26.《100点创新设计方法》系列 —— 打破常规 Break the routine

27.《100点创新设计方法》系列 —— 图案纹理 Pattern texture

28.《100点创新设计方法》系列 —— 图形演变 Graphic evolution

29.《100点创新设计方法》系列 —— 自然环境 The natural environment

30.《100点创新设计方法》系列 —— 仿生仿物 Copy the shape of living things

31.《100点创新设计方法》系列 —— 颜色刺激 Color stimulus

32.《100点创新设计方法》系列 —— 功能的加减 Adding or subtracting functions

33.《100点创新设计方法》系列 —— 产品跨界 The transboundary of product

34.《100点创新设计方法》系列 —— 点线 Point and line

35.《100点创新设计方法》系列 —— 黄金分割 Golden section

36.《100点创新设计方法》系列 —— 用视角还原整体 Rebuild the wholeness from one angle

37.《100点创新设计方法》系列 —— 以小见大 A small sign can indicate a great trend

38.《100点创新设计方法》系列 —— 主题 The theme


诚邀设计同行分享干货、文章、报告等
投稿请发邮件 service@gewuer.com
新闻报道及人物专访 1748825663
0   2358

文章评论(0)

发 表