ps如何做app原型|App 产品原型设计用什么软件

⑴ 怎样制作游戏app软件

你可以先去【绘学霸】网站找“游戏设计/游戏制作”板块的【免费】视频教程-【点击进入】完整入门到精通视频教程列表: www.huixueba.net/web/AppWebClient/AllCourseAndResourcePage?type=1&tagid=307&zdhhr-11y17r-1519002210933893620 想要系统的学习可以考虑报一个网络直播课,推荐CGWANG的网络课。老师讲得细,上完还可以回看,还有同类型录播课可以免费学(赠送终身VIP)。自制能力相对较弱的话,建议还是去好点的培训机构,实力和规模在国内排名前几的大机构,推荐行业龙头:王氏教育。 王氏教育全国直营校区面授课程试听【复制后面链接在浏览器也可打开】: www.huixueba.com.cn/school/3dmodel?type=2&zdhhr-11y17r-1519002210933893620 在“游戏设计/游戏制作”领域的培训机构里,【王氏教育】是国内的老大,且没有加盟分校,都是总部直营的连锁校区。跟很多其它同类型大机构不一样的是:王氏教育每个校区都是实体面授,老师是手把手教,而且有专门的班主任从早盯到晚,爆肝式的学习模式,提升会很快,特别适合基础差的学生。大家可以先把【绘学霸】APP下载到自己手机,方便碎片时间学习——绘学霸APP下载: www.huixueba.com.cn/Scripts/download.html

⑵ 产品原型工具有哪些

那axure和腾讯cdc的uiddesigner,还有在线的fluidUI也可以考虑。其他好像没有了吧。但除了axure,后两者所谓的交互其实都是不同的界面截图之间的切换,说白了就是多节点式结构的ppt,不是真正的交互。axure的思想更接近实际开发,比如通过master实现界面元素的封装复用,条件判断,函数,变量。这些功能除了开发工具,原型工具还有谁能比得上axure吗?app原型相比网页,界面结构简单,但交互复杂得多。界面上的div也不是平铺的,为了有效利用空间会用到很多层叠,卡片式之类的展示方式。要做这类高保真可交互原型,我觉得非auxre莫属。比如一个tableview滑动到顶部刷新,底部回弹,不借助开发只有axure能做出来。我从 年开始用axure,曾经一度认为做网站原型,axure已经不需要再怎么改进了。自从做app之后,觉得axure有点根不上时代,但试了其他工具,还是觉得auxre最合适。仔细做过几个以后,我觉得axure还是完全适合做app原型的。做好以后分享也方便。放到内网,或者axshare上,或者有一个htmlruntime的app,可以在设备上直接浏览axure输出的html。当然axure作为一个工具,不可能每个环节都是最好的。比如我希望axure能借鉴一下其他工具和开发思想,把UI和素材分离出来,就像换皮肤一样,一个控件可以随便更换图片素材。这样pm或者交互用最简单的线框设计,确定交互以后,可以把设计师的图贴上去,这样就 %保真了。axure对app设计不友好或者说最落伍的地方,就是支持的事件类型太少。交互上无法模拟出多点触摸,无法模拟设备运动,无法模拟各类传感器……或许对一个原型工具来说,要求太高了。

⑶ 怎样用手机制作app软件

