一张合格草图范本 ver.1.0.1
时间：2023-09-28 09:36:01 | 来源：网站运营
时间：2023-09-28 09:36:01 来源：网站运营
一张合格草图范本 ver.1.0.1：
【摘要】以更浅显易懂的方式了解一张合格的草图必备内容体系，让草图绘制不再成为阻碍。
【作者】白金
【重构建议】参考文献，增加之前关于草图的所有文章，比如 田甜：精准交付的核心-草图设计
1.草图阶段是什么？
如图所示，草图阶段作为程序设计中的第二个阶段，奠定了整个程序设计的页面布局、展示字段、功能、跳转逻辑等信息。草图能够体现客户本身对于产品的理解，因此，我们推荐您提供符合要求的页面草图，阐述自己对于产品本身的期望，以便于设计师实现高保真设计稿。
2.一张草图页面的布局是什么？
准确来说，页面布局指的是界面中UI元素所占的比例。它是抽象思维的具像表达，是把思维变为可视化的第一步。在绘制草图初期，我们需要明白哪些大的信息需要我们体现在草图内，并且进一步明确其在页面中所占的比重。重要的部分所占比重通常会更大一些，它们更加醒目，更容易被用户所发现。在初步思考下，通过铅笔的初步勾勒，绘制出符合自己预期的布局结构，就算是有些粗糙也毫无关系。
3.字段信息在草图中的重要性
如果说页面布局是形式上抽象思维具象化，那么字段信息便是将想法落地到实处的钥匙。字段是具体的，它和项目本身密切联系，通过文字信息把需要体现的功能点在草图中展示出来。它们可能是固定文本，可能是时间，也可能是状态。但无论是哪种形式，字段的存在都直观说明了需要在草图中显示的具体信息。
如果你在确定了页面布局的前提下，进一步明确了页面中需要体现的字段信息...恭喜你！现在只需要将它们组合起来，在合适的布局模块里放入对应的字段，一个完整的模块草图将会呈现在你面前。
4.页面之间的逻辑跳转关系
一个完整的系统体系并不仅仅只有一张页面，它往往是由多张不同的页面组成的。这些页面相互之间有层级关系，父级页面中包含多个子级页面的入口，点击后方可跳转至子级页面(二级页面)。而作为子级页面，同样存在返回父级页面的按钮。这种相辅相成的关系，也就是页面间的逻辑跳转关系。一套完整的草图，应该清晰表达出页面之间的跳转关系。他们触发跳转的媒介，可以是按钮，可以是特定触摸区域，总之，只要有点击的地方，都会有一个页面(或事件)与之对应。
就像树状图那样，不同草图页面间通过逻辑跳转建立起关系网，组合成一个闭合的完整系统。清晰标注草图页面中每一个可交互元素的目标跳转页面，这将有助于理解整套界面的运作方式，使得不同页面间的关系清晰，透明。
5.字段和页面功能间的对应关系
6.为什么说改动草图字段布局会带来变动成本
欢迎关注 技术团队的本站账号 我们凭团队实例运作以下专栏， 必须干货！
互联网创业专栏 (我们小伙伴的创业历程)
与您一起聊技术 (APP、微信公众号、小程序、H5 技术总结)
互联网产品研发管理 (我们公司对产品结构的管理思路)
产品君的案例库（产品小伙伴深刻总结）
在线咨询
