大家,我是彩云。视觉设计基本原理很多时候具有很高复用性,即使工作多年,这些原理东西依然用上,不会过时。我平时在帮大家看作品时,会发现常多基础性问题,其实这些都是可以避免。
基础理论要深骨髓,融到自己的常设计中去。下面一来看文章吧。
译文:
当在大学学习视觉计,着迷于计的魔力。能用计让人按一定的方式去思考、知和行动。
作为户体验设计师,我在过的十年中帮助许多产发展到了百万的户和收益。我仍然在许多大一年级时到的基本知识——观察形状、布,及怎样的信息编方式会影响人们使我的产。
我们都知像图形、线条等这样视觉设计元素,我们时也将像比、心、节奏等这样术语植入脑。作为名曾受过训练平面设计师,我将分享一些我过的,并且仍在使的几个细微知识点。它们是那些挂在嘴边的大道,而是一些实的小技巧。我只是希望通过分享整个设计圈的实水平更上层楼!
重的概念经在物体和图形上,包括视觉设计。这许听上很奇怪,过这里说的可是现实生中的物重,它把一个二维物体往拉。但是在我们的潜意识中重的概念已经非根深蒂固了,我们把它转到了二维物体上。图为例,这个圆球人感觉随时都有可从上方降落,人有点惴惴。
现在看看图这个相反的图像
这个结构的圆球应该会人觉得它会往落了,而是更像是稳稳停在页面的。人看起来很心。
经验结:你视觉上有物感设计时,把它设计在顶部会使感到压抑和不安(然,除你是故意而为)
在大多数情况下,们阅读序是从左到右,从上到下。正为这样,左边物体般被认为是将要进入到画,右边物体则被认为是离开。
上图左侧有个圆。为受我们阅读序影响,这个圆看上去像要进入这个画。下图圆则感觉像是要出去。
你也可以用样去传递些特定情感。比如说怎么让个物体看起来有偷偷张望感觉?你可以把画设计成下图样子:
反,想传递个物体(或色)落荒而逃感觉?(云注:这个概念可以用在些情感化设计页,比如空页,带品形象卡片设计类。)
由于受阅读顺序的影响,我们自然而然地会先注意左上角的物体,然后视线会移到右角及接来他的东西。就算有的东西在形状、颜色或大小上一致,根据物体摆放位置的同,它们的重要性会一样(许你想户先看到标题,然后才是容)。
让我们看看下图例子:
如你从小长大环境用是从左到右,从上到下阅读序,那么你很有可能是先看到左上圆,然后才是右下。
(彩云注:将重要的内容按阅读习惯进行编排,转化效果更)
我曾经把种感描述为对身紧状态的一种诠释和扩大化。就像你看到满满的一杯液被放在桌子的边缘。
视觉的紧张感常不意的,设师们也不故意把不同的形状凑一起去营造一种紧张气氛。这往往草率所致。让我们看看下图:
不觉得不舒服?这里标记出了所的紧张点。
刻意运用这种视觉紧张感可以吸引别人的眼球,并且制造一种焦虑气氛。也许设的一张游行示威海报,又或者引起人们对一些事的注意。那样的形下,确保那些紧张感意之的,不看下失误。
同的构图下,这个计有地让紧张集中在了一个别的位置。
静态构图时常让人感到无聊。一简单的优化方法倾斜它的水平线,让构图看起动。下图一些毫无气的静态图:
把它的水平线倾斜后,整都市风光看起具动感了。
如果让构图活力,可以利用体的特点让图形往画面外延伸。参考如下的角透视构图:
多让画面动感的小技巧:
画面呆板如何打破?非看不可的「倾斜构图」技巧!
阅读章
画面呆板如何打破?非看不可的「倾斜构图」技巧!(实操篇)
阅读文章
6. 利用好负空
你可以用具有性形状把负空激活到个特定。力过小话,和负空起到效不会太大。下图是个把你注意力往上吸引到右边图形例子。
问题在于,你视线到页最右上时,你注意力也不多到头了。右上空没有足够让你眼球定格在那吸引力。那块空仍然是静态。不过如你尝试裁剪图片大小或按比例新排版话:
图像围空瞬变有意义复活了。敲!如你想让们视线在画上游动,那么留心下静态负空内容。个简单办法是需用你手指指着这个物体,把它换到你视线会自然移动到活动范围内。可以尝试着调你排版 ( 也许是图形或边缘线 ) 让负空活跃起来。
作为名设计师,不要受限于CSS, HTML或其他任何技术工具约束。它们不应成为你理想完美构图绊脚石。这些视觉原理适于任何载体, 像印刷、数码、页等等。它们简单明了地体现了我们的大脑和眼睛是如何在任何形式感知视觉信息的。
注译者的微信公众号:「彩译设计」