做好看的网页不一定要会框架。一个干净的个人站点,用原生 HTML + CSS 就足够了。
一、先想结构,再写代码
一个典型页面只有四块:导航栏、主内容区、卡片区、页脚。主内容区限制最大宽度并居中,阅读体验最好。
二、排版比装饰更重要
- 正文行高设在 1.6 ~ 1.8 之间
- 字号层级分明,留白充足
- 颜色克制:一个主色加三四个灰阶就够
三、别忘了移动端
一个 meta viewport 标签加一个媒体查询,就能覆盖大部分手机屏幕。
简约不等于简陋。把留白、字体层级、配色做好,原生技术一样有质感。