今天我想分享用Sketch搞网页设计的那点事，结果一看这玩意儿，真是折腾人。

准备工作

我先打开电脑，琢磨着做个简单的个人博客页面练手。没经验嘛就随手下载了Sketch软件。问题来了，安装的时候还卡了半天，重启好几次才搞定。然后我看教程视频学基础，那教程啰里八嗦的，十分钟的内容说了一个小时，搞得我差点放弃。

开始设计页面

我新建一个画板，准备画首页界面。头一遭，手抖着拖了个导航栏模块上去。

• 字体大小调来调去，总感觉不对付
• 图标位置老跑偏，拖半天也拖不准
• 颜色搭配傻乎乎的，选了红色又嫌土气

我翻了半天的预设模板，总算找到一个差不多的，直接复制改文字。图标不够用？我从网上扒了免费图标，一股脑儿塞进去。弄到一半，软件崩了两次，气得我砸键盘。

实现响应式布局

最头疼的是搞响应式设计，电脑手机都要适配。我点开布局工具，拖拽组件缩放尺寸。bug又冒出来了，屏幕一拉小，元素就堆成一团糟。没办法，我只能手动调整每个模块的位置，硬是靠肉眼对齐。试了预览功能，电脑上还行，手机上图标歪歪扭扭的，勉强看得过去。

最终导出和完成

折腾一整天，终于画完了主页和几个子页面。点导出按钮，选了PNG格式。意外发生了，文件太大传不了邮件，只好压缩一下重来。扔给朋友看一眼，说整体还行就是颜色太花哨。我也懒得改了，就当练手成功了。这一圈下来，腰酸背痛还一堆不满意，下次得换个更省力的法子。