上周三半夜两点，我盯着电脑屏幕，眼睛干得像撒了把沙子。屏幕上那个刚搭好的个人博客，丑得让我想砸键盘。
真的，别信那些“三分钟建站”的广告。那是扯淡。
我有个朋友，叫老张，做摄影的。他想搞个作品集网站，找了一家所谓的“专业公司”。报价八千，说包年维护。结果呢？模板套的，连图片都没替换干净，水印还在那儿晃悠。老张气得够呛，找我帮忙。
我就花了两天时间，帮他把这烂摊子收拾了。这中间的折腾，才叫真正的个人网站设计过程。
首先，别急着选颜色。
很多人上来就问：“老板，红色显不显大气？” 这种问题最外行。你的网站是给谁看的？如果是给HR看的简历站，干净、白底黑字最靠谱。如果是给同行看的创意站，那可以稍微野一点。
老张的网站，一开始选了深蓝配亮黄，说是科技感。我一看，像极了九十年代的网吧广告。
我让他把背景改成纯白，图片放大，文字缩小。就这么简单的改动，逼格瞬间上来了。
这就是个人网站设计过程中最容易被忽略的一点：留白。
别把页面塞得满满当当，那是杂货铺，不是美术馆。
其次，移动端适配，别偷懒。
我拿手机扫了老张网站的二维码，差点没气死。字小得跟蚂蚁似的，按钮点在左边，跳转链接在右边，手指粗的人根本点不准。
现在谁还坐在电脑前看网站？百分之八十的流量来自手机。
我在调整手机端布局的时候，发现那个图片加载速度特别慢。原来是原图没压缩，一张照片好几兆。
我用工具压缩了一下，体积小了百分之八十，清晰度肉眼几乎看不出来区别。加载速度从三秒变成了不到一秒。
这体验，天差地别。
还有，别迷信那些花里胡哨的插件。
老张之前装了一个“访客计数器”，一个“背景音乐播放器”，还有一个“雪花飘落特效”。
我全给删了。
真的，没人喜欢一打开网站就听到音乐，更没人喜欢看着雪花飘。这些只会拖慢速度，增加故障率。
简洁，才是最高级的复杂。
在这个过程中，我花了不少时间在排版上。
字体大小、行间距、段落间距，这些细节看着不起眼，但决定了阅读体验。
我把正文行距从1.5倍调到了1.8倍，字体从14px调到了16px。
别小看这2px的差距，读起来舒服多了。
还有，图片的ALT标签，一定要写。
这不是为了好看，是为了SEO，也是为了那些视力不好或者图片加载失败的用户。
我在写每个图片的ALT时，都会描述一下图片内容，顺便埋几个关键词。
比如“老张拍摄的夕阳下的海边礁石”，而不是“图片1”。
这样，搜索引擎能看懂你的内容，用户也能知道图片在说什么。
最后，上线前，一定要自己多测几遍。
不同浏览器，不同设备，不同网络环境。
我用了公司的4G、家里的WiFi，还有同事的手机，轮流试了一遍。
发现一个链接在Safari上打不开，在Chrome上正常。
查了半天，原来是链接里多了个空格。
这种低级错误，千万别犯。
折腾完这一切，老张看着焕然一新的网站，笑了。
他说：“原来建站也没那么难，就是费眼睛。”
我说：“难的不是技术，是审美和耐心。”
如果你也想做个个人网站，别急着花钱买模板。
先想清楚你要什么，再动手。
这个过程，虽然粗糙，虽然折腾，但每一步都算数。
毕竟，这是你在互联网上的家，得自己住得舒服才行。
要是你卡在某个环节，比如不知道选什么主机，或者不知道怎么写代码，随时找我聊聊。
我不一定帮你免费做，但肯定能给你指条明路，让你少走弯路。
毕竟，我也踩过不少坑，不想看你再踩一遍。
本文关键词：个人网站设计过程
