开始纯小白摸索

说实在的，上周老板突然甩给我个活，让我三天内弄个App页面的草图画出来。我当场就懵了——以前最多在纸上瞎比划两笔，哪玩过在线设计！打开电脑对着屏幕干瞪眼半小时，还是硬着头皮上了。

先抓瞎搜了个免费工具注册，结果刚点开界面就傻眼了。左边一堆图标看得眼晕，拖个按钮框到画布上，死活调不准位置。鼠标一滑那方块跟喝醉似的满屏飘，气得我差点把键盘砸了。折腾俩钟头，屏幕还是白茫茫一片真干净。

踩坑踩出经验

第二天学乖了，直接找教程视频边看边学。这才发现第一步得先定框架：

• 抄起手机拍了自己最爱用的购物App首页
• 用红笔在打印纸上把顶栏、搜索框、轮播图的位置全圈出来
• 抓过尺子量每个区块大概占屏幕多少比例

照着纸片在工具里拉出灰色方块当占位，突然就有骨架了！原来之前就是没框框才到处乱飞。顺手把常用组件全存成素材库，像搜索栏这种反复用的，直接拽出来就能贴，跟玩堆积木似的。

偷懒技巧大放送

搞配色时候又卡壳，试了二十多种蓝都不对劲。后来干脆手机截屏取色器，把人家App的主色直接吸过来，连色号都不用查。字体更绝，电脑装了个识别字体的插件，鼠标点两下就跳出字体名字，省得全网瞎找。

最烦人的交互效果反而最简单。点开"播放动效"的菜单，把商品卡片拖到转场动画的虚线框里，右边调个0.3秒延迟——唰一下滑出来的效果就有了！同事过来瞅见还以为我报班学过。

差点翻车的结尾

半天准备导出发群里显摆，结果死活找不到导出按钮。翻遍菜单才发现免费版只能在线预览，气得我当场摔鼠标。赶紧注册了另外两个工具对比，发现有的能导图片但会打水印，有的能生成链接但限时七天。挑了能永久存链接的，虽然只能存三个项目...反正交差够用了。

交完活才想起没保存源文件！手抖关掉网页那瞬间后背都凉了。幸好工具自动存了历史版本，回退到两小时前的记录，手忙脚乱点了云存档，不然真得熬夜重做了。

现在想想真够虎的，连撤销快捷键都是第五天才发现——之前做错全靠狂按删除键。隔壁设计组的妹子看我原型链接，笑我说按钮热区大得能停航母。管他，反正老板拍板说能用，下个月还得接着折腾注册页！