本期内容我们将持续讲授应用xiaopiu原型工具来完成我们网站、APP、小法式的框架搭建。我们将尽能够大概的针对小白用户用简单的工具来表达我们心田产品的设法。
我们从下图剋有看到左侧红框处为我们经常应用的画图工具，右侧为页面栏和技俩栏。在做原型图的我们应该标准工具的应用，来包管终极输出的内容具有幸免的逻辑性，让设计师能够大概懂得我们的设法。至于如何标准应用，我们能够把鼠标移到对应工具上，也会有对应的属性名显示，让我梗概晓得这个工具是用在甚么处所上的。工具用的最多的应该当属矩形(快速键R)，良多首次应用的操作者能够大概都是用着这个工具来表达全部架构的假想，但是我们应该要再标准化点，假定页面触及到图片的显现，我们就应该用到图片工具(快速键P)，有图标的显现我就应该用图标工具(快速键I)，如许做出来的原型图就能更容易于懂得，节省无意义的类似本钱。其它xiaopiu内置了大批的组件和图标，直策应用这些工具能够大概更好的赞助我们节省时分，在原型图的制造上我们没需要去想各种UI的内容，只需有对应符合需求的组件放上去便可，至于若何雅观就比及设计阶段再去斟酌，如许的操作体式花式能够大概让我们更高效的住手产出。我们能够在头几回制造的时分仅斟酌这些功能的时分，后面做的多了我们就要斟酌更注意的内容包罗模块与模块之间的隔绝，模块颜色深浅对应的层级主要性表达等等，等我们做完这些以后我们就能够开始将此作品称为低保真原型图，假定我们自己具有有优胜的设计才能，我们能够进一步的把我们所要显现图片、素材等放上去，xiaopiu撑持直接对图片住手拖曳，但收费版的有200MB的空间巨细限制，
品牌网站设计，以是我们能够多多斟酌重复行使。
既然我们做出学会做简单应用工具后，我们应该如何关照设计师一些原型图的设法呢？虽然假定能够大概面劈面的类似讲授那是最好的，但是良多时分假定是外包公司的话就会有良多限制，以是我们要应用到工具栏右侧备注工具，当我们单击单个模块的时分都能够住手备注的填写，如许我们分享这个案例的时分就能够大概让其别人能够大概洞若观火了。
说到分享xiaopiu也撑持多种分享体式花式，包罗公然分享、私密分享、加密分享，能够大概针对不合的群体来遴选不合体式花式来维护我们的创意和设法。详细的操作可见下图所示。
那末这就是我们小白人员开始应用原型图工具从开始到最后的全部过程，但愿我们能够大概经由每次的操作来持续提升自己，跟着才能的提升我们以至能够创立一些简单的交互成果让全部页面更加活泼，最后淘气的说一句假定不想学的话能够来找我们方维汇集为您供应全称的处事。
