Material Design 基础 - Applying density
cac55 2024-10-26 08:11 11 浏览 0 评论
前言
Material设计为提高密度改善用户体验的用例提供高密度间距指导。
用法
这些指南描述了如何以及何时应用密度。
原则
可扫描
密集的UI提高了查看和浏览大量内容的便利性。
优先考虑
密集的UI通过减少操作之间的空间来帮助用户集中精力。
可见的
增加密度可以在单个屏幕上容纳更多内容和动作。
组件密度指南
怎样使用组件密度
Material密度指南是了解何时以及为什么应用密度可以改善用户体验的资源。在代码的支持下,Material组件密度可以在刻度上进行一致调整。
组件密度中解释了使用密度标度的指导,平台支持可在组件密度实施指南中找到。
何时使用组件密度
用户与组件的交互方式应决定是否增加UI中的密度。当用户查看和交互大量信息时,高密度组件可以改善体验。
通过在屏幕上提供更多内容,增加列表、表格和长表单的密度,使信息更易于扫描、查看和比较。
何时不应该使用组件密度
任务和基于警报的组件不应增加密度。
重点任务
不要增加涉及重点任务的组件的密度,例如与下拉菜单或选择器交互。增加日期选择器等组件的密度会限制可点击空间,从而降低可用性。
警报和消息
不要增加Alert或消息组件的密度,例如snackbar或对话框。增加警报的密度会降低它们吸引用户注意力的效率。在对话框的例子中,当密度增加时,消息的可读性和突出性会受到影响。
布局
网格和组件密度
保持组件密度和网格布局之间的平衡。
要创建可扫描的内容组,请结合使用密度较低的网格布局和高密度组件。组件的密度越大,边距和边沟宽度就应该越大。将密集的布局网格与密集的组件相结合,可以让用户更难区分内容组。
将密度应用于组件
不应单独调整组件密度。相反,要始终如一地应用密度,以创建一个内聚组件集。当你调整一个组件的密度时,考虑一下这一变化将如何影响应用程序中的其他组件。
下面的工具演示了材质组件随三种密度设置(默认、舒适和紧凑)的变化。
密度标尺
密度比例允许您在需要时控制单个组件的密度。
“密度比例”已编号,从组件的默认密度0开始。随着空间的减少,比例会移到负数(-1,-2,-3),从而产生更高的密度。每个增量表示组件高度减少4dps。
不要从“密度比例”中选择破坏组件的数字。
间距法
当组件的密度增加时,填充和对齐保持一致,但尺寸会发生变化。增加时不要更改组件的填充.
- padding
增加密度时,不要改变组件的填充。组件填充会影响高度,减少填充会对用户交互产生负面影响。 - Dimensions
增加零部件密度时更改尺寸。构件尺寸会影响构件或图元的长度和高度。 - Alignment
使用中心规格来对齐零部件容器中的图元。中心对齐元件允许在不需要额外对齐元件的情况下调整元件高度
分隔多个元素
当多个元素在一个组件内垂直堆叠时,使用4dp增量将它们分开。将已分组的元素置于组件容器的中心。
可达性
触摸目标适用于接收触摸和非触摸输入的任何设备。为了平衡信息密度和可用性,默认密度组件的触摸目标应至少为48 x 48 dp,每个目标之间至少有8 dp的空间。注意:在iOS上,44 x 44 dp是建议的触摸目标。
排版
线条高度
行高是文本行之间的间距。线条高度可以作为在排版布局中创建密度的一种方式。
Material Design 系列文章
最新更新以及更多Material Design相关文章请访问 鹏叔的技术博客空间-Material Design
相关推荐
- 微信AI搜索接入DeepSeek,超级流量入口开始拥抱开源模型
-
第一财经记者获悉,微信已接入DeepSeek-R1模型,部分用户在微信搜索框选择AI搜索,可使用DeepSeek-R1的深度思考功能,该功能还未覆盖所有微信用户。腾讯方面向记者回应称,微信搜一搜在调用...
- 夸克升级“超级搜索框” 推出一站式AI服务
-
7月10日,夸克升级“超级搜索框”,推出以AI搜索为中心的一站式AI服务,为用户提供从检索、创作、总结,到编辑、存储、分享的一体化信息服务价值。“能回答、能创作、能总结的超级搜索框,是夸克对AI搜索的...
- AI与搜索深度融合 夸克推出能回答、能创作、能总结的“超级搜索框”
-
【CNMO科技新闻】互联网时代,搜索已经成为了我们获取信息的主要途径之一。随着大模型时代的到来,搜索也开始发生了新的变化。CNMO注意到,7月10日,夸克迎来了全新版本,将其搜索升级至“超级搜索框”,...
- 字节跳动入局全网搜索:从0到1打造通用搜索引擎
-
8月1日午间消息,字节跳动通过“字节跳动招聘”公众号公开了布局搜索引擎的动作。文章提到,字节跳动已建立搜索部门,搜索团队正在全力打造出一个理想的搜索中台架构。而该搜索引擎是今日头条、抖音、西瓜、火山、...
- 电脑硬盘很卡格式化有用吗?
-
答案是有一定作用,不一定能根本解决问题。硬盘很卡,表明硬盘有坏道,在读写过程中产生较大延时变化,导致操作系统卡顿。简单的高级格式化只能达到初始化硬盘、清除分区中文件的一个操作,仅对硬盘性能保持优化。这...
- 「吐槽」爱国者电源G6 600w翻车 毁硬盘,拯救便宜电源
-
Hi,我是潘多拉1号避难所的服主火线兔这篇文章是2020年11月6日写的吐槽文写这篇文章的目的是近期有朋友反映我的服务器已经成了“土豆服务器”了,劳资要解释一下发生了什么,当然还有一个目的就是电源买了...
- 如何销毁硬盘数据,使用硬盘销毁机方法,硬盘销毁方法,淼一科技
-
三种数据销毁方式的安全性?首先我们先了解一下数据销毁的三种方式是什么?第一、覆盖,用新的数据把旧数据进行覆盖;第二、消磁,把储存介质的磁场消除;第三、破坏(也叫物理破坏)、利用物理的方式把数据进行销毁...
- 电脑常见的硬件故障和解决方法
-
一、常见的故障问题1、CPU问题:是一个精密的配件,但CPU出现问题的几率极小,一般可以排除CPU的问题,它出问题往往是因为CPU风扇出了问题或者安装不到位导致CPU温度过高烧毁,所以温度是CPU常见...
- 西数硬盘分区显示0字节,提示格式化,该怎么办?
-
硬盘容量为0,提示格式化,注意谨慎操作,不要反复尝试,这种情况可能是硬盘有坏道或者磁头性能不良。用户需要及时找专业的数据恢复公司检测。下面给大家带来爱特近期处理的一个相关案例,告诉你遇到这样的硬盘故障...
- 重装系统误分区,物理故障又遇逻辑故障,有种淡淡的忧伤
-
电脑经常出现一些情况,像经常死机、经常蓝频、变卡变慢等等情况,很多用户总会想到通过重装系统来解决,包括一些单位的技术人员也有这样的想法。一般地,重做系统可以解决变卡变慢的问题。但是如果问题本身不在软件...
- 电脑蓝屏不要手忙脚乱瞎判断,蓝屏故障处理流程
-
我们在电脑日常使用过程中,经常会遇到电脑蓝屏的情况发生,而很多用户遇到蓝屏故障时总会手忙脚乱,瞎判断,电脑蓝屏虽然可能性非常多,但总规还是两大类,一类软件原因,一类硬件原因。不管哪种原因,判断问题原则...
- 硬盘常见物理故障之硬盘坏道!硬盘坏道用户注意事项!
-
硬盘坏道是硬盘常见的物理故障之一,什么是硬盘坏道?当扇区内容不能正常读写,此扇区失效,它所在的磁道成为坏道,这就是硬盘坏道。出现硬盘坏道,我们一般不易察觉,坏道不像磁头损坏,磁头损坏一般伴随着异响声,...
- 机械硬盘C5黄牌警告,不要慌,可以先修复试试
-
很多年前,第一次买电脑就被硬盘问题搞得崩溃。当时只要进行磁盘扫描就会死机,重启绝对丢失数据的那种。我找老板换过两块硬盘,再换第三块的时候,我用的是软件检测结果。老板说,软件的结果怎么能算数呢?最后,老...
- MHDD 软件应用六 硬盘的隐藏,切割坏扇区
-
硬盘如果有一部分损坏不能用了,我们可以尝试把坏扇区隐藏,也就是切割成不可见,我们来了解一下具体的方法。1HPA命令。这个命令是更改硬盘的大小。他实际上是通过修改扇区的数量,来改变硬盘的大小。它有什么...
- 移动硬盘频繁使用,小心各种故障找上来
-
你会使用移动硬盘吗?小编相信很多人都对这个提问嗤之以鼻,但真到了移动硬盘出现各种故障,重要数据丢失了的时候,你还能不以为然吗。六安孙先生有一款500G的西数移动硬盘,用来存储一些重要的文档资料。孙先生...
你 发表评论:
欢迎- 一周热门
- 最近发表
- 标签列表
-
- 如何绘制折线图 (52)
- javaabstract (48)
- 新浪微博头像 (53)
- grub4dos (66)
- s扫描器 (51)
- httpfile dll (48)
- ps实例教程 (55)
- taskmgr (51)
- s spline (61)
- vnc远程控制 (47)
- 数据丢失 (47)
- wbem (57)
- flac文件 (72)
- 网页制作基础教程 (53)
- 镜像文件刻录 (61)
- ug5 0软件免费下载 (78)
- debian下载 (53)
- ubuntu10 04 (60)
- web qq登录 (59)
- 笔记本变成无线路由 (52)
- flash player 11 4 (50)
- 右键菜单清理 (78)
- cuteftp 注册码 (57)
- ospf协议 (53)
- ms17 010 下载 (60)