• 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

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

倒金字塔法则(Inverted Pyramid),一种以重要性递减的顺序呈现资料的方式。

什么是倒金字塔法则?

倒金字塔法则是由 Edwin Stanton 开始的。他是亚伯拉罕·林肯的作战部长。

通用设计法则:倒金字塔法则指的是一种呈现资料的方式,先呈现最重要的资料,然后呈现附加的详细信息,重要性依先后顺序递减。

△ 倒金字塔法则图示(图片摘于维基百科)

维基百科:倒金字塔结构是绝大多数客观报道的写作规则,被广泛运用到严肃刊物的写作中,同时也是最为常见和最为短小的新闻写作叙事结构。内容上表现在一篇新闻中,先是把最重要、最新鲜、最吸引人的事实放在导语中,导语中又往往是将最精彩的内容放在最前端。而在新闻主体部分,各段内容也是依照重要性递减的顺序来安排。犹如倒置的金字塔,上面大而重,下面小而轻。

倒金字塔法则适用什么样的场景?

当呈现资料的方式以阅读为主时,需要运用倒金字塔法则。先简要概括资料的导语,然后描述简短信息模块,举个例子:

△ ios 系统弹窗

产品弹窗上面的文案大部分都是根据倒金字塔法则进行设计的,一般包含两部分,第一部分通常是直接的反馈(导语),这一部分的字体会较为醒目;第二部分是简短的信息模块。ios 系统在长按 App 图标删除时,会出现一个系统弹窗,这个弹窗上面的文案首先最为重要的导语:「要删除( App 名称)吗?」第二句简短的信息模块:「删除此应用同时删除其数据」。

△ 蚂蚁庄园弹窗

支付宝中的蚂蚁庄园,在给小鸡喂饲料的时候,如果饲料不足,会跳出一个弹窗,上面的文案也是遵循倒金字塔法则,第一部分是对操作的直接且简短的导语「剩余的饲料不足」,第二部分是解释饲料的获取方式。另外蚂蚁庄园的趣味性比较强,如果趣味性很重要时候,就要利用有趣的排版、精致的插画、新颖的交互等来弥补倒金字塔法则文案的乏味无趣,吸引用户。

在第一部分的导语要做到简练,避免过多的字数带给用户阅读和记忆方面的压力。第二部分的简短的信息模块中可以进行详细阐述,举个例子:

△ 美团闪付弹窗

这个弹窗上面的文案是否有优化的空间呢?这个弹窗上面只有一句导语,这个导语包含了两方面内容:一是用户的执行动作;二是相关的利益点。从用户体验方面来看,二手认为一个称职的弹窗应该先快速让用户感知要执行的动作,再告知动作执行与否的相关利益。

小结

倒金字塔法则的好处是什么?

  • 快速传递重要信息,让资料的搜索及浏览变得有效率。
  • 让资料的长度容易编辑,可以快编快删,删去最后段落,不会影响全文。
  • 程序化的快速写作。

倒金字塔法则的缺陷是什么?

报道客观报告事实,无法灵活的制造悬疑或创造令人惊讶的结局,让人乏味无趣。

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

「设计法则系列好文」

  • 《那些很熟悉但又叫不出名字的设计法则:希克定律》
  • 《那些很熟悉但又叫不出名字的设计法则:形式服从功能》
  • 《那些很熟悉但又不知怎么用的设计法则:80/20法则》

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

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

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

优设大课堂

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

  • 该有的视觉元素全都有,设计不好到底差在哪里?
  • 为什么几个人的小团队更加高效更加靠谱?
  • 对于「以人为中心」的设计,你的理解可能太浅显了
  • 为什么大家都想学服务设计?来看CEO 的亲身经历!
  • 想为iPhone X设计UI?给你这11个设计小贴士
  • 疯传谷歌走All-White风?假的!其实只是合作伙伴的重设计
  • 在做产品设计的时候,预期和现实到底有多大的差别?
  • 设计出了错?很有可能是你没有问对问题
  • 为什么不要再问用户「你们到底想要什么」?
  • 想紧跟流行风尚?这5种平面设计趋势了解一下

相关文章

  • 2018-08-23该用哪款字体?来看腾讯小凉的超全中文字体推荐
  • 2018-08-23天猫设计师:为什么说不真实的产品测试是无效的?
  • 2018-08-23趁着节假日,不如看这6部电影学学艺术史
  • 2018-08-23AI+AE教程!教你制作可爱的BB-8机器人小动画
  • 2018-08-23这5个牢不可破的设计规则,是你打造优秀动效的标准
  • 2017-08-06网页设计必备手册 216网页安全色大全
  • 2018-08-23优设国庆节专题!超实用的精选素材打包+出效果教程
  • 2018-08-23Adobe XD免费中文版发布,优设独家专访Adobe 设计副总裁
  • 2017-08-06Semantics:Html/Xhtml是否真正符合标准
  • 2018-08-23无论趋势怎么变,掌握这些设计节奏就不怕过时!

文章分类

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

最近更新的内容

    • Google对话式交互规范指南(三):设计原则与方法
    • 这10个关键点,让你的搜索结果页看起来足够专业
    • 条件注释样式的编写方法及示例代码
    • 怎样设计网页?怎样制作网页?
    • 进阶好文!让人舒服的的交互设计稿该有的5个特点
    • 信息架构设计大杀器!超全面的卡片分类法使用指南
    • 如何判断你的产品“好不好”?来看高手的角度!
    • 10个Sketch搭配Zeplin的使用技巧,让你和程序员愉快玩耍!
    • 设计水平没有大的进步,原来是这9个方面做得不好…
    • 网页宽度自动适应手机屏幕宽度的实现代码(viewport)

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

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