Mockdown:创建线框的最快方法

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



线框是设计的详细表示。 线框的主要目标:显示主要内容组,显示结构和显示样品可视化。 在文档中,您需要清楚地看到必要的元素。 有很多现成的工具可用于创建线框,但是在免费版本中,它们通常功能有限或缺少必要的组件,我不想购买付费的,因为 每月必须创建1到2次线框。

这个问题很简单地解决了。 拥有2种工具:Chrome 灰度黑白扩展程序,用于以黑白方式排列页面(设计线框时,屏幕将来自不同的站点,最好将所有内容都呈现为一种中性风格)以及Mockdown服务,用于将图片转换为线框。



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



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

Source: https://habr.com/ru/post/zh-CN444820/


All Articles