个人网站制作手绘
做建站这行七年了，见过太多人想搞那种“手绘风”的个人站。看着别人家那种像绘本一样、线条歪歪扭扭却充满温情的网站，心里痒得不行。结果自己一上手，要么丑得不敢看，要么卡得动不了。今天不整那些虚头巴脑的理论，就聊聊怎么把“手绘风”做出质感，而不是做成“涂鸦现场”。
先说个大实话：手绘风不是真的让你拿笔画。
很多新手以为手绘就是找几个像素字体，背景铺个白纸纹理，这就完事了。错！大错特错！这种做出来的东西，廉价感扑面而来，像极了九十年代小广告。真正的“手绘感”，核心在于“不完美”和“人情味”。
我有个客户，是个插画师，想做个作品集。他非要那种很乱的涂鸦风。我劝了他半天，最后咱们定的是“精致的手绘线条”。怎么做？
第一，别用现成的模板。
市面上那些所谓的“手绘主题”，大多是把图片边缘做模糊处理，然后加个阴影。看着挺热闹，细看全是破绽。你要的是那种笔触的呼吸感。我自己折腾的时候，试过用SVG路径自己描线。虽然慢，但那种每一笔的顿挫感，是机器生成不了的。
第二，字体选对，事半功倍。
千万别用宋体、黑体去凑手绘风，违和感极强。我去字库找了几个手写体，比如“汉仪尚巍手书”或者一些开源的英文手写字体。注意，字体不能满屏用。标题用大的，正文用细的，而且行间距一定要拉大。手绘风讲究的是留白，像画画一样，不能填得太满。
第三，色彩要“脏”一点。
纯白背景太刺眼，纯黑文字太生硬。我一般会在背景里加一点点米黄或者浅灰的噪点。颜色不要直接用色板里的标准色，稍微调暗一点，加一点灰度。比如，不要用纯蓝，用那种有点褪色的天蓝。这种“旧旧”的感觉，才是手绘风的灵魂。
这里有个坑，很多人喜欢加很多动画。
鼠标移上去，图片转圈圈，文字跳出来。停！手绘风最怕“躁”。它的感觉应该是安静的、慢的。动画要有，但要慢，要柔和。比如鼠标悬停时，线条慢慢变粗，或者颜色慢慢加深。这种细微的变化，才显得高级。
再说说技术实现。
如果你不会写代码，别硬撑。用WordPress或者Typecho这类CMS，找那种支持自定义CSS的主题。重点在于CSS的编写。border-radius（圆角）不要设成固定值，可以用不规则的数值，模拟手绘的不规则边缘。box-shadow（阴影）不要只用黑色，用深蓝色或深棕色，会更自然。
我见过一个案例，博主是个做手工皮具的。他的网站背景是那种粗糙的牛皮纸纹理，字体是那种像是用钢笔写出来的。每个产品图片都加了一个淡淡的水彩晕染边框。用户进来，感觉不是在看网页，而是在翻一本手工日记。这种体验，转化率比普通电商站高多了。
最后，心态要稳。
个人网站制作手绘，不是为了炫技，是为了表达。你是想通过这种风格，传达你的个性、你的审美、你的温度。不要为了手绘而手绘，如果内容本身很干瘪，再好的手绘风格也救不回来。
我见过太多人，网站做得花里胡哨，打开速度三秒起步，内容空洞无物。这种站，用户停留不超过5秒。手绘风是锦上添花，不是雪中送炭。先把内容写好，把逻辑理顺，再用手绘风格去包裹它。
还有一点，移动端适配一定要做好。
手绘风格的线条在手机上容易变形，字体容易看不清。我每次做完，都会拿着手机反复测试。确保在竖屏状态下，那些歪歪扭扭的线条依然好看，文字依然易读。
建站七年，我越来越觉得，技术是骨架，内容是血肉，风格是皮肤。手绘风就是一种独特的皮肤，它可能不完美，可能有瑕疵，但正因为这些瑕疵，才让人觉得真实，觉得亲切。
别怕慢，别怕丑。多试几次，多找找感觉。当你发现那个歪歪扭扭的按钮，正好符合你内心的节奏时，你就成功了。
希望这些经验，能帮你少走弯路。毕竟，在这个快节奏的时代，能静下心来做一个有温度的手绘风网站，本身就是一种奢侈。
