首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

实心图标与空心图标的区别

实心图标与空心图标的区别 有读者说,面试的时候面试官提到了一个问题,但不知道怎么回答。这个问题是:实心图标和空心图标的区别是什么?...本篇文章的结论: 人的大脑在识别空心图标时,会比实心图标更显吃力; 实心图标的引导性要强于空心图标; 空心图标的装饰性会更强; 实心图标承载的信息相对更重,参考选中状态。 01....实验的内容是将一组相同图标,分为实心和空心,给用户做测试。结论是相同一组图标,用户平均识别实心图标的速度比识别空心图标的速度要快上 0.1 秒,但是其中有个别空心图标的识别速度比实心图标更快一些。...接着通过变化来提示用户,比如从空心图标变到实心图标。所以在一些规范里,它也只是告诉说,空心和实心图标在标签栏中的区别就是,空心是未选中状态,而实心是选中状态。...我只是在这里用这个例子来说明,空心图标的引导性没有实心图标强,所以更多会被用来当做装饰品。而当空心图标与实心图标同时出现,并表达同一类信息时,它们就是一种信息的两种状态,比如选中与未选中。

7210

Power BI表格矩阵实现大头针图的极简方案

下图是两个基础版本,头部分别为实心和空心。 图表需要的素材是横线和圆圈,在https://unicode-table.com/cn/blocks/搜索对应关键字可以方便找到。...如下度量值9472代表横线,9679代表实心圆。度量值放入表格即可正常显示。...Unicode大头针图实心 = VAR MaxValue = MAXX ( ALLSELECTED ( '店铺信息'[店铺名称] ), '店铺信息'[业绩_今年] ) RETURN REPT...( UNICHAR ( 9472 ), 25 * [业绩_今年] / MaxValue ) & UNICHAR ( 9679 ) 横线使用REPT按照指定次数重复,从而达到长短不一的效果...这里最长的横线重复显示了25次。读者可以修改为其他数值,需要注意的是这个数值不宜过大也不宜过小,过小使得精确性不足,过大使得展示需要空间更大。

1K20

jQuery特效 | 导航底部横线跟随鼠标缓动

HTML5学堂(码匠):jQuery来实现如下特效 - 在导航底部存在一条横线,跟随着鼠标缓动到相应导航项底部。...2月初,接收到了公众号读者的效果需求,希望能够讲解这样一个实例: 横排的导航,下边框是一条横线,随着鼠标移入某个导航,横线滑动到相应位置。...功能需求明确 横向导航条; 当鼠标移入导航区域的时候,在当前导航底部淡入一个横线; 当鼠标在导航区域当中左右移动时,横线跟随鼠标移动; 当鼠标移出导航区域的时候,横线淡出。...导航跟随 - 实现 结构分析 在此功能当中,核心在于结构的搭建,导航底部的横线能够来回运动,那么该横线必然需要定位到当前导航当中,因此可以确定如下的结构代码 ?...此时可以借助CSS选择器优先级来实现) Plus:如果对定位以及选择器优先级不是太了解,可以在文章底部点击相关链接,查看HTML5学堂(码匠)之前的文章。

8.6K50

选择绞合线缆还是实心线缆之注意事项

绞合线缆和实心线缆之间的区别 选择绞合线缆还是实心线缆之注意事项-1.png 对于双绞线铜缆来说,术语“绞合”和“实心”是指线缆中铜导线的实际结构,并且其名称本身就可以很明显地将其区分开。...在实心线缆中,八根导线中的每根都仅由一根较大规格的实心导线组成,并仅用一个规格号数字来指示该导线的尺寸,例如24 AWG。...对于同一类别,如5e、6或6A类线,其内的绞合线缆和实心线缆,由一个规格尺寸来指定似乎有点混乱。您只需记住,无论导线是由多股绞线还是一根实心导线组成,该导线的最终总尺寸都是相同的。...绞合线缆和实心线缆之间最显着的区别是性能。...而且,由于绞合导线的横截面不是全铜(里面有空气存在),因此其直流电阻也比实心线缆高。通常,实心线缆是更好的电流导体,可在更宽的频率范围内提供卓越、稳定的电气特性。

1K20

空心图标VS实心图标,你好哪一口?

引言 | 最近工作中遇到的一个问题引发了大家的讨论,就是在UI设计中,空心图标和实心图标应该在什么场景下使用?有言论指出,空心图标在视觉上比实心图标看起来更复杂,实心图标比空心图标识别度更高。...二、实心图标比空心图标识别度高? 假设你在逛街的时候突然内急,冲进大商场找洗手间,实心和空心两种图标,那种能更快识别出洗手间的标志? 如果单纯从视觉吸引来讲,实心图标确实比空心图标更快被用户识别。...下图展示的是对人眼构成吸引的要素作用大小(从左到右排序): 空心图标通过形状吸引眼球,实心图标通过色块吸引眼球,所以空心图标的辨识程度比实心图标低了一等。...所以,如果是延续了物体原本含义的图标,使用实心更容易识别;被人们赋予了含义的图标,空心更容易识别。 三、什么情况下适合用实心图标,什么情况用空心的呢?...来看看它们的特征: 举个例子,在一排空心图标中插入一个实心的,和一排实心图标中放置一个空心的,对比之下就会发现,实心的图标相比较空心的而言,视觉注意力更有力度,让用户更容易抓到重点。

1.8K60
领券