字体与行距
标题用衬线字体,正文用系统无衬线字体,两者交替出现,层级自然分开。正文十六像素起步,行高约一点七五倍,长段落读起来不费眼;小字只用于信息条和注释,不承担主要内容。
分隔线与留白
每一栏之间只用一条一像素的细线隔开,不加大面积色块,也不堆叠圆角卡片。留白集中在标题上方,让每个板块的起点一眼可见,视线往下走时有明确的落脚处。
触控与加载
可点击的文字行高足够,手指点上去不容易误触相邻项。整页内容在源码里一次给全,不依赖脚本渲染,网络一般时也能完整看到文字,不会先白屏再慢慢补内容。
西瓜91⭕⭕糖心网页版把全部内容排成一份可以顺着读下去的版面:顶上是站点信息条,中间是栏目与正文,末尾是问答与更新说明。浅色纸面、细线分隔、不加多余装饰,在手机上一屏一屏往下滑,段落之间不会互相抢注意力。
第一次打开时,不必急着点进某一栏。先花十秒扫一遍下面的信息条,知道这一版什么时候更新、用的是哪种排版,再决定从哪一栏开始,读起来会顺得多。
栏目不是越多越好,而是每个都能回答一类问题。本页面按下面的分工组织:
标题用衬线字体,正文用系统无衬线字体,两者交替出现,层级自然分开。正文十六像素起步,行高约一点七五倍,长段落读起来不费眼;小字只用于信息条和注释,不承担主要内容。
每一栏之间只用一条一像素的细线隔开,不加大面积色块,也不堆叠圆角卡片。留白集中在标题上方,让每个板块的起点一眼可见,视线往下走时有明确的落脚处。
可点击的文字行高足够,手指点上去不容易误触相邻项。整页内容在源码里一次给全,不依赖脚本渲染,网络一般时也能完整看到文字,不会先白屏再慢慢补内容。