前段时间，我琢磨着给自己设计个新网站，一来想展示些个人作品，二来觉得网上模板太千篇一律，没啥个性。

我在本子上乱涂乱画，把网站的基本框架搞出来。画了几个圆圈代表页面，用箭头连起来，想着用户点哪儿跳哪儿。

动手设计布局

然后，我打开电脑，找个免费设计软件捣鼓起来。试着拖拽些方块儿，安排头部导航、中间内容和底部信息。颜色这块儿纠结了半天，先挑了个浅蓝色当背景，但看着太白开水，又换成暖黄色配黑字，感觉舒服多了。

• 字体选了常见的无衬线体，怕花里胡哨人读起来累
• 图片位置倒腾好几次，放大了显乱，缩小又看不清
• 按钮做得大一点，省得用户点不准

实现功能

设计图搞定后，我就撸袖子码代码了。先用简单语言写骨架，内容分区块堆上去。加了点动态效果，比如鼠标划过按钮变色，这个挺折腾，反复调试才顺溜。

测试环节更头疼，手机上看页面挤成一团，文字堆砌得密密麻麻。只好回头调尺寸，让页面自动适应屏幕，来回折腾大半天。

终于上线了，效果比预想的好点儿。朋友反馈说导航清楚，但加载有点慢，又优化了下图片压缩。整个过程花了一周多，累归累，看见成品特有成就感。

现在想想，设计别贪大求全，从小处入手慢慢磨，反而不容易出错。工具用顺手的就行，没必要追新潮玩意儿，省心省力。