早上突然想折腾博客首页

今天寻思着改改我那博客主页，看着别人家的都挺有范儿，自己那页面傻乎乎的。想起朋友老提Sketch做界面特快，我就寻思试试呗，好歹也是Mac用户。

打开电脑直接装Sketch

去App Store看了眼价格，嚯，真不便宜！咬咬牙还是买了，寻思以后做图都能用上。装完打开一看界面，差点没当场关掉，那些图标按钮密密麻麻排一排，看得我眼晕。

• 点开新文件，选了网页尺寸，整个面板白茫茫一片
• 找到那个画方块的箭头图标，咔咔拖出几个灰色大方块当头部、正文区
• 想把内容区分成两栏，左边死活拉不直，右边又比左边宽出一大截

配色简直是场灾难

看着默认的灰色框框就烦，琢磨加个公司logo的蓝色。在颜色面板戳了半天，调出来的蓝要么像垃圾桶，要么像验孕棒包装盒。还是偷懒去网上扒了个配色方案，直接抄人家色号填进去。

想加点图标点缀呗，打开内置的资源库。翻了二十几页全是文件图标、设备图，连个像样的社交图标都没有。气得我自己拿钢笔工具勾了个微信的“聊天气泡”，结果画出来像根歪脖子黄瓜。

插件倒是真救命

同事看我搞了半天还跟狗啃似的，赶紧让我装了个素材插件。这下方便多了，直接拽进来几个现成的按钮组件，调个尺寸改个颜色就能用。还发现个神器，点点鼠标就能批量给图标加阴影，省得我一个一个调参数。

导出格式把我整懵了

总算把区块勉强拼成个人样，琢磨着导出来给前端同事。点导出按钮直接跳出来十几个格式选项，啥SVG、PDF、JPG...选哪个这？问了一圈人家只甩了句“要切图用”，还是老实全导出PNG打包发过去。

折腾一整天总结出三句话

• 线框图拉直了就是胜利
• 插件是爹模板是娘
• 导图前记得问前端要啥格式