导航:首页 > 万维百科 > 网页原型设计app

网页原型设计app

发布时间:2020-11-13 12:07:40

1、设计PC端网页原型和手机端APP有什么区别

1、内容上pc端一定是内容丰富的,app一定是内容精简的
2、从产品功能架构上,app端的设计通常只能满足主流用户的常用功能,相反pc端可以兼顾更多的用户提供更全面的服务
3、相比pc端,app更注重用户体验设计,例如操作流程简单快捷,语言文字精简移动。
4、升级优化方面,pc端通常适合于两年一小改,三年一大改,指的是改版。app则比较频繁,且第一版本一般只是先主要功能,之后2、3个月几乎就要出一个小迭代版本。

2、软件原型设计工具有哪些

Axure:这个大家都知道,现在用的比较多,主要是因为多人协作,而且是惯例了.Omnigraffle:个人强烈推荐,mac上的神器~无论是页面demo,交互流程图,系统角色图,还是产品概念图,很全能~同时对于视觉上的效果支持强大到爆.另外一点比较舒服的就是快捷键的支持(吐槽一下:很多画图软件都忽略了快捷键这个强大的东西,难道没注意画图的时候左手是闲着的?现在只有photoshop和这个软件对快捷键支持的很好并且很高效)条件允许,只用这个~

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

App原型制作现在市面上还是有很多工具呢,以下的工具大家可以参考一下:

Axure - 高保真原型。目前为止,市面上使用比较普遍的工具,全面支持原型、交互和分享功能。但是,对一些原型设计小白来说,学习难度还是蛮大的,上手较慢。

Mockplus- 中低保证原型。原型制作快速、简单、高效。原型项目类型全面、交互丰富、拖拽即可实现、团队分享、协作和评论功能也能实现。适合初期快速绘制原型图,中期和后期快速协作、迭代和测试。

Basamiq - 低保真原型。原型制作初期,适合设计师个人设计构思阶段,快速原型制作、功能初略展示。

4、求推荐Web App原型设计、代码生成软件

摹客Mockplus就可以,提供了很多网页相关的模板和组件,导入就可使用,相当简单快内速。 而且,它最近还发布了容全新的在线版本,有浏览器就能在线随时随地设计原型。当然,因为是全新升级版本,功能上也有很大提升,提供更多交互、组件和状态选择。

5、苹果电脑上好用的又特别简单的原型设计软件求推荐一个!

MockFlow Mac激活版是一款简单好用的原型设计工具。简洁大方的界面让原型设计十分容易,让您的原型创建高效,快捷;MockFlow对协作的功能支持,让大家可以将自己的想法进行实现,还有聊天的功能,能在线的完成交流,让设计符合大家的设计需求。

MockFlow Mac版安装教程

下载完成后,双击pkg安装,MockFlow安装器将引导你完成安装,点击【继续】

MockFlow Mac版软件介绍

MockFlow 是一款功能强大的原型设计工具,简单的界面让原型设计十分容易,为用户提供了原型设计所需的所有工具和功能,可以直观的构建产品UI。

6、如何用UI设计软件做app页面

第一点:了解你的目标客户群的心态
1、做微任务的目标客户群(如随时随地看看新闻,听听歌,看看电影,聊聊八卦之类):
这类的解决方案是设计的app最好是小而准,不要大而全。越全的功能应用,只能代表着这个应用在各方面的都很平庸
2、喜欢当工具来使用的目标客户群:比如找地图,看天气,查数据等。
这类的解决方案是 我们尽最大努力的去满足用户的情景需求。做到极致和简单。
3、无聊的客户群,用来打发消磨时间的:无需求,漫无目的的
这类的解决方案是尽可能展示用户感兴趣的东西,帮助客户来打发消磨时光。

第二点:APP原型图的制作和设计讨论
这个环节是必不可少的。需要根据设计需求认认真真的来画画原型图。
常用的APP原型图工具:移动APP原型设计神器 POP 、axure、Foreui等

第三点:APP视觉设计与设计要点
(1)大概设计板块有APP启动页面设计,APP界面设计的尺寸规范,app图标设计等
一般来说,手机屏幕是从上往下布局的,重要的信息会放在上方。但是在操作上,大部分人都是单手拿手机,常用的操作,要放在界面的下方。
另外还有一个原则,最小的触摸单位,一般是44个像素。如果再小,你的拇指难以触碰,或者容易引发误操作。同时,也不要让界面太拥挤。
所以,设计师必须用减法设计,这个过程需要花时间思考、简化元素。
你必须记住:(1)隐藏设计或者减法设计 (2)分区或分类 (3)帮用户做决策 (4)提高交互创新设计 (5)让人有爽快感和新奇感 (6)在设计中浸入情感,把握用户的心理。(谈谈如何进行产品设计以及产品情感化设计)
一位大师这样说过“真正的简约设计是:作品必须不断的被简化,一改再改,直到设计最终成形。”
2014年 APP设计风格趋向扁平化和卡片化。卡片,扁平化都会是移动app设计的趋势!认为卡片设计确实同时兼具了“拟物”和“极简”2种优势!

第四点:APP界面设计流程

(1). 设计APP界面时,学会从优秀APP界面设计作品中寻求灵感,以前的艺术大师,用少量的资源做了大量的设计。
(2). 放下工作,休息一下很有帮助。扁平和简约设计的一切均关乎到细节的差异。因此小憩片刻后再回到工作,带着全新的眼光工作,比长时间冥思苦想更有
效。
(3). 并排比较各个版式同样有帮助。哪怕花20分钟前将一个线条下移各5个像素分别保存,对比两个版式就能很快分清孰好孰坏。
(4). 由于实物展示的相对比例至关重要,所以要及早在不同的目标设备上测试。
(5). 整个设计过程中不断问自己“真的需要吗?” 。支撑项目时候,找一些讨巧的办法,例如,添加一些有趣的元素、样式会这样会很容易也会很吸引人,
但必须始终注意剔除不必要的元素,不断精简。甩掉你费尽心血的部分总是难以割舍,但修改过程必须挑剔。

