个人网站不需要多炫酷,但几个细节做对了,质感立刻提升一个档次。
留白是最高级的装饰
新手最容易犯的错是把东西塞太满。字要大、内容要少、间距要够。body 行高 1.6 起步,段落间距 1.5em 以上,页面边缘留出呼吸空间。密不透风的排版没人愿意读。
颜色不要超过三种
一个主色 + 一个强调色 + 中性色(黑白灰),够了。渐变是好东西,但别用得太花。这个站点用的是紫蓝渐变,配金色高亮,其他全是白色和半透明黑色——克制带来高级感。
字体决定气质
中文正文用系统默认字体(苹方、微软雅黑)最稳妥,不用额外加载。标题可以用艺术字体点缀,比如站酷快乐体——加一点点个性但不过分。网页字体不要超过两种。
细节统一
圆角半径统一(比如全是 8px 或全是 14px),阴影方向和深度一致,过渡动画时长统一(0.3s 左右)。这些小东西用户不会刻意注意,但一旦不一致就会觉得”哪里怪怪的”。
移动端优先
超过一半的流量来自手机。先在小屏幕上把布局调好,再用媒体查询处理大屏。字号在手机上至少 16px,按钮至少 44px 高,触控区域别太小。
好的设计不是炫技,是让人用起来舒服。以上几点做到了,你的网站至少不会难看。