今天翻出来一个以前下载的psd网站模板，寻思着给它改成我自己想要的样子。这玩意儿看着挺复杂，动起手来也就那么几步。

先看看模板长啥样

我用的这个模板是个企业官网的样式，用Photoshop打开之后，发现里面一堆图层组。我先挨个点开看了看，把导航栏、Banner图、内容区域这些主要部分都找了出来。有些图层名字是英文的，得猜一下是干啥的，比如“button”肯定是按钮，“background”就是背景图。

开始动手修改

改最显眼的Banner图。我找到对应的图层，直接把原来的图片隐藏掉，然后把我自己拍的风景照拖了进去。调整了一下大小和位置，让它看起来协调一些。文字部分更简单，直接双击文字图层就能改了，我把公司名字换成了我自己的网名。

接着改导航栏。菜单项需要调整，我把“产品中心”改成了“作品集”，“新闻资讯”改成了“日常碎碎念”。颜色也不喜欢，就选中那个色块图层，在调色板里选了个我喜欢的蓝色。

处理细节部分

内容区域需要多费点功夫：

• 把原来的图标都换成了更简洁的样式
• 调整了段落间距，让文字看起来不那么挤
• 把联系表单的样式重新设计了一下
• footer部分的版权信息改成了我自己的

改的时候发现有些效果是多个图层叠加实现的，比如阴影效果就是一个半透明的黑色图层放在下面。我得小心点，别把哪个图层给删错了。

检查一遍

全部改完之后，我从头到尾检查了一遍：

• 各个页面元素对齐了没有
• 颜色搭配是否协调
• 文字有没有错别字
• 图层顺序对不对

确认没问题之后，就把修改后的文件另存了一份，原来的模板也留着，万一以后还想用。

这么一套折腾下来，原本千篇一律的模板就变成了独一无二的个人网站。虽然花了个把小时，但看到成品还是挺有成就感的。下次再找个复杂点的模板试试看。