由于智能化的飞速发展,APP的出现让大家生活变得越来越便利,不管是政企业务办理,还是商城吃饭购物,80%的生活所需都可以在手机上完成,APP已然成为各大商家及企业的得力帮手,不仅可以减少人力投入,更能节省用户时间,深受用户喜爱。为了迎合消费者需求与喜好,各大服务类政企商户争相开发APP,想要开发一款好用的APP,首先我们一定要深入了解开发一款APP,具体需要哪些步骤?1. 需求分析软件开发最重要的一步就是需求分析,这个过程需要由项目经理和产品经理协作完成。一般来讲,大部分客户都会有很多想法,并且都是停留在天马行空的阶段,因为他们并不了解开发,只是“自我”构思,而此时麒麟科技项目经理与产品经理会从专业的角度去帮助客户分析其中不合理的地方,并给客户提供一个完善的解决方案,最终梳理出完整需求。2. 原型设计当需求确定后,产品经理就会开始画App原型。所谓原型,其实指的就是App的草图,用于确定App界面大概设计方向及功能。麒麟科技产品经理画原型图时使用的都是专业设计工具,所以原型本身也具备部分交互功能,方便向客户展示。3. UI设计与整体美化当原型图确定后,麒麟科技的UI设计师将根据产品经理设计的原型图及方向对我们的APP进行设计与美化,大到整体界面风格,小到每一个按钮与图标,UI设计师都会精心美化,让您的软件在同类APP中脱颖而出,为用户带来全新的视觉效果。4. APP开发开发一款APP,具体需要哪些步骤?当App的设计完全定稿后,接下来就进入开发阶段,逐步去实现各个功能。项目技术负责人会根据需求文档,对项目需要应用到的技术及其他需求进行评估,最终整理出一个项目的框架,这个框架就是App能稳定运行的支柱。如果框架搭建的差,会直接导致结构、代码混乱,难以维护,极大影响开发和维护效率。APP开发包括很多内容,如架构设计、代码规范、前端开发、后台开发、配图服务准备、集成项目管理、版本风险管理等。5. 功能实现当界面完成时部分API(即接口)也完成了,这时就可以在app内集成API,编写app的业务逻辑,这是实现功能最关键的一个步骤,功能的复杂度决定了这个过程的难易程度。6. 细节打磨App集成了数据,最后一步就是对细节进行打磨。比如使用一些动画提高体验,或优化交互流程等。7. 软件测试当软件功能全都实现后,我们的第一版软件就算是正式完成了,但是第一版本的app通常相当不稳定,开发完成后需要交给专业的测试团队进行深测,找出软件存在的一些问题并提交给开发者,开发者再进行二次修复,如此反复迭代直到稳定。经内部测试无误后,此时就可以把软件交给客户进行公开测试,若在公测过程中发现任何问题,开发人员需根据反馈再次进行修复,直至客户没有异议。8. APP交付上线最后交付给客户的APP就是一个功能落地,运行稳定的APP,客户根据个人推广需求进行上线即可。9. 后期维护APP后期维护很重要,任何一款APP都需要有功能上的增减与变化,很多软件开发公司,只负责前期开发,后期售后非常难解决。麒麟科技软件开发公司,拥有7×24小时售后服务,终身免费维护。以上就是开发一款APP,具体需要哪些步骤的相关内容,希望此内容可以帮助到有需要的朋友,如果有任何问题,欢迎沟通交流。

⑷ App 产品原型设计用什么软件

现在主流的原型界面设计软件基本就那几款吧,比如Framer、Shireframe、v-proto,前2款对技术和入门版还是有要求的权,后面者是国产,更符合国人使用习惯,而且零基础的人也能很好地使用。原型设计工具一定要能在工具内拖拉拽模块或者通过大量模版集合,现场快速生成产品模型,可视化操作让客户思维得以具现化,高保真度还原需求,同时支持团队协作办公,需求即提即改,大大缩短交流成本和交付周期。这才是原型工具的本身存在的意义

⑸ ui设计师做app怎么做出来的

对于每一个做APP网站定制开发的UI设计师来说熟练掌握APP网站制作技巧是每一个UI设计师合格的见证。由于时代的发展,移动端更是紧跟时代的步伐手机APP开发、APP网站制作的应用软件更是多的数不胜数。而移动端的UI设计更是不同于以往的平面海报设计和网页设计了。想要成为一个合格的APP开发UI设计师那就要跟紧移动时代的脚步,了解每一个UI设计师必须掌握的基本技巧才可以。第一:要了解平台正如同网页设计师需要了解HTML/CSS一样,作为移动端UI设计师的你应该了解移动端APP的架构。首先移动端设计的语言和网页设计的语言就不太一样,不同平台有着不同的编程语言和接口,移动端界面的构成也是无法使用CSS和标签来实现。你需要深入阅读官方的开发文档,寻找更多有关APP的文档知识,明白APP的构成,编译方式,发布方式,了解设计的规则。这些东西不仅关系到你的应用开发好坏,还会影响系统的 稳定性,电池续航长短等多种因素。作为移动端UI设计师,你单了解简单的移动端设计是不够的。我们需要从长远的角度去思考问题。第二:了解移动端的技术构成对于一个UI设计师来说光了解平台的基本特征是不够的。接下来你需要了解它相关的技术构成:位置服务(wifi,GPS等),蓝牙(低功耗蓝牙技术),信号,前后摄像 头,麦克风,陀螺仪,位置传感器,加速度传感器,指纹扫描仪(iPhone 5s),眼动追踪技术,语音识别,人脸识别,等等等等。每一个新技术的背后以为着应用程序更多的可能性,交互设计、使用体验,甚至商业模式。第三:发掘本地UI组件的开发潜质每个移动操作系统中中总有着大量的本地UI组件,他们有着极大的自由度,方便你进行定制。你需求确切地知道他们的特征(尺寸,大小,功用),你可以为与你合作的开发者节省大量的工作时间。第四:了解移动端的工作流程安装SDK并运行,了解移动开发框架,比如TubyMotion、Xamarin、Titanium。熟悉集成开发环境,因为这其中包含了移动开发所需的方方面面。第五:了解移动端的界面模式三大移动平台之间,有着相似之处,但是在深入探究他们的交互设计,会发现它们在理念上的巨大差异。作为一个设计师,你需要明白这些差异所在,以及它们是如何体现在实际案例中的。不要只着眼于单一平台,三大平台都需要深入体验,每天至少都要把玩一下,并且最少要持续半年。在这个过程中,体会差异,并且将你觉得重要的、有代表性的、值得保存记录的界面截图留存。作为单一平台的狂热粉丝,你是做不好移动端UI设计师的。第六:记录并解释你的UI设计考虑到屏幕截图并不足以表现UI全部的特性,你需要学会记录界面不同的状态、转变过程、转场动画等信息,并且学会记录界面对于不同状况的反馈。在设计阶段践行精益UX设计一个现代的设计师应该是具备战略眼光的设计师。你的目标不能局限于闷头制作漂亮的界面,你应该让你的设计与团队合作结合到一起,切合项目需求。 洞悉用户深层次的需求,并且能快速地随之反馈到设计上。将设计作品保存下来并附上详细的说明,确保所有的设计都与核心理念保持一致,与用户需要保持一致。第七:在开发阶段采用敏捷UX设计你不能只将高保真的模型交给开发者就了事,因为在开发过程中会不断提出新的需求。总会有之前考虑不周全的情况,需要在开发阶段进行补充完善,设 计师需要随之进行快速响应。所以,在这个阶段,设计师真的需要坐在开发者旁边应付突发情况。确保APP开发者在碰到新的需求的时候,不用他们自己来补充UX的细节,或者再来找设计师。

