• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 那些很熟悉但又叫不出名字的设计法则:恐惧留白

那些很熟悉但又叫不出名字的设计法则:恐惧留白

作者:二手设计 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含极简主义,留白,经验分享,设计法则,设计法则专题等相关知识,二手设计希望在学习及工作中可以帮助到您

大家一定对这样的场景有点熟悉,评审的时候,经常会有指点江山的「大神」聚集在设计师周围提出各种问题,有一个问题的出现频率居高不下,那就是「画面有点空,可以再丰富一下吗?」真的是画面一定要满到炸裂才是好的吗?本期我们来聊聊。

「设计法则专题系列好文」

  • 《那些很熟悉但又叫不出名字的设计法则之「系列位置效应」》
  • 《那些很熟悉但又叫不出名字的设计法则:形式服从功能》
  • 《那些很熟悉但又叫不出名字的设计法则:需求的等级》

一、恐惧留白(Horror Vacui)的定义

维基百科:「恐惧留白」来自于拉丁语和希腊语,意思是用细节填充整个空间或艺术品的表面。

通用设计法则:「恐惧留白」这句拉丁文,指的是渴望用信息或元素将空白处填满。就风格而言,正好与极简主义相反。

二、恐惧留白在艺术中的体现

△ 维多利亚女王的皇家车厢(火车),1869年

在维多利亚时代,英国的政治、经济、社会皆飞速变化,其最显著的结果就是富裕的中产阶级的剧增。财富的拥有及身份的提升唤起了中产阶级改变居住环境和室内装饰样式的意识,他们急于在住宅建筑上明确和标榜他们的成就。于是,以装饰为主的「维多利亚风格」应运而生。

「恐惧留白」这个词与意大利艺术评论家兼学者 Mario Praz 联系在一起。Mario Praz 用「恐惧留白」描述维多利亚时代令人窒息的风格和室内杂乱的设计。

△ 《凯尔斯书》(Book of Kells)内页

「恐惧留白」的代表作——《凯尔斯书》(Book of Kells)是爱尔兰中世纪手抄本中最精美的一部。其中美丽的插图作品代表了中世纪爱尔兰凯尔特美术的最高成就。这些书法与绘画以珐琅工艺品般的密集形式作于暗色羊皮纸上,看上去仿佛是由几个画匠合作的成果。这些作品以其完美纹饰以及美轮美奂的色彩而达到动人心魄的效果。其绘画之精细,装饰之繁复,使观者必须借助放大镜才能看清全部画面。

△ 雕刻家 Jean Duvet 的作品(图片来自于网络)

法国文艺复兴时期雕刻家 Jean Duvet 的作品始终能表现出「恐惧留白」。

△ David Carson 作品(图片来自于网络)

David Carson 是美国纽约最著名(也最引人争议)的实验设计家之一,他创作的作品, 尤其是出现在《Beach Culture》和 《Ray Gun》杂志中的作品,对于全球年轻设计家的想法和创作方式产生相当深远的影响。「恐惧留白」是 David Carson 的标志性风格之一。

三、「恐惧留白」和「价值」的关系

△ LV、Tiffany 橱窗(图片来自于网络)

注意观察的同学,一定发现了一个现象,高端品牌的橱窗,更倾向于以创意取胜,并不会展示很多的产品,而且产品不会有明显的价格标牌;而一些连锁店更倾向于在橱窗中摆放大量的模特和很多很多的产品,这个就是「恐惧留白」的感知研究。研究表明:恐惧留白和价值感受之间存在一定反比关系,恐惧留白越高,价值感就越低。

△ 打折店店面(图片来自于网络)

《设计通用法则》更近一步的阐释,也许这种反比关系,正好鉴于社会的富裕程度,以及社会对「恐惧留白」的价值感知之间。也就是说,那些习惯拥有很多的人,少才是多,而对那些向来没拥有什么东西的人,多才是多。也有人认为这和教育程度有关,跟富裕程度没有任何关系。这个领域的因果研究尚在进行中,但是初步得出的结果已经很有说服力。

五、恐惧留白在设计中如何运用

△ celine 广告(图片来自于网络)

在运营、营销中,对于那些目标用户为富裕和受过高等教育的人,尽可能避免「恐惧留白」,多用极简主义,增加用户对价值感高的联想。相反,可运用「恐惧留白」,用多种元素丰富画面, 以满足用户的联想。

参考资料

  • 《通用设计法则》,威廉·立德威尔、克里蒂娜·霍顿、吉尔·巴特勒<著>,朱占星、薛江<译>,中央翻译出版社
  • Horror vacui,维基百科
  • 凯尔斯书,百度百科
  • 维多利亚时代,百度百科
  • 大卫·卡尔森,百度百科

欢迎关注作者的微信公众号:「二手设计」

图片素材作者:Enisaurus

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao..com

优设大课堂

您可能想查找下面的文章:

  • 疯传谷歌走All-White风?假的!其实只是合作伙伴的重设计
  • 关于极简主义设计,这篇文章帮你安排得明明白白
  • 那些很熟悉但又叫不出名字的设计法则:恐惧留白
  • 2018年​Behance 上最值得关注的20个设计趋势
  • 如何打造极简设计?来看英才APP的实战案例!
  • 简而不减:极简主义设计的 KISS 原则与案例
  • 功能大于形式!揭秘UI设计中“性冷淡”风格的真相
  • 实例教学!25个帮你运用好极简风格的设计方法
  • 实例教学!如何将极简风格的原则运用到网站设计中?

相关文章

  • 2017-08-06如何设计制作自适应网页
  • 2018-08-23这样使用Sketch的Symbol功能,能极大提高你的工作效率!
  • 2018-08-23零基础做字体?巧用字库做出你的第一款字体设计!
  • 2018-08-23用这4个超实用的方法,做出有价值的功能性动效!
  • 2018-08-23UI实战教程!从零开始做App 系列之项目立项+预估时间篇
  • 2018-08-23为什么你做的设计总是不耐看?
  • 2018-08-23实战经验!如何做好网页后台的表单和表格设计?
  • 2018-08-23为了让残障人士方便使用产品,腾讯设计师总结了这7个设计方法
  • 2018-08-23内容迁移到移动端时,用户体验优化的7个关键点
  • 2018-08-23如何规避 Design System 架构设计中的逻辑陷阱?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 网页设计与西方建筑的发展历程有何相似之处
    • 想紧跟流行风尚?这5种平面设计趋势了解一下
    • Web前端开发者必知的9个实用CSS属性
    • PS教程!教你打造2017年最受欢迎的渐变幻彩风格
    • 轻松看懂规范!详解组件控件结构体系之提示类
    • 行内元素、块元素都有哪些
    • 春节专题!App 设计系列之空白页的价值与设计方案
    • 出色的美工/网页设计人员需要掌握的7项技能
    • 用户体验的76个体验点小结
    • 从交互角度,分析为什么我沉迷抖音,却不想刷微视?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有