经验总结:B端产品的表格设计,怎么做?
2020年7月22日 - 网易
3.1.1填充与边距合适的填充和边距对于视觉设计至关重要,既包括保证数据单元格之间的留白,又包括单元格内部留白,以保证易读性。当创建表格设计规范并严格遵循后,团队在执行其它项目时,都可以创建视觉一致的表。3.1.2对齐方式合适的对齐方式能够提升数据的浏览效率。表格内信息的纵向列对齐能够很好的形成视觉引导...
详情
出海产品设计之多语言设计指南
2022年3月28日 - 网易
例如在非通栏的容器中,需要向开发同学示意信息的极限宽度和内边距,并且明确超出该范围的情况下,应直接省略、滚动显示、还是换行处理。如省略处理,需要检查省略号前展示的内容是否可被用户理解;如滚动显示处理,需要评估是否会过于吸引视线,打扰到用户;如换行处理,需要进一步明确极限行数,保证容器高度可控。在交付设计...
详情
深度解析 B端设计规范如何落地?
2021年2月9日 - 网易
当我们打开一个网站,浏览器会读取font-family中的字体名称,并去检索用户电脑系统中的字体,如果有的话就显示,没有的话检索下一个。②字号与字重字号的选择有多种方式进行参考,比如等差递增和等比递增的方式。我们自身在字体选择上选择由4为基数进行等差递增方式,在定义字号大小时默认采用偶数。字重的功能是为了...
详情
万字长文解析:栅格设计|视图|自适应_网易订阅
2021年10月31日 - 网易
它将系统分为12列,当然也可以通过变量来改变列数和列宽,水槽宽度,屏幕浮动宽度;其实设置屏幕浮动宽度就是我们看到的屏幕自适应,就是根据屏幕宽度来选择显示参数。Bootstrap中的栅格流只能作为大的布局定义,那么针对最小单位是该用8、10、15还是多少也是需要根据需求去做分析。12列结构可以进一步分解4等分,3...
详情