让你的网站更炫酷的一些小 tips-酷炫的排版

最编程 2024-08-12 10:05:49

...

挑选一种 优质的字体。使用 Typekit 之类的服务吧。据说多达 95% 的网站都是有排版的，想要产生良好的第一印象，使用优质字体是最简单、成本最低的方法。
最多使用 2-3 种字体。使用更多字体会显得杂乱，并且减慢加载时间。挑选一种字体用在头部，一种用在段落中，如果有需要的话，还可以挑选一种用在其它特殊情况里。
设置 body 的字体大小为 最小 16px，更小的字体在大屏幕中不方便阅读，如果是移动端页面可以考虑的最小值为 12px。
设置 排版缩放比例，就像（乐理中有）增四度，纯五度音程或者（在绘画使用）黄金比例。根据比例来设置段落文本大小，以及 H4, H3, H2 和 H1 标签。当然，文本的行高和间距也要基于这个比例。
设计其它的 排版元素，包括引用、符号列表、数字编号列表、表格标题、帮助文本、警告框、高亮文本、代码示例、缩写甚至地址。
选择一种 自定义图标字体，比如 Font Awesome，来代替图片和其它一些元素，比如社交媒体 logo、导航按钮、交互图形等。图标字体的加载速度更快，可以任意缩放，并且可以随意更改图标颜色。

7种炫酷色彩，让你的网页表格变得美轮美奂！