在创建技术规范时,客户通常会向站点发送大量链接以了解业务任务。 例如:我想注册和授权,例如Twitter,包含新闻块的列表,例如Yandex Zen,等等。 要记录项目的这些部分非常困难,我想使用线框将它们可视化。

线框是设计的详细表示。 线框的主要目标:显示主要内容组,显示结构和显示样品可视化。 在文档中,您需要清楚地看到必要的元素。 有很多现成的工具可用于创建线框,但是在免费版本中,它们通常功能有限或缺少必要的组件,我不想购买付费的,因为 每月必须创建1到2次线框。
这个问题很简单地解决了。 拥有2种工具:Chrome
灰度黑白扩展程序,用于以
黑白方式排列页面(设计线框时,屏幕将来自不同的站点,最好将所有内容都呈现为一种中性风格)以及
Mockdown服务,用于将图片转换为线框。

示例:在技术任务中,您需要向注册页面添加线框,这与Atlassian注册页面非常相似。 我们将页面转换为黑白模式,并截取屏幕所需部分的屏幕截图。

我们将图片添加到
Mockdown服务中,几秒钟后,我们已经获得了成品线框。 虽然不完美,但线框却不完美,它应该有助于查看图片中的主要页面元素组。
