WEB基础知识整理——表格标签

border:默认情况下表格的边框宽度为0看不到,通过border属性给表格指定边框宽度width:默认情况下表格的宽度是由内容自动计算出来的,可以通过width属性指定表格的宽度height:默认情况下表格的高度是由内容自动计算出来的,可以通过height属性指定表格的高度cellspacing:外边距.默认情况下单元格之间有2个像素的间...

经验总结:B端产品的表格设计,怎么做?

3.1.1填充与边距合适的填充和边距对于视觉设计至关重要,既包括保证数据单元格之间的留白,又包括单元格内部留白,以保证易读性。当创建表格设计规范并严格遵循后,团队在执行其它项目时,都可以创建视觉一致的表。3.1.2对齐方式合适的对齐方式能够提升数据的浏览效率。表格内信息的纵向列对齐能够很好的形成视觉引导...

Web表单设计——你不知道的冷知识

至于,右对齐标签虽然与表单域联系紧密,便于用户填写,但是要考虑好标签的长短不齐如何解决。能否精简标签内容,以及确定好表单与界面的边距。三、标记必填与可选字段的困惑许多表单设计中,有个常见问题:是否应该标记必填字段?如果表单中的大多数字段或全部都是必填的,我们是否仍然应该标记它们?先简单回答:是肯定的,...

Apple Vision OS最全设计规范

当创建的资源通过在界面图标周围添加内边距的方式调整(如下方右图所示)后,你可以按几何图形居中该资源,从而在视觉上居中该图标。将图标移高几个像素可使其在视觉上居中;将额外像素包括在内边距中可让居中更简单。视觉上居中之前(左)与视觉上居中之后(右)在视觉上居中所需的调整通常非常小,但却对App的外观...

保姆级按钮拆解教程,看这一篇就够了!

通常来说,如果在需要告知用户自己所处的状态、当前页面处所的状态、当前正在使用的工具时,菜单按钮的文字标签就要改变,常见的有账户切换、筛选过滤、工具使用等等。除此之外的简单情形,文字标签则默认不改变。拿飞书右上角的“新建”按钮举个例子,点击新建后,弹出下拉框,当你选择其中任意一个选项,系统就会完成这个...

B端体验设计专题——表格篇

优点:根据标签,可以很清楚知道划分,切换tab就可以筛选内容(www.e993.com)2024年11月12日。缺点:分类必须覆盖所有情况,并且保证每一项没有交集,分类不能过多,9个已经是最大。注:提升用户体验的一个小细节-我在其他B端表格的使用中发现,一部分表格在使用标签时,默认的是全部。个人认为比较好的一种方法是默认用户最关注的选项,而非全部,这样可...

【干货】向设计师普及前端代码知识

元素之间可以嵌套,但是不能交叉闭合,比如:后出现的标签要先闭合成为一个元素,像下面这样写就绝对不行:关于HTML,我要说的最后一个东西就是属性(attribute)。属性会出现在元素的开始标签里,通过空格区分不同的属性,而写法是属性名="属性值"。对于使用css的设计师来说,class属性就是最重要也是最经常使用的属性之一...