大总管默默

小可爱们,我这里会定期推送插画、UI设计、排版等相关文章教程,有事没事来逛逛啊;
设计路上在学习,永不停歇,我们一起加油~

今天给大家带来的是色彩原理相关的内容只是,希望对大家有所帮助!~

图片

盯着这张图看,你觉得它是动态还是静止?

图片

这跟设计有什么关系?

 

图片

饱和度高的圆点放置在画面中,不断重复整齐排列。

图片

再填充蓝色背景后,盯着屏幕看,你感觉到圆点在缓慢移动了吗?

图片

当你觉得惊讶时,用网格却证实圆点并没有任何移动。

图片

通过重复图形与高对比色彩带来短暂区域的运动,利用这种现象结合到设计中,可以形成非常有趣的视觉效果,让画面产生微妙的互动感受。

 

图片

渐变色的图形依次排成圆形摆放,盯着屏幕,是不是感觉越往深处看内部旋转的运动越明显。

图片

图片

利用这样的旋转假象结合到设计中,可以塑造出似幻的空间场景和未来的科幻感。

图片

图片

 

图片

绘制高对比互补和黑白的交错色块

图片

通过拼合制造出纵深的场景,还是看着屏幕,有没有感到空间里每个色块的抖动,以及向前走的错觉。

图片

利用这种效果可以在空间中增加行走或向前运动的物体,一张具有年轻潮玩的设计就做出来了。

图片图片

 

图片

用格子铺满画面,再将小色块摆放到每个格子交错点时,神奇的一幕即将发生。

图片

图片

在高饱和的背景下,图像则产生了波动的效果。

图片

而变成黑白色,则失去了错觉的假象。

图片

利用这种效果结合到设计中可以做成图案、包装,以及更多不同的设计形式,错觉的动态与静物的结合使设计变得具有动感而不沉闷。

 

图片

这一切的原理在于利用高低饱和和明暗的对比。

图片

通过规则和秩序组合排列,在人眼的视觉补偿、直视和眨眼之间产生的幻觉现象叫做周边漂移错觉。

图片

图片

从而达到重复、波动、缩放、旋转的动态假象,以改变我们肉眼所看到的真实性。

图片

 

原文地址:功夫体验设计(公众号)

作者:修先森

图片

转载请注明:学UI网 » 原来眼睛看到的都是骗人的

登录收藏
 
你可能喜欢的:
哎,我做的设计太普通,丢人了!哎,我做的设计太普通,丢人了!
设计基础(4):B端中后台管理系统色彩体系设计基础(4):B端中后台管理系统色彩体系
排版的关键在于处理好对比与统一的关系排版的关键在于处理好对比与统一的关系
如何从体验层面提升NPS——好感体系设计如何从体验层面提升NPS——好感体系设计
工作经验|设计组件的更新和优化,需要哪些流程?工作经验|设计组件的更新和优化,需要哪些流程?
总监说我的画面太平了!结果同事和我说了几个小妙招!总监说我的画面太平了!结果同事和我说了几个小妙招!
我的配色是真不行阿!我的配色是真不行阿!
UI新视角-界面三重构UI新视角-界面三重构
设计基础(1):格式塔理论在B端产品中的应用设计基础(1):格式塔理论在B端产品中的应用
让设计感暴增的8个画册标题排版技巧让设计感暴增的8个画册标题排版技巧