数据行的视觉设计
2.2.1行宽:
用特殊的行宽可以起到分隔区域的作用。
七年级总课表 |
| ||||
星期一 |
七(1)班 |
七(2)班 |
七(3)班 |
七(4)班 |
|
第1节 |
语文 |
英语 |
数学 |
语文 |
|
第2节 |
数学 |
语文 |
语文 |
数学 |
|
第3节 |
英语 |
数学 |
生物 |
英口 |
|
第4节 |
生物 |
体健 |
历史 |
思品 |
|
第5节 |
信技 |
书法 |
英语 |
地理 |
|
第6节 |
历史 |
劳技 |
体健 |
阅读 |
|
第7节 |
思品 |
生物 |
思品 |
劳技 |
|
星期二 |
七(1)班 |
七(2)班 |
七(3)班 |
七(4)班 |
|
第1节 |
数学 |
英语 |
语文 |
数学 |
|
第2节 |
语文 |
数学 |
英口 |
语文 |
|
第3节 |
英语 |
信技 |
阅读 |
体健 |
|
第4节 |
体健 |
音乐 |
数学 |
英语 |
|
第5节 |
地理 |
历史 |
体健 |
思品 |
|
第6节 |
生物 |
语文 |
劳技 |
体健 |
|
第7节 |
劳技 |
地理 |
生物 |
历史 |
|
星期三 |
七(1)班 |
七(2)班 |
七(3)班 |
七(4)班 |
|
第1节 |
英语 |
数学 |
数学 |
语文 |
|
…… |
…… |
…… |
…… |
…… |
|
颜色
隔行不同背景色的数据,就会使用户不易看串行
方向
线具有方向:在数据界面中,作为界面的“线”的意义的数据行只有2类:水平线和垂直线。在电子表格系统的概念中有时可理解为“行”和“列”。
线的不同特性在界面上的隐喻有所不同,比如:两种物质用“行”显示时,似乎没有什么关系,就像日月星辰一样,按照各自的轨道运行。
两种物质用水平方向显示“行”时
食物/100克 |
能量/kal |
蛋白质/克 |
糖类/克 |
脂肪/克 |
水分/克 |
纤维/克 |
…… |
|
|
|
|
|
|
番茄 |
19 |
0.9 |
3.5 |
0.2 |
94.4 |
0.5 |
苹果 |
52 |
0.2 |
12.3 |
0.2 |
85.9 |
1.2 |
…… |
|
|
|
|
|
|
然而,将它们“转置”的时候,
食物/100克 |
番茄 |
苹果 |
…… |
能量/kal |
19 |
52 |
|
蛋白质/克 |
0.9 |
0.2 |
|
糖类/克 |