平面设计中留白的气质与技巧
作者:hz_admin02发布时间:2022-06-09分类:惠州计算机学校浏览:892
虽然说留白不是万能的,但轻度留白却可以有效解决平面设计中的实际问题,掌握轻度留白的理论,可以大大提高自己的工作效率与过稿率,下面就由平面设计培训带你详细了解平面设计中的留白。
一、留白的四个关键属性:韵味、空间、焦点、呼吸

留白最有代表性的作画就属于宋代马远的《寒江独钓图》,空白之处有种是一般耐人寻味的境界,而这就是利用了留白而产生的结果。

我在我的站酷的一篇文章《如何做出空间感》里说到过,缩小主题的面积,让其周围的留白面积更大,空间感就会增加,这个理论与此画面是一样的。

如果想用留白的技法来设计一个画面,就要明白少就是多的道理,元素越少,人的视觉注意就不会背其他无用的元素抢走。这个道理不光是针对留白这期内容,也针对我们平时的设计思维中,我在《做简单的设计》那一期直播课说到过,不要被素材绑架,不要认为在画面中放置很多元素就能把设计做好。

留白的呼吸属性我们可以想象成周围的空气,但空气中的颗粒物(元素)特别多时,人的呼吸也会感觉不透彻。
二、平面设计中留白的两个常见误区

留白最常见的误区,就是认为是留出白色,事实并非如此,留白的真正含义是留出空间,背景可以是白色,也可以是黑色亦或是其他颜色,也可以是没有过度装饰的,整体看来是简洁的设计风格。



三、留白的气质调性:雅致、高端、文艺、轻盈
为了说明留白的气质以及杜绝对留白的认识误区,在这个章节,我会从素材网站上找一些图,进行留白的修改。
设计原稿

这个设计稿的硬伤比较重而且也很多,最明显的失误地方在于文字搭配稍显混乱,对字形气质的认知也有很大的误区。
留白修改后

我们用轻度的留白技巧对原稿稍加处理,雅致文艺的感觉就出现了,同事,最重要的产品的表达清晰,观者也会容易识别。
设计原稿

这是胡姬花的花生油广告,这个广告也很好的把产品的历史底蕴表现了出来,很容易吸引到产品的目标群体。
留白修改后

我们用轻度留白的表现方法修改了一下,产品的确清晰明确,但历史底蕴完全消失了,所以这是一个不折不扣的失败表现,这也充分的证明,留白的表现方法绝对不是万能的,在对像分为烘托的这种情感表达上,留白的形式还欠缺很多,这点一定要注意。
四、关于重度留白的形式:雅致、高端、文艺的最强表现形式
重度留白传递的不是产品,而是概念、气质、态度,这种表现方式适合运用于封面、网站欢迎页、网站的主页Banner等。
“无印良品”始创于日本,本意是无品牌标志的好产品,它倡导的生活方式是简约与质朴,而原研哉赋予无印良品的设计理念就是“空”,这个概念通过他的相关海报完美的结合与诠释了出来。


重度留白是把主体缩小到极致,甚至是你都不敢去尝试的表现手法,其传递出的雅致、空灵、高端气质是最强的,这就像双刃剑一样,在把上述气质表达到淋漓尽致的同时,其他的属性也近乎于零。
除非你的项目是像“无印良品”这样属性鲜明的品牌,否则的话,请谨慎运用这种重度留白的方法。
五、关于轻度留白的形式:重度留白与大众商业的结合
轻度留白其实就是我们最常见的一些留白设计风格,从风格上能传递出雅致、高端、文艺等气质,同时又能把事情说的很直接,所以掌握轻度留白的方法对我们工作效率是非常有帮助的,它可以让我们的画面既简洁又实用。
轻度留白的实用小技巧
我们把画面分为三层,第一层是图像层,第二层是文字层,第三层是背景层。

我们用修改案例的方式来阐述这个技巧
注:所有案例均来自于网络,仅用于设计理论,绝无不尊重原作者之意。

问题分析
任何设计的技巧与理论都建立在正确的设计的基础上,所以在开始留白的技巧之前,要先来分析一下这个稿件的问题所在。

步骤一:背景层要求色彩简单,无装饰或弱装饰
轻度留白技巧中色彩简单,也可以理解成最多不超过三种色相。

以上的案例作说明,背景层无装饰指的是画面的背景是单纯的图像或色彩,没有任何装饰元素;
背景层弱装饰指的是画面的背景的装饰元素并没有对主体以及文字造成影响,背景层的弱装饰感觉近乎平等同于无装饰。
步骤二:图像层要求主体清晰直观
主体的图像可以是任何的表现形式,可以是创意的图像,但前提一定要求表现准确,不能产生混淆感。在这个画面中,为了准确的表现领带,主体我选择了一张领带的图像作为主体。

步骤三:文字层最多两种字体,组合清晰简单
下方是原稿的文字组合与修改后的文字组合的对比

原稿的字形都是黑体字形,粗细对比很清晰,这是做的比较好的地方,但是用了过多的斜线与三角的点状结构,从视觉上有乱的感觉,其实文字的组合,即使是一种字体,善于运用大小与粗细的对比也能做的很美观,不用过多的做一些刻意的设计,设计的落脚点始终是传播。
修改终稿

