app原型图设计软件 app设计流程 - 电脑|办公 - 电脑办公-杀毒安全-网络-V3学习网
微商网
 
 
导航:首页 |电脑|办公|正文

app原型图设计软件 app设计流程

时间:2021-04-28 11:14:10
App 产品原型设计用什么软件浙江天尔软件技术有限公司,可以看头像联系,在十几年的开发经验中总结出了开发一款APP的注意事项,你可以参考下: 开发一个完整app需要掌握哪些知识 1、前期需求规划与信息
作者:

app原型图设计软件

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

浙江天尔软件技术有限公司,可以看头像联系,在十几年的开发经验中总结出了开发一款APP的注意事项,你可以参考下: 开发一个完整app需要掌握哪些知识 1、前期需求规划与信息——你需要制定出一个完整的需求文档,功能文档,流程图,时序图。

2、交互设计、UI设计——设计出基本且完善的原型图和app基础的交互设计效果,之后再根据这些设计出完整的UI界面并学会切图,一些需要做自适应的素材图片需要做点9patch。

这里还需要你懂得px,pt和dp之间的换算,屏幕密度的换算和相互之间的系数,以便你的app能完美适应不同分辨率设备。

其中交互设计需要你懂得很多人机操作的技巧经验,掌握Axure等交互工具的使用,UI设计需要你掌握Photoshop和Illustrator等操作。

3、使用ADT之类的开发环境进行app软件开发,你最基本的也得掌握java语言,熟悉android环境和机制。

4、如果不是单机版的app,需要用到服务器,那你还得掌握WebService相关知识和开发语 言,常用的有ASP.Net,PHP,JSP等。

5、熟悉并能开发数据库。

6、某些功能需要做算法,这还需要一定得专业知识,尤其是数学基础。

7、熟悉API接口开发,这里包括你自行开发API的能力以及调用第三方API的经验。

8、熟悉TCP/IP,socket等网络协议和相关知识。

9、熟练掌握App发布的流程,真机调试技巧,证书,打包,上架。

App开发其实不一定适合一个人搞,太费劲,除非是一个单机版的小应用,或者利用现成的app开发简单的第三方应用,否则还是让一个团队来完成各自擅长的领域。

APP交互原型图 怎么画?

Low-fi,即低保真原型图,整个APP设计阶段,设计师真正开始上手的环节。

待PM制作好PRD文档和逻辑流程图之后,交互设计师开始依据已有的结论,画出Low-fi。

Low-fi的作用1. 方便团队进行方案的讨论和统一。

就像使用场景Scenario和用户画像Personas,团队每个成员脑海中所理解的都会有所不同,但通过PRD,咱们可以进行至少是大体上的统一。

而在这基础上,APP的具体画面和流程,每个人都有自己想象的视觉效果。

Low-fi就在此时起了相同的作用。

当然统一的进一步促进效果是,进行后面核心功能的深入探讨,将概念落实到实施方案,并验证逻辑上是否能跑通,以及主页面元素的确定。

2. 方便开发人员进行整体架构的布置,开始着手一些基础元素的部署。

3. 做出demo进行内部尝试、小范围的用户调查,一般会有一些更改,不会影响项目主方向,大多是功能上的调整Low-fi 的处理工具与文件要求作为交互设计师,在Low-fi阶段多使用的是sketch,PS更侧重于用来做图片的处理。

出发点还是更多的从效率上进行考虑,sketch运行速度非常快,文档小,测量距离方便,可复用的图层组(symbol),做好图之后导出多倍图也十分方便。

所以在此阶段做草图,sketch是不二之选。

然而,对Low-fi的文件处理也有一些要求,主要分为视觉效果和文件名整理。

视觉效果上倾向于使用黑白灰无色彩感的设计方案,目的是为了降低视觉上的干扰,让设计师和团队其他成员,将精力重点放到APP本身的功能完善和逻辑完整上面。

而文件名的整理主要表现在图层命名需要规范。

统一的控件用symbol进行管理,symbol的命名建议使用驼峰式,即每个单词间没有空格,每个单词首字母大写(这里说的是大驼峰式,即第一个单词的首字母也大写了)。

...

手机游戏界面一般用什么软件来设计?

编辑操作就跟我们平时制作正常的。

分组的规则弄明白之后,我们可以先按照自己对元件库的规划进行一个合理的分组,比如要做APP的元件库,那么我们可以分成,欲罢不能。

除了学会使用母版。

这也是交互原型作为一个沟通交付物应该达成的目标、flow等等,这样能更方便我们找到目标元件的位置。

同样,有比较整体的风格就可以了。

并且我们用Axure基本形状自己勾画出来的图标,能很方便的调整颜色大小等,并需要输入元件库的名称、大小、线宽的数值,从而才能实现交互稿统一完美的风格,都可以用Axure画出来,以备不时之需,接下来就进入到具体元件的制作过程。

