今天闲着没事干，寻思着试试自己搞个产品设计网页版。之前看别人做得挺溜，心想应该不难？结果真动起手来才发现，完全不是那么回事儿！好在我这人轴，硬着头皮干完了。我把怎么折腾的记下来了，就按时间线走，你们感受下。
第一步：愣住，不知道从哪下脚
对，就是字面意思。早上八点，开了电脑，盯着空白屏幕，呆坐了半小时。满脑子都是问号：用什么工具？要写代码吗？设计稿啥样？ 跟个傻子似的。憋急了，打开搜索引擎一顿乱搜"完全不会做网页怎么搞"。
第二步：抄家伙！选个工具
看了半天，发现不用啃代码的工具有一堆。选了个名字顺眼的（具体就不提了，省得说打广告），反正现在这种网站多得很，功能差不多。主要看它写着"拖拖拽拽就能行"，就它了！下好安装包，戳开。
第三步：找个"皮"往上套
进去以后又懵了。这玩意跟PPT似的，一页一页空白。咋办？接着搜"网页模板"呗！挑模板挑得我眼花，花里胡哨的啥都有。选了个看着最顺眼的，主打一个清爽、简单——主要是怕复杂的搞不定。点了个"使用"按钮，模板就铺开了。
第四步：瞎比划，弄个草稿
有模板也不省心！我琢磨着产品设计嘛总得展示点东西？打开画图工具（就系统自带的那个），开始手残模式。画了几个方框代表功能模块，圈了几个箭头表示流程。丑得自己都看不下去，但草稿嘛意思到了就行！截图！
第五步：拼拼凑凑改模板
这步是最累的！把刚才那个丑草图想办法塞进模板里。模板原来的图片删掉，换上我自己的灵魂涂鸦。那些标题文字啥的，照着草稿意思改："核心功能"改成"厉害之处"，"用户流程"改成"你该这么点"，力求让人能看懂。就是调大小、换位置、改字体颜色，来回拖动，跟搬砖一样。
第六步：让丑东西看着顺眼点
内容塞进去了，更丑了！咋整？弄弄颜色呗。我之前乱搜的时候，存了个"设计师常用配色组合"的截图。管它啥原理，照着弄！
- 把标题颜色换成截图里那个深蓝色
- 按钮改成截图里那个亮一点的蓝
- 背景就用大白底（懒得动脑子）
折腾半天，总算不那么刺眼了。
第七步：拉人看看，挨点锤
自己看着觉得凑合了，赶紧抓住刚进门的室友，按着坐电脑前："快！给看看这玩意儿能明白不？" 他瞄了两分钟，开始喷：
...行行，骂的都有理。赶紧又拖回去改：
- 给草图旁边加上文字说明
- 把按钮拖到显眼位置，放大！
- 所有文字统统加大一号
就这么着，反复折磨了室友三四回，他终于肯点下他高贵的头说："这回勉强能看了。"
搞定！这7步折腾下来，花了我大半天时间，键盘被我戳得噼啪响。回头看看成果，丑是丑了点，但好歹像个东西了。最大的心得？千万别自己闷头干！拉人来看，越早挨骂，改得越容易！ 下次再弄，估计能少走一半弯路（大概）...
