赞助商
立即赞助

基础理论学起来!设计师必须掌握的6大视觉设计原理

平面设计3年前 (2021)发布 流光
3.1K 0 0

大家,我是彩云。视觉设计基本原理很多时候具有很高复用性,即使工作多年,这些原理东西依然用上,不会过时。我平时在帮大家看作品时,会发现常多基础性问题,其实这些都是可以避免。

基础理论要深骨髓,融到自己的常设计中去。下面一来看文章吧。

译文:

当在大学学习视觉计,着迷于计的魔力。能用计让人按一定的方式去思考、知和行动。

作为户体验设计师,我在过的十年中帮助许多产发展到了百万的户和收益。我仍然在许多大一年级时到的基本知识——观察形状、布,及怎样的信息编方式会影响人们使我的产。

我们都知像图形、线条等这样视觉设计元素,我们时也将像比、心、节奏等这样术语植入脑。作为名曾受过训练平面设计师,我将分享一些我过的,并且仍在使的几个细微知识点。它们是那些挂在嘴边的大道,而是一些实的小技巧。我只是希望通过分享整个设计圈的实水平更上层楼!

1. 重力

重的概念经在物体和图形上,包括视觉设计。这许听上很奇怪,过这里说的可是现实生中的物重,它把一个二维物体往拉。但是在我们的潜意识中重的概念已经非根深蒂固了,我们把它转到了二维物体上。图为例,这个圆球人感觉随时都有可从上方降落,人有点惴惴。

基础理论学起来!设计师必须掌握的6大视觉设计原理

现在看看图这个相反的图像

基础理论学起来!设计师必须掌握的6大视觉设计原理

这个结构的圆球应该会人觉得它会往落了,而是更像是稳稳停在页面的。人看起来很心。

经验结:你视觉上有物感设计时,把它设计在顶部会使感到压抑和不安(然,除你是故意而为)

2. 阅读顺序

在大多数情况下,们阅读序是从左到右,从上到下。正为这样,左边物体般被认为是将要进入到画,右边物体则被认为是离开。

基础理论学起来!设计师必须掌握的6大视觉设计原理

上图左侧有个圆。为受我们阅读序影响,这个圆看上去像要进入这个画。下图圆则感觉像是要出去。

基础理论学起来!设计师必须掌握的6大视觉设计原理

你也可以用样去传递些特定情感。比如说怎么让个物体看起来有偷偷张望感觉?你可以把画设计成下图样子:

基础理论学起来!设计师必须掌握的6大视觉设计原理

反,想传递个物体(或色)落荒而逃感觉?(云注:这个概念可以用在些情感化设计页,比如空页,带品形象卡片设计类。)

基础理论学起来!设计师必须掌握的6大视觉设计原理

3. 阅读优先级

由于受阅读顺序的影响,我们自然而然地会先注意左上角的物体,然后视线会移到右角及接来他的东西。就算有的东西在形状、颜色或大小上一致,根据物体摆放位置的同,它们的重要性会一样(许你想户先看到标题,然后才是容)。

让我们看看下图例子:

基础理论学起来!设计师必须掌握的6大视觉设计原理

如你从小长大环境用是从左到右,从上到下阅读序,那么你很有可能是先看到左上圆,然后才是右下。

(彩云注:将重要的内容按阅读习惯进行编排,转化效果更)

4. 视觉紧张感

我曾经把种感描述为对身紧状态的一种诠释和扩大化。就像你看到满满的一杯液被放在桌子的边缘。

视觉的紧张感常不意的,设师们也不故意把不同的形状凑一起去营造一种紧张气氛。这往往草率所致。让我们看看下图:

基础理论学起来!设计师必须掌握的6大视觉设计原理

不觉得不舒服?这里标记出了所的紧张点。

基础理论学起来!设计师必须掌握的6大视觉设计原理

刻意运用这种视觉紧张感可以吸引别人的眼球,并且制造一种焦虑气氛。也许设的一张游行示威海报,又或者引起人们对一些事的注意。那样的形下,确保那些紧张感意之的,不看下失误。

同的构图下,这个计有地让紧张集中在了一个别的位置。

基础理论学起来!设计师必须掌握的6大视觉设计原理

5. 动态 vs. 静态

静态构图时常让人感到无聊。一简单的优化方法倾斜它的水平线,让构图看起动。下图一些毫无气的静态图:

基础理论学起来!设计师必须掌握的6大视觉设计原理

把它的水平线倾斜后,整都市风光看起具动感了。

基础理论学起来!设计师必须掌握的6大视觉设计原理

如果让构图活力,可以利用体的特点让图形往画面外延伸。参考如下的角透视构图:

基础理论学起来!设计师必须掌握的6大视觉设计原理

多让画面动感的小技巧:

6. 利用好负空

你可以用具有性形状把负空激活到个特定。力过小话,和负空起到效不会太大。下图是个把你注意力往上吸引到右边图形例子。

基础理论学起来!设计师必须掌握的6大视觉设计原理

问题在于,你视线到页最右上时,你注意力也不多到头了。右上空没有足够让你眼球定格在那吸引力。那块空仍然是静态。不过如你尝试裁剪图片大小或按比例新排版话:

基础理论学起来!设计师必须掌握的6大视觉设计原理

图像围空瞬变有意义复活了。敲!如你想让们视线在画上游动,那么留心下静态负空内容。个简单办法是需用你手指指着这个物体,把它换到你视线会自然移动到活动范围内。可以尝试着调你排版 ( 也许是图形或边缘线 ) 让负空活跃起来。

作为名设计师,不要受限于CSS, HTML或其他任何技术工具约束。它们不应成为你理想完美构图绊脚石。这些视觉原理适于任何载体, 像印刷、数码、页等等。它们简单明了地体现了我们的大脑和眼睛是如何在任何形式感知视觉信息的。

注译者的微信公众号:「彩译设计」

基础理论学起来!设计师必须掌握的6大视觉设计原理

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

「倾斜构图」是版面整体或部分元素以倾斜的角度呈现在画面上,可以产生不稳定的动感,画面显得更具创意性,充满活力,也更有...
倾斜构图
在日常的设计工作中,我们经常会碰到:「因为作品中视觉元素过多,导致整体视觉主体不够突显,使得画面杂乱、缺少主次关系、...
平面设计
一、关于平面设计知识 提起平面设计,也许很容易联想到平面设计师。其实平面设计不仅是职业也是一个重要的设计知识体系,在我...
平面设计
Hi,大家好,我是娅一。 我们平常做海报和包装的时候,会对陌生感和趣味性有要求,不然一张随处可见的普通照片,会让你精心...
平面设计
时隔不知道多久,终于我又开始更新《随手拍一张照片,就是一幅海报》系列设计分享文章了,让大家久等啦! 这个系列的文章是...
做设计的面条
在日常工作中,很多设计师都会碰到画面整体太乱的问题。乱,就会给人一种杂乱无章,甚至心烦意乱的感受,这也恰恰与设计的目...
平面排版
在设计中说起版式设计,相信对于很多设计者来说是一件比较头疼的事,尤其是对于初学者来说,在拿到需求后如果没有相应的参考...
平面设计
身为设计师,绝非只做简单的排版,需要多角度思考,精准的设计表达。提炼与分析产品或服务最有力的点,并有逻辑地利用策略和...
Banner设计