⑹ 如何用Axure快速制作APP交互原型

创建属于自己的元件库原型制作工具的核心功能无非就是通过元件的堆砌组合,来展示产品的目标形态和效果。Axure自带的只是一些最基本的元件,而网上的元件库庞杂混乱,很难找到满足需求并且称心的元件,并且大部分都是位图格式,根本无法修改颜色宽度等数值,制作出来的交互又怎么能达到精美的水准要求呢?还好Axure提供了「创建部件库」的功能,能够支持我们制作一份属于自己的元件库。我们可以通过软件自带的基本元件搭配组合出我们常用的图标、控件,制作完成后,每次应用的时候还能根据实际情况调整颜色、大小、线宽的数值,从而才能实现交互稿统一完美的风格。比如,APP中经常会用到一些主页、分享、搜索、消息….各种图标,或者我们每次遇到喜欢的图标,都可以用Axure画出来,以备不时之需。下边以图标为例讲一下制作元件库的具体步骤。一、创建元件库“绿色文件”打开Axure,在元件库面板「三条横线」按钮下拉选项中找到「创建部件库」功能,点击会弹出一个另存为对话框,这里需要选择元件库文件的存储位置,并需要输入元件库的名称。此时,我们可以看到,文件的后缀名为 .rplib,这个就是元件库的格式,而不同于创作交互原型时正常Axure文件的.rp格式。输入文件名称和存储位置之后,点击保存,Axure将重新打开一个新页面进行元件的编辑。并且我们可以看到,新汪嫌页面跟我们平时创造.rp正常文件的页面一模一样,但不要混淆,此时页面编辑的是我们在正常.rp文件中需要用的基本元件。并且我们回到元件库存储的位置可以看到,元件库.rplib文件图标为”绿色“,不同于.rp文件的蓝色。创建好元件库得”绿色文件“后,基本准备工作已经做完,下边就进入到制作过程。二、元件库分组通过观察Axure默认的元件库,我们可以看到其元件库是可以按照类别进行分组的。比如默认的分成了:common、forms、flow等等,这样能更方便我们找到目标元件的位置。同样,我们在制作元件库的时候,也可以进行分组,规则为:在页面导航面板上,所有的文件夹都是一个分组,所有没有在文件夹下的页面包括其所有子页面,都隶属与以元件库为名的分组下。分组的规则弄明白之后,我们可以先按照自己对元件库的规划进行一个合理的分组,比如要做APP的元件库,那么我们可以分成:图标、控件、框架 3个常用分组,接下来就进入到具体元件的制作过程。三、编辑并制作元件我们以制作一个”我的“头像图标为例,首先在图标分组下,添加一个页面并命名为”我的“,双击进入到元件编辑页面,编辑操作就跟我们平时制作正常的.rp文件一模一样。我们我们可以参考一些app中常常采用的”我的“图标样式,然后用Axure默认的基本形状元件,比如矩形、横线、圆形等,组合拼凑成最终比较理想的样子。首先我们要明确,Axure中没有类似PS中的布尔运算(能够自由的对多个形状进行编辑,比如合并、相交、减去顶层等),所以会给我们制作元件,尤其是图标带来一定局限性,但好在交互原型并不要求苛刻的细节实现,只要我们能够很清楚的表示出产品形态,有比较整体的风格就可以了。并且我们用Axure基本形状自己勾画出来的图标,能很方便的调整颜色大小等,可以适用不同的交互文件,这就是从网上找现成的位图图标很难达到的便利性。回到“我的”图标制作,如图所示,我一共用到了三个基本形状来进行拼凑,最终组合成了我们经常能看到的一个图标样式,并且一眼就能明白它的含义。虽然没有更多的细节实现,但对于交互原型稿来说已经完全够用,关键是颜色大小等可以很灵活的进行修改。按照这个思路,我们可以制作更多的图标出来,当然还可以制作一些常用控件比如按钮、appbar、搜索栏、图标占位符等等。如下图,是我在画「读读日兆拿报」原型图时制作的一个元件库:元件库制作完成之后,然后就进入到最后一个步骤。四、载入自制元件库并使用元件库制作完成保存在自己常用的资源文件夹中。打开一个正常的.rp文件,同样是在元件库面板「三条横线」按钮下拉选项中找到「载入部件库」功能困猜手,然后找到制作完成的元件库文件“绿色图标”载入。载入之后,我们就可以在「选择元件库」下拉选项中,找到刚刚载入的元件库并选中,然后我们就可以像使用软件自带的元件一样使用我们自制的元件库了。怎么样,看到这里你应该学会了如何自制一个元件库了吧,希望你会花时间动手做一个。当然除了创建部件库,Axure有很多技巧都需要掌握,比如母版的功能。学会善用母版在产品的设计过程中,主导航往往出现在多个页面,比如APP的底部tab栏。当然不仅仅是导航,当我们频繁使用任何一组控件的时候,希望你不是一直都在复制和粘贴,永远记住,创建一个母版可能是更好的选择。使用母版的便利性不单单体现在能够快速的使用一组控件,尤其是在设计后期,当我们需要修改某些基本控件的时候,母版带来的修改效率一定会让你深深的爱上这个功能,欲罢不能。除了学会使用母版,更要学会善用母版。同样有一点希望能记住,不要把太大的组合对象变成母版。因为越是大的组合对象,越是有可能需要在母版的很多地方做出修改。此时把一些母版和另外一个母版合并起来一般会是更好的办法,这样对母版的修改会更加的灵活,比如下图,将产品基本信息和可能购买状态分开成两个母版,组合在一起成为产品的完整页面制定一套自己的交互风格学会了创建自己的元件库,也懂得了善用母版,当然还有其他很多Axure软件的使用技巧。应该就可以很快速的完成一份交互原型稿了吧,可是又该如何保证交付稿有统一的风格,达到较高的目标水准呢?首先,我们要熟悉APP的设计规范,符合Android或者iOS的设计理念,对于一些常规的控件设计规则有一定的了解。这样设计出来的产品才能符合这个平台的特性,并且基于大家对相关平台的一些固有认知,很容易能够达成共识。这也是交互原型作为一个沟通交付物应该达成的目标。基于对APP设计规范的熟悉,同时在制作过程中,要根据使用场景以及自己的习惯来制定一套自己的交互风格。比如可以定义好APP原型中,正文字体采用 微软雅黑 颜色#333333 13字号、提示文字为微软雅黑 颜色#999999 10字号、固定的appbar行高为40px,内容据左侧屏幕边缘10px距离……当然某些规范,比如字体也可以当成一个字体元件,放到我们自制的元件库中,总之要根据自己的情况灵活的运用。有了一套风格之后,加上创建的元件库随意修改颜色大小等,我相信制作出来的交互原型肯定是协调统一的整体。读读日报原型制作理论方法掌握了,需要实践的锻炼才能更好的吸收领悟。我参照「读读日报」iOS版,对主要的一些页面画了一些交互原型。基本过程和思路就是按照本文所提到的这些内容。为了更有形象感,从网上找来一个iPhone手机的边框,并且创建自己的部件库,绘制了一些常用的图标和控件。然后设定了整体的风格,制作过程中也用到了几个母版提高效率,同时可以使用辅助线帮助自己保证部件的对齐、平均分布等,进而提高布局的美感。总结末尾再次抛出我开篇提到的,如何用Axure快速制作APP交互原型的方法论:制作属于自己的元件库并要学会善用母版,熟悉APP设计规范并要有自己一套交互风格样式。

⑺ ps 做高保真原型可以嘛

AXURE是做交互原型,是产品经理必备工具之一。PS和AI当然可以做原型里的图片(或称高保真效果图),问题是它们不具备做交互功能,要做成交互的产品原型还是需要别的软件来完成。希望回答对你有帮助,以后多多一起交流学习。


赞 (0)