赞助商
立即赞助

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

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

元旦过后,新的一波作又始了,我始准备新一轮汇报料的时候突然到了一问题,不知道铁子们往参加设审的时候,总被老板 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 设的本质就对信息的整理归类编排,什么比信息重,如果贸然了饱满加入一些装饰元素,很可能本末倒置,得不偿失。这就喝酒一样,喝醉很易,但微醺的感觉棒的,希望能好迎接好的一~

欢迎关注作者微信公众号:「负能量补站」

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

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

相关文章

我们常说:设计就是在向用户传递信息,在设计的日常工作中,传递信息的方式大多都是图文相结合的形式,而文字作为信息传递中...
平面设计
先声明本文的内容量很大,是对光影知识的一次系统梳理和总结,相信读完会有所收获,当然有些内容还不够深入,还要继续深究和...
光影
懂了文字跳跃率!,在排版中可不得了。 下面两个版面哪个给人平静安稳的感觉? 那必须是「平平淡淡A」呀,毕竟名字暴露了一...
平面设计
我们的日常生活总是会面临无数的选择,尤其是在职业生涯中,我们必须考虑到很多的反对和挑战,更好的设计解决方案不仅是基于...
UI配色
@琳琳和止水是同一个人 :作为一名专业的设计师,版面设计能力直接影响到该设计师水平。我们很多设计朋友在临摹的优秀作品中...
平面设计
创意字体排版既是 2020 年的主要平面设计的趋势,也是一直以来一直在趋势前沿的一个设计门类。对于设计师而言,优秀的创意字...
字体排版
今天用一个邀请函设计的实战案例,和大家分享我的快速向他人学习的一个方法,希望对大家有启发作用哦~ 欢迎关...
平面设计
在日常工作中,很多设计师都会碰到画面整体太乱的问题。乱,就会给人一种杂乱无章,甚至心烦意乱的感受,这也恰恰与设计的目...
平面排版