本文概述
- 首要的……
- 对空白说” 是”
- 有效利用空白
这是什么是空白以及如何在电视应用中最适合企业使用的说明。
文章图片
首要的…… 什么是空白?
【电视UI设计(使用空白)】空白是一块空置的房地产, 上面有零个文本或图形。注意这一点很重要, 因为只要在背景图形图像上方没有添加任何内容, 就可以将其视为空白。
文章图片
空白并不总是只有白色。
有什么大不了的?
为什么这么简单的事情会带来如此不同?企业主通常将空白视为失去了推广更多内容的机会, 这浪费了宝贵的屏幕空间。他们的目标是将尽可能多的内容呈现给用户, 这在某种程度上是可以理解的。但是, 当向客户提供太多内容时, 他们将面临所谓的决策瘫痪-完全缺乏决策能力。
希克定律或以英国和美国心理学家威廉·埃德蒙·希克和雷·海曼的名字命名的希克·海曼定律, 描述了一个人由于其可能的选择而做出决定所花费的时间:增加人数选择将对数增加决策时间。当你考虑整个电视应用程序的概念时, 这实际上是一件大事!选择!你浏览了无穷无尽的电视节目和电影缩略图库几次, 却发现自己根本无法做出任何决定?这不是因为内容不好。这是因为没有呼吸空间-没有有效的分隔符。你的脑海看到了太多选择, 它关闭了。
文章图片
在屏幕上扔太多东西会使你的用户不知所措, 并导致决策恐慌。
对于设计师来说, 空白是页面上的负空间, 它为你的眼睛提供了视觉呼吸空间。
设计师知道, 空白有助于用户集中精力并吸收他们希望他们看到的内容。
对空白说” 是” 空格对于电视应用程序设计尤为重要, 因为通常, 用户会感到放松, 享受悠闲的体验-尝试远距离做出决定。通过在内容和空白之间实现很好的平衡, 我们实际上在帮助他们完成此过程。
如果使用得当, 空白可以改变设计并带来用户体验。设计和布局需要有呼吸的空间, 以使人眼前一亮并有助于做出决定。通过利用空白, 你实际上可以增加内容的可读性和用户交互。这是通过减少使观看者无法做出决定的干扰来实现的。
根据人为因素国际组织的研究, 空白使用户的理解力提高了近20%。
让我们看看空白如何帮助创造呼吸空间, 以及如何改变决策过程。
文章图片
看似旨在引起焦虑的电视界面
文章图片
电视接口试图同时执行过多操作
文章图片
美观执行, 但内容之间缺少空白
文章图片
带呼吸室的接口
文章图片
元素之间具有良好平衡和层次的接口
文章图片
元素之间具有良好平衡和层次的接口
看到那个吗?
空格会产生清晰的分隔, 使用户的视线集中在你希望他们观看的内容上。Hulu在其Hulu Live应用程序中使用空白非常出色。查看代替传统海报艺术使用的大背景图像, 它看起来让人身临其境, 美丽动人。这是如何利用巨大的零售空间的一个很好的例子。
文章图片
Hulu用身临其境的空白吸引你。
空白可减少认知负担并加快决策制定速度。如Fast Co Design所述, 添加空白不仅仅可以消除混乱, 它还具有以下基本功能:
- 提高理解力
- 阐明互动元素之间的关系
- 吸引并集中用户的注意力
利用空白的力量来提升你的设计并帮助做出决策。
减少认知负担将使UI不仅更易使用, 而且使用起来更加令人愉悦-空白将有助于在整个用户体验中营造一种和谐和流畅的感觉。有效利用空白 以下是一些电视应用程序的示例, 这些应用程序使用有效空白空间来创建令人愉悦的使用界面。
文章图片
这些电视界面使用户一次只能专注于一个选择, 而不是数十个选择。
空白是当今许多电视设计中经常被忽视和利用不足的元素。虽然内容在电视应用程序中占主导地位, 但这并不意味着我们应该覆盖屏幕的每一英寸来使屏幕杂乱无章。空白是一种简单而功能强大的设计设备, 应该应用于市场上的每个电视应用程序。它现代, 时尚, 视觉刺激, 并经过验证可帮助用户确定要观看的内容。
文章图片
设计中使用空白可以使你的内容在任何尺寸的屏幕上都能发光。
? ? ?
在srcmini设计博客上进一步阅读:
- 电子商务UX –最佳做法概述(带有信息图)
- 以人为本的设计在产品设计中的重要性
- 最佳UX设计器产品组合–启发性的案例研究和示例
- 移动接口的启发式原理
- 预期设计:如何创建神奇的用户体验
推荐阅读
- 保持控制(Webpack和React指南(2))
- 复杂的原型-为什么要使用Axure
- 新现实(VR,AR,MR和设计的未来)
- 灰色问题–设计过程中的思维导图是什么()
- 如何使用Unity3D C#下载.app(点应用)文件()
- ApplicationContext或Activity Context是否适合Adapter()
- 错误(不兼容的类型:如果使用android室((__cursor.isNull(null)),则无法转换为int)
- 为什么Apple Accelerate框架有时会很慢()
- 在Google App Script中使用导入的模块