第五点:APP界面设计测试与预览修正
设计完成之后,我们可以把设计图导入手机测试或者是校正。之前发布的在线测试工具:快速在移动终端上预览APP界面设计效果图的方法最后:好的APP界面设计作品必然是要经过不断升级、重复迭代的。

7、移动APP开发使用什么样的原型设计工具比较合适

移动端的开发变的越来越丰富,最好的开发模式应该是快速原型模型。快速原型设计是版设计师与移权动app软件需求方沟通的最好工具,在软件开发初期,先对所要开发的软件有一个大致的整体设计,毕竟现在的移动端多种多样,如果没有一个好的设计,很难做出一个比较优秀的软件,快速原型更有利于客户与开发人员的交互,使设计细致入微。

使用原型的优点:

用现在的原型开发工具很容易就可以进行创建。而且如果客户的需求发生了变化,那么快速原型可以降低卡发成本时间,可以在短时间内进行修改。

便于开发人员进行协商讨论,当团队对开发的软件进行讨论的时候,原型可以提供讨论的内容。

有利于开发团队之间的沟通,原型可以使得多个开发团队之间展开构想,帮助他们通过原型弄清app软件相关的概念,使得将要开发的软件具体化。

对可用性测试很有用,有些交互性的原型可以让你在写代码之前进行可用性测试。

在移动端app开发的早期阶段,原型的重要性也是也体现在降低开发成本的作用,此阶段应该充分被利用,以避免后期因为不符合需求而改写大量代码。

8、软件原型设计工具有哪些

原型设计工具有很多种;个人喜欢Axure和Adobe Illustrator 俗称版AI;这两个工具权

POP(Prototyping on Paper)

Pencil Project 

Axure

Proto.io

Moqups

UXPin

Omnigraffle

Protoshare

Wireframe

InVision

Mokk.me 

Adobe Illustrator 俗称AI

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

很多产品原型设计软件,下面分享一些以及个人对此的看法总结:

Axure:发展较早的一款原型设计软件,因而名声较大。无限画布,适合做低保真到中保真度的原型。功能很多,也让学习起来有点难度,网上有很多axure教程就不多说了。本地型软件,可以下载html文档预览,手机预览不方便。

墨刀:国产的一款原型设计协作工具,比起axure来非常容易学会,内置组件很多,创建页面跳转也比axure简单太多。因为是一款在线工具,可以云端保存工作,这点确实很便捷。另外,通过分享链接就可以分享原型给别人看了,如果涉及到跟同事对接什么的,选择在线的工具更方便。支持sketch文稿导入和自动标注。个人认为性价比最高。

Invision: 可以说目前是国外发展最大的在线原型设计工具,主打“交互原型”和“协作”,支持sketch和ps设计稿导入做交互。近来出的 Invision studio 对标sketch,想满足更精细的设计需要。国外一些大牛公司像airbnb和amazon都在用。不过对于国内用户来说会有服务器速度的问题,而且,贵。(土豪公司无视)

Marvel: Marvel 也是海外知名度较高的一款原型设计协作工具,支持PS和sketch设计稿导入做交互原型,本身也支持中度保真程度的设计。也有自动标注功能。图片库对接unsplash,这样来自unsplash的很多精美的免费图片可以直接用。价格比Invision稍便宜。

POP(Prototyping on Paper):这款比较另类,是给拍照的手画草图直接做交互。操作轻巧简单:先用手机拍下草图原型(存到POP app内);然后开始编辑图片的哪个区域(按钮)链接到什么页面,添加跳转链接热区,就可以在手机上给小伙伴们演示了。内嵌的交互动作 如侧滑、展开、消失等,即可满足一般的动态演示需要。但功能较为简单,对更深的需求无法满足。

Proto.io:也是国外的一款手机原型开发平台。支持在大多数的浏览器运行,共享和协作操作方便,可以直接在真实的移动设备上对原型进行测试。拥有较为丰富的UI组件,支持自定义。另外它有不错的用户测试功能,支持视频录制。并且在移动组件时,能够实时在画布看到组件之间的距离。另外由于服务器的原因,有国内用户反应速度有点慢;收费较高,性价比一般吧。

UXPin:UXPin是DeSmart团队开发的一个在线可点击原型设计工具该软件,拥有大量用户界面元素(包括web,iOS,Android等),可以共享预览,注解和实时的协同编辑。另外该软件还提供了版本控制和迭代功能。缺点仍然在于国外服务器和价格问题。 

这些产品原型设计软件都比较常见,你可以根据你个人需求来选择,反正我使用的是墨刀,它真的省时省力提高了我的工作效率。希望对你有帮助!有疑问的地方欢迎追问~

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

首先如果你小团队或者个人开发,当然可以用Xcode,如果大公司跨部门审核调整各种,还是有个快速的原型。如你要求,可交互。包括常用的Axrue,我试用过下面提到的所有软件,分别完整产出过不同的原型,还有一些市面上的你一看它介绍图还在用ios6的就知道不必了,说明很久没更新了。下面这些是我按照不同的特点进行了归类,视你的具体情况而定吧。我在选择软件这个过程中纠结了很久,也是用过在领悟真正的原理。但是这段时间的摸索对我以后也有很大帮助。轻巧型低保真;无控件;iOS;少交互;免费。

与网页原型设计app相关的知识