总结
轻度留白与重度留白最大的不同在于:
轻度留白融合了重度留白的优势并且不受品牌属性的影响,
几乎任何品牌都可以用这种技巧来表现,
而对于新人设计师来说,
掌握轻度留白的技巧可以摆脱被素材绑架的状况。
点击咨询直接了解更多相关资料,我在惠州北大青鸟新方舟等你。
本文内容转载自网络,版权归原作者所有,如有侵权请联系我们进行删除。
标签:惠州计算机软件培训惠州计算件软件开发惠州计算机软件基础惠州计算机UI设计软件开发惠州UI设计培训学校惠州UI设计培训UI设计基础教程UI设计是什么UI设计教程UI设计入门UI设计培训
- 上一篇:25个平面设计史诗级技巧
- 下一篇:自然色彩的采集与重构_惠州UI设计
- 惠州计算机学校排行
- 标签列表
-
- Java (3694)
- 北大青鸟 (3713)
- 软件开发 (3613)
- JAVA (3413)
- UI设计入门 (2093)
- 惠州北大青鸟 (4375)
- 惠州IT培训 (2558)
- UI设计培训 (2090)
- 惠州UI设计培训 (2095)
- 惠州UI设计培训学校 (2090)
- 惠州计算机软件培训 (6260)
- 惠州计算件软件开发 (6260)
- 惠州计算机软件基础 (6261)
- 惠州计算机JAVA培训 (3574)
- 惠州计算机Java软件开发 (3620)
- 惠州计算机JAVA软件开发 (4645)
- 惠州计算机JAVA软件开发学校 (3338)
- 惠州计算机Java软件开发培训 (3338)
- 北大青鸟IT计算机学校 (5048)
- 北大青鸟IT软件学校 (5062)
- 北大青鸟IT学校 (5059)
- 惠州计算机UI设计软件开发 (2088)
- UI设计基础教程 (2088)
- UI设计是什么 (2088)
- UI设计教程 (2088)
- 网站分类
-
- 计算机教程
- 计算机入门
- 职业学校
- 新闻动态
- 专业课程
- 热门技术
- SEO
- 培训教程
- windows
- linux教程
- 系统集成
- 网站开发
- Html5
- 办公软件
- 师资力量
- 热点问答
- 联系我们
- 计算机学校
- 惠州计算机学校
- 河源计算机学校
- 广州计算机学校
- 深圳计算机学校
- 湛江计算机学校
- 佛山计算机学校
- IT计算机培训信息
- 设计专业
- UI
- 影视特效
- 游戏动漫设计
- Photoshop
- AI设计
- 软件教程
- Java技术
- C语言/C++语言培训
- C#
- Python技术
- PHP
- 数据库
- SQL Server
- 网络教程
- 网络安全
- 网络营销
- 软件专业
- 大数据专业
- 前端开发专业
- 软件测试专业
- Python专业
- 软件实施
- 珠海计算机学校
- 初中生学什么好
- 计算机认证
- 文章归档
-
- 2025年2月 (26)
- 2024年12月 (15)
- 2024年11月 (45)
- 2024年10月 (32)
- 2024年9月 (29)
- 2024年8月 (68)
- 2024年7月 (59)
- 2024年6月 (43)
- 2024年5月 (48)
- 2024年4月 (80)
- 2024年3月 (65)
- 2024年2月 (54)
- 2024年1月 (25)
- 2023年12月 (12)
- 2023年11月 (73)
- 2023年10月 (134)
- 2023年9月 (34)
- 2023年8月 (3)
- 2023年7月 (3)
- 2023年6月 (12)
- 2023年5月 (30)
- 2023年4月 (72)
- 2023年3月 (11)
- 2023年2月 (34)
- 2023年1月 (37)
- 2022年12月 (78)
- 2022年11月 (359)
- 2022年6月 (1193)
- 2022年5月 (570)
- 2022年4月 (1567)
- 2022年3月 (982)
- 2022年2月 (54)
- 2022年1月 (182)
- 2021年9月 (308)
- 2021年8月 (1704)
- 2021年7月 (2423)
- 2021年6月 (1806)
- 2021年5月 (1569)
- 2021年4月 (1380)
- 2021年3月 (1255)
- 2021年2月 (709)
- 2021年1月 (1521)
- 2020年12月 (3626)
- 2020年11月 (1646)
- 2020年10月 (1046)
- 2020年9月 (592)
- 最近发表
-
- 清远信息:南粤春暖共赴就业新征程清远市举办春季大型招聘活动|||计算机培训学校招生
- 江门信息:为什么要参加企业养老保险DeepSeek告诉你|||大学生计算机培训学校
- 东莞信息:香港劳工及福利局等代表团莅临东莞共促区域人才交流合作新发展|||大学生计算机培训学校
- 东莞信息:莞城街道2025年春风行动暨零工市场招聘活动|||计算机网络培训学校
- 汕头信息:招聘会开进高铁站汕头市南粤春暖专场招聘助力开门红|||计算机网络培训学校
- 江门信息:2025年江门市就业创业政策汇总|||广州计算机软件培训
- 梅州信息:2025年春暖梅州助力稳就业惠民生促发展现场招聘活动|||中专学计算机平面设计女生可以学计算机网络技术好吗
- 湛江信息:2024年乡村振兴人才驿站活动回顾之二赤坎篇|||中专学计算机平面设计女生可以学计算机网络技术好吗
- 汕头信息:新春送岗就在汕头!2025年首场就业洽谈会邀您参加内附参会企业名单|||广州计算机编程培训
- 茂名信息:150企业10000高薪好岗!茂名人社新春大型现场招聘会年初十盛大启幕!内附企业岗位名单|||计算机网络培训学校