今儿个心血来潮，想搞个小网站玩玩。不过在真正动手写代码之前，咱得先把网站长啥样给琢磨清楚，这就需要画个网页原型。以前听人说 Axure 这玩意儿挺好使，专门用来画原型的，不过我这人比较懒，不想为这么点事儿再去下载安装一个软件。后来一想，直接在浏览器里就能“画”出个大概嘛

第一步：找个“参考对象”

这“画”原型嘛总得有个参照物，不能凭空瞎想。我就随便打开一个平时经常浏览的网页，打算照着它的样子来“画”。

第二步：“修改”网页内容

• 对着网页上你想改的文字，点鼠标右键，然后选“检查”（有时候也叫“审查元素”，反正就是差不多的意思）。
• 这时候，浏览器下面或者侧边会弹出一个框框，里面密密麻麻的都是代码。别慌！找到你刚才点的那段文字对应的那一行代码。
• 双击那行代码，就可以直接修改里面的文字，改成你想要的内容。

我就这样，把网页上的标题、正文、按钮等等，都改成我想要的样子。这不就是一个活生生的网页原型嘛

第三步：调整布局

光改文字还不够，有时候还需要调整一下网页的布局。比如我想把某个图片挪个位置，或者把两个模块调换一下顺序。这也很简单，还是在刚才那个“检查”的框框里，找到对应的代码，然后拖动一下，或者修改一下代码里的参数，就能实现布局的调整。

反复尝试，不断修改

设计网页原型不是一次就能搞定的事情。我来来回回修改好多次，一会儿觉得这里不好看，一会儿又觉得那里不合理。不过没关系，反正就是在浏览器里“瞎折腾”，改错也没啥大不的。

经过一番“折腾”，我终于“画”出一个自己比较满意的网页原型。虽然看起来有点粗糙，但是基本的功能和布局都已经有。有这个原型，接下来就可以开始写代码，心里也更有底。

总的来说我觉得今天这样“画”网页原型，比我预想的要简单很多。不用下载软件，不用学习新工具，直接在浏览器里就能搞定。对于一些简单的网页原型需求，这种方法还是挺实用的！