画面不够饱满?学会用光影让你的设计脱颖而出!

Date 2026-01-22 23:22:33

文件名 如何下载使用? 文件大小 下载来源 keynote 33.73MB的素材和视频 登录下载

画面不够饱满?学会用光影让你的设计脱颖而出!

元旦过后,新一轮的工作又要开始了。当我开始准备新一轮的报告材料时,我突然想到了一个问题。我不知道铁是否总是在前几年参加设计评估 diss “太空”在设计稿中 “不够饱满” 这些问题呢?

画面不够饱满?学会用光影让你的设计脱颖而出!

我猜测应该 99%的铁都经历过,我也不例外。从学校招聘到第一家公司,我们需要充分利用每一个像素的概念,让它像北京的房价一样寸土寸金,生怕被浪费;想了想,为了不重复我的错误,让我们谈谈新年的第一篇文章中的排版:

画面不够饱满?学会用光影让你的设计脱颖而出!

如果你读过我过去的文章,你可能会对我的排版印象深刻,夸张的大字,强烈的对比,以及一些微妙的层次关系。

往期回顾:

诚实地说,我的风格是混合的 2 种设计体系 —— 瑞士风格 / 拟物风格;

1. 瑞士风格

整洁、严谨、整洁、理性、实用的特点是瑞士平面设计的精神;这种细致、准确的风格,即所谓的瑞士国际主义风格。简单地说,因为 Swiss Design 这种风格简单明了,传达功能准确,很快得到了世界的广泛认可,成为战后影响最大的平面设计风格,也是世界上最受欢迎的风格。因此,它也被称为国际主义平面设计风格;

画面不够饱满?学会用光影让你的设计脱颖而出!

简单地说,瑞士这种设计风格的典型代表是我们看到的杂志,其中包括 3 特点:注意网格 / 非常理性地抑制颜色的使用 / 层次关系;有趣的是,随着时代的发展,审美和趋势是循环的,越来越多 app 例如,我们开始重新挖掘瑞士风格并使用它。 iOS 系统自带的应用程序,Spotify:

画面不够饱满?学会用光影让你的设计脱颖而出!

当我年轻的时候,我经常看这些 app 我忍不住问,为什么它在没有图片的情况下看起来这么好?多年来,我终于明白了前人的良好意图:文本是内容,也是组成;是信息,也是装饰;简单地理解,无论是在平面、网页还是网页上 UI 在没有可用装饰的情况下,信息本身应承担装饰和传达的双重功能,这是瑞士风格的核心本质。

2. 拟物风格 

iOS 它是拟物的典型代表。网上对这篇文章的解释太饱和了,我不需要重复;所以让我们来谈谈锤子技术,它对我有着深远的影响。我第一次接触到它 smartisan OS 我没有感觉到有多惊艳。潜意识里,我只是觉得自己是把手。 iOS 图标画有点漂亮..

但当我打开下面的页面时,我意识到我对拟物的理解仍然很浅,我第一次被光和阴影的水平所震惊:

画面不够饱满?学会用光影让你的设计脱颖而出!

光影创造了一个三维空间,使整个画面丰富饱满,也打破了我幼稚的设计观,PS.不管锤子科技现在怎么样,我仍然钦佩它 Paco / 方迟 / 罗子雄的设计团队为这个行业做出了贡献,respect!

毫无保留地说,我的设计就是两者的融合,从而 层次对比 作为核心概念。

画面不够饱满?学会用光影让你的设计脱颖而出!

啰嗦了很久,赶紧进入话题;如果你是产品体验设计师,你一定听说过 “奥卡姆剃刀” ,这一定律通常用于交互链路的设计(意思是用户路径中不必要的步骤,省了就完了),“如果没有必要,不要增加实体” 即简单有效的原理;

画面不够饱满?学会用光影让你的设计脱颖而出!

同样,在嘈杂的视觉结构中,画面也需要奥卡姆剃刀,当你对画面的饱和感到困扰时当你急于找到一些背景和纹理填充时,我建议你先冷静下来。。。因为页面的空虚可能不需要物理填充;上面说过 “层次对比” 从核心理念出发,要区别于平面设计,创造立体空间,所以先理清画面结构:

画面不够饱满?学会用光影让你的设计脱颖而出!

一般来说,要想不平,就必须把二维空间转化为三维空间。 Z 在轴上努力工作;如果你碰巧是摄影师,你可以想象相机的焦距和景深。工作原理是一样的,需要 前景 / 主体和背景 三个层次;当然,对比信息的呈现和层次的开放是极其重要的。这里需要通过景深来控制效果,你可以通过 photoshop 滤镜-模糊画廊的“场景模糊”:

画面不够饱满?学会用光影让你的设计脱颖而出!

此外,如果空间的感觉想要突出,“光影与空气”的价值可以无限放大。根据上述结构,只需将内容和天然物质放入其中,甚至可以从一个例子中得出推论(例如,我不会扩展不同颜色的氛围):

画面不够饱满?学会用光影让你的设计脱颖而出!

整个 case 下来,你会发现用光来关注信息自然会形成我们所说的收入 “信息优先级”;有时候空气和光影的饱满度超出了你的想象。这种天然物质可以帮助画面分层,达到填充效果,不一定要靠物理装饰。

顺便说一句,如果你像我一样无所事事,借用它 keynote 动画效果可以成为报道场上最漂亮的幼崽(注意:视频有音乐)!

keynote 材料和视频可以在开头/文末下载

画面不够饱满?学会用光影让你的设计脱颖而出!

本来不打算再开一章说这个,但还是觉得有必要再说一遍(我好纠结),作为 PPT 来讲,ta 主要用途有两种:一种是给人看,另一种是给人讲;无论是哪种,尽量简化文字,就是关心输入者;

画面不够饱满?学会用光影让你的设计脱颖而出!

以上图为例(实名) diss 他们自己的作品),诚实地说,左边的大多数观众不会有想法,根据视觉系统,这部分将被忽视为一个“脸”,在这种情况下,右边看起来更强大,也可以帮助观众关注信息,所以或者那句话,不能写,不能写更少,保持信息密度也是设计师的必要责任之一。

总结一下

铁子们想问一个问题 UI 它的本质或作用是什么?从我个人的角度来看,UI 设计的本质是对信息进行整理、分类和安排。没有什么比信息更重要了。如果你贸然添加一些装饰元素来充分利用它,它很可能本末倒置,得不偿失。这就像喝酒一样。喝醉很容易,但微醺的感觉是最好的。我希望你能有一个好心情来迎接美好的一年~

欢迎关注作者微信微信官方账号:「负能量补给站」

画面不够饱满?学会用光影让你的设计脱颖而出!

文件名 如何下载使用? 文件大小 下载来源 keynote 33.73MB的素材和视频 登录下载