赞助商
立即赞助

基础理论学起来!设计师必须掌握的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大视觉设计原理

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

相关文章

电影圈流传一句话「一张好的电影海报价值2000万票房」。 今天,Canva精选了国内外的20张电影海报,带你从构图、色彩和文字排...
海报设计
什么样的电商 Banenr 点击率更高?京东出品的人工智能设计平台「羚珑」通过对比分析每日产生的几百万个设计图,得出这5个实用...
Banner
每年的双11在设计师们的眼里,都不仅仅是购物狂欢节还是一场视觉盛宴。这不,今年的双11重头戏来了。 天猫联合各品牌发布了...
双11
@琳琳和止水是同一个人 :作为一名专业的设计师,版面设计能力直接影响到该设计师水平。我们很多设计朋友在临摹的优秀作品中...
平面设计
点开这篇文章的同学不妨先来思考一个问题:你电脑里究竟有多少字体包?估计连你自己都不太清楚吧。 但在我们工作中使用率最...
字体设计
日常设计中,我们可以收集一些类型海报,去分析它们的特点进行练习,逐渐熟练掌握各个风格特征。 我们知道,透过现象看本质...
平面设计
上次推送的几篇关于文字组合海报,受到了广泛好评。说明大家还是都比较喜欢这种简单直接的小妙招~ 贴心的小优这次又给大家送...
图文排版
本文作者将给大家分析几个电商设计作品,并且会从排版、配色、用户体验、定位、用户心理等各个角度给大家讲解分析指出问题所...
Banner设计