怎样迅速制作app应用主页原型?告诉您千语创想是一个需求梳理工具+原型设计工具+ui设计工具,能够根据需求思维导图一键生成产品原型,支持云端保存和共享预览。
那我们首先开始建立应用
首先打开千语创想网站(www.qianyuthink.com),新建1个软件,选择软件种类(这里我选择了iPhone设备),输入软件名称,设备种类和软件尺寸,点击建立按钮,完结软件建立。
制作底端导航栏
新建软件的标题栏会自动显示软件的名称(人人全是产品经理),标题栏文字能够自行更改。
制作里布导航栏,从左侧“组件”栏目中找究竟部组件,拖进软件之中,大小和样式能够自行更改。然后拖进3个导航标签,更改标签的位置和名称。到此完结底端导航栏的制作。
制作原型页面
然后我们开始简单的制作下“产品经理”的主页原型,在左侧的“组件”栏目中找到检索组件,拖进App主页中,在“母版”栏目中找到轮播图模版,拖进软件之中。
然后回到“组件”栏目,为主页插入图片和文字。图片调节在右边的设立栏,这里推荐人们直接拖进图片,然后用鼠标调节大小这样会比较便利。文字的调节在左边的主题栏目,可调节文字的大小和样式,然后用鼠标摆至适合的位置。
建立页面
在应用右上角点击“+新页面”即可生成新的页面,每1个页面有拷贝、卸载、增添子页面的功能。在新的页面中增添标题栏,拷贝主页的底端导航,粘贴至新的页面,留意粘贴时用作粘贴至“原位置”。按如此方法制作“发现”页面和“我的”页面。
页面跳转
这里讲述1个非常有特性的功能,就是通过连线的方法进行页面中间的跳转,在软件中选择任何1个控件,图片或许文字都能够通过增添手势和页面变换方法实现页面跳转。优势在于操作便利,且比较直观。弊端是假如页面复杂,跳转比较多,会有特别多穿插在一起的线,容易连接犯错。
运用连线的方法即可迅速的实现底端导航的变换,设立完结后选择右上角运行按钮,即可查看实际成效,成效如下:
增添全局手势
更后说1个在手机端比较主要的功能,软件全局手势的增添,在左侧“组件”栏目找到全局手势组件,拖进至软件的任意位置,然后选择你要发动手势后跳转的页面,选择手势方法和动画成效即可。
运用全局手势组件,在软件增添滑动的页面变换成效。运行测试,成效如下。
手机预览
手机预览功能,能够直接将原型导到手机上查看。仅需求在运行界面,点击共享,即可直接查看原型,更为便利的你为团队演示和讲解自己的原型。
由千语创想倾情打造的一站式在线设计平台——千语创想(https://www.qianyuthink.com/?url=)已正式上线,一站式完成编千语创想所有设计工作,需求梳理+原型设计+ui设计一个人统统搞定。必须要强调:千语创想免费使用,是互联网产品人提升工作效率的神器,海量需求模板库覆盖各个行业,一键生成产品需求导图,可根据需求在线编辑;需求导图一键生成产品原型,再也不用为设计原型图而苦恼;在线ui设计,支持Sketch导入,一键切图和标注。千语创想可提升30%-60%项目开发效率,快来免费体验吧。
立即免费在线制作一个APP,新手注册即送开发大礼包