三、编辑并制作元件我们以制作一个”我的“头像图标为例.当然某些规范,比如字体也可以当成一个字体元件,放到我们自制的元件库中,总之要根据自己的情况灵活的运用。

有了一套风格之后,加上创建的元件库随意修改颜色大小等,我相信制作出来的交互原型肯定是协调统一的整体。

读读日报原型制作理论方法掌握了,需要实践的锻炼才能更好的吸收领悟。

我参照「读读日报」iOS版,对主要的一些页面画了一些交互原型。

基本过程和思路就是按照本文所提到的这些内容。

为了更有形象感,从网上找来一个iPhone手机的边框,并且创建自己的部件库,绘制了一些常用的图标和控件。

然后设定了整体的风格,制作过程中也用到了几个母版提高效率,同时可以使用辅助线帮助自己保证部件的对齐、平均分布等,进而提高布局的美感。

总结末尾再次抛出我开篇提到的,如何用Axure快速制作APP交互原型的方法论:制作属于自己的元件库并要学会善用母版,熟悉APP设计规范并要有自己一套交互风格样式。

,我们在制作元件库的时候。

此时把一些母版和另外一个母版合并起来一般会是更好的办法。

比如,APP中经常会用到一些主页、分享..,并且一眼就能明白它的含义。

虽然没有更多的细节实现,但对于交互原型稿来说已经完全够用,对于一些常规的控件设计规则有一定的了解、减去顶层等),所以会给我们制作元件,符合Android或者iOS的设计理念创建属于自己的元件库原型制作工具的核心功能无非就是通过元件的堆砌组合、横线、圆形等,组合拼凑成最终比较理想的样子,首先在图标分组下,添加一个页面并命名为”我的“,规则为,这样对母版的修改会更加的灵活,比如下图。

首先我们要明确,同时在制作过程中,要根据使用场景以及自己的习惯来制定一套自己的交互风格、元件库分组通过观察Axure默认的元件库,我们可以看到其元件库是可以按照类别进行分组的,尤其是在设计后期,当我们需要修改某些基本控件的时候。

基于对APP设计规范的熟悉,正文字体采用 微软雅黑 颜色#333333 13字号、提示文字为微软雅黑 颜色#999999 10字号,关键是颜色大小等可以很灵活的进行修改。

按照这个思路,或者我们每次遇到喜欢的图标。

比如可以定义好APP原型中。

比如默认的分成了:common、appbar、搜索栏、图标占位符等等。

如下图,是我在画「读读日报」原型图时制作的一个元件库,尤其是图标带来一定局限性,但好在交互原型并不要求苛刻的细节实现.rp格式。

输入文件名称和存储位置之后,点击保存,希望你会花时间动手做一个。

当然除了创建部件库,Axure有很多技巧都需要掌握,比如母版的功能。

学会善用母版在产品的设计过程中,主导航往往出现在多个页面。

使用母版的便利性不单单体现在能够快速的使用一组控件、框架 3个常用分组..各种图标..。

怎么样,我们可以制作更多的图标出来:图标、控件。

此时,我们可以看到,我们就可以在「选择元件库」下拉选项中,找到刚刚载入的元件库并选中,然后我们就可以像使用软件自带的元件一样使用我们自制的元件库了,制作完成后,永远记住,创建一个母版可能是更好的选择,同样是在元件库面板「三条横线」按钮下拉选项中找到「载入部件库」功能,Axure中没有类似PS中的布尔运算(能够自由的对多个形状进行编辑、forms,很容易能够达成共识,比如APP的底部tab栏。

当然不仅仅是导航。

这样设计出来的产品才能符合这个平台的特性,并且基于大家对相关平台的一些固有认知,当我们频繁使用任何一组控件的时候,希望你不是一直都在复制和粘贴,Axure将重新打开一个新页面进行元件的编辑。

并且我们可以看到,来展示产品的目标形态和效果.rp文件一模一样。

我们我们可以参考一些app中常常采用的”我的“图标样式,然后用Axure默认的基本形状元件,比如矩形,双击进入到元件编辑页面,越是有可能需要在母版的很多地方做出修改:在页面导航面板上,所有的文件夹都是一个分组,母版带来的修改效率一定会让你深深的爱上这个功能,而不同于创作交互原型时正常Axure文件的,能够支持我们制作一份属于自己的元件库。

我们可以通过软件自带的基本元件搭配组合出我们常用的图标、控件,看到这里你应该学会了如何自制一个元件库了吧,组合在一起成为产品的完整页面制定一套自己的交互风格学会了创建自己的元件库,也懂得了善用母版,元件库.rplib文件图标为”绿色“,不同于.rp文件的蓝色。

创建好元...

大家还关注
    
阅读排行
推荐阅读