欢迎您访问高等教育自学考试信息服务网平台!

ios界面设计草图app app界面设计

更新时间:2023-07-23 18:44:36作者:雨落轻尘ヾ

App 产品原型设计用什么软件?axure?MM?visio

ios界面设计草图app app界面设计

那axure和腾讯cdc的uiddesigner,还有在线的fluidUI也可以考虑。其他好像没有了吧。但除了axure,后两者所谓的交互其实都是不同的界面截图之间的切换,说白了就是多节点式结构的ppt,不是真正的交互。axure的思想更接近实际开发,比如通过master实现界面元素的封装复用,条件判断,函数,变量。这些功能除了开发工具,原型工具还有谁能比得上axure吗?

ios界面设计草图app app界面设计


app原型相比网页,界面结构简单,但交互复杂得多。界面上的div也不是平铺的,为了有效利用空间会用到很多层叠,卡片式之类的展示方式。要做这类高保真可交互原型,我觉得非auxre莫属。比如一个tableview滑动到顶部刷新,底部回弹,不借助开发只有axure能做出来。

我从07年开始用axure,曾经一度认为做网站原型,axure已经不需要再怎么改进了。自从做app之后,觉得axure有点根不上时代,但试了其他工具,还是觉得auxre最合适。仔细做过几个以后,我觉得axure还是完全适合做app原型的。做好以后分享也方便。放到内网,或者axshare上,或者有一个html runtime的app,可以在设备上直接浏览axure输出的html。

当然axure作为一个工具,不可能每个环节都是最好的。比如我希望axure能借鉴一下其他工具和开发思想,把UI和素材分离出来,就像换皮肤一样,一个控件可以随便更换图片素材。这样pm或者交互用最简单的线框设计,确定交互以后,可以把设计师的图贴上去,这样就100%保真了。

axure对app设计不友好或者说最落伍的地方,就是支持的事件类型太少。交互上无法模拟出多点触摸,无法模拟设备运动,无法模拟各类传感器……或许对一个原型工具来说,要求太高了。

线框图工具和App原型设计工具不断的改变着UX设计师的工作方式。作为一名设计师,很幸运市面上有丰富的原型设计工具供我们使用。你问APP产品原型设计用什么软件,除了你说的那些,还有Mockplus,sketch、figma等等app原型工具,可以提供各种保真度,让我们能够以较低的成本来创建我们的原型。

Mockplus(摹客)

兼容:Mac,Window,Android,IOS

学习曲线:低

优势:快速进行设计,交互和测试

Mockplus是产品经理圈子中最受欢迎的一款app原型设计工具。与Axure等复杂的app原型工具相比,Mockplus最大的优势就是快,简单,高效。非常适合做中低保真原型,采用拖拽连接点的方式就可快速的创建页面与组件的交互,并且提供了封装好的3,000个图标和200个组件,一键拖拽,即可使用。另外Mockplus有8种预览方式可以共享和测试你的原型,也可直接通过微信小程序分享给客户或者朋友查看,十分方便,这也是我非常喜欢的原因之一。另外摹客设计云设计协作平台包含了原型设计、全流程协作、设计规范等使用功能,对设计师非常友好。

Sketch

兼容:只支持Mac

学习曲线:中

优势:轻量,提供大量插件

Sketch是一款比较受欢迎的基于矢量的app原型设计工具。自2009年推出以来,Sketch就收获了一大批粉丝。 Sketch提供了上百个插件,基本上你想要的插件都可以下载到,极大的提升了设计师的工作效率。虽然Sketch确实支持一定程度上的交互和用户流(使用插件)但它真正令人眼前一亮的是它填补了Photoshop一些功能上的空白。

Figma

兼容:Win,、Chrome、Linux、Mac

学习曲线:中

优势:多平台操作(Win,、Chrome、Linux、Mac)

Figma 是一个 基于浏览器 的协作式 UI 设计工具,从推出至今越来越受到 UI 设计师的青睐,也有很多的设计团队投入了Figma 的怀抱,接下来我会带大家深入了解 Figma,以及我们为什么要使用 Figma。

一,Axure RP是什么,其作用

Axure的发音是【Ack-sure】,RP则是【Rapid Prototyping】快速原型的缩写。

Axure RP作为一个专业的快速原型设计工具,它可以让设计师们利用需求,设计功能和界面来快速的创建应用软件的线框图、流程图、原型和规格说明文档,并且同时支持多人协作和版本控制管理。

二,Axure RP能干什么

Axure RP能制作出低保真原型和高保真原型;

低保真原型:色彩应用主要是黑白灰

低保真原型利用线框图构建出软件的大致结构,利用交互效果来表达用户的实际操作方式,低保真原型能在耗费一定的时间完美清晰的表达出软件的实际功能;

高保真原型:

高保真原型做出的效果几乎和实际效果一致,但是它需要投入大量的精力,才能完整的表达出设计理念和用户体验效果。

三,Axure RP 的主要用户群

针对负责定义需求、定义规格、设计功能、设计界面的专家;

包括用户体验设计师(UX)、交互设计师(UI)、需求分析师(BA)、可用性设计师(UE)、信息架构师(IA)和产品经理(PM)、开发人员、原型设计爱好者;

附带会加上使用蓝湖等协作类软件

现在还是有很多原型工具可以使用看看的:

Axure - 算是设计师普遍使用的一款吧, 做出来的东西,细节很全面。 但,我记得我当时还是花好长时间看各种中英文的教程才知道怎么用户。上手比较慢。

摹客Mockplus - 名副其实上手快的原型工具了。大部分类型网页或App软件原型制作都有现成的模板, 拖拽添加组件、交互和动画,就可以了。

如何做好一个APP界面设计

第一步:用户分析

通过对市场分析、竞品分析、用户分析等过程,确定APP整体的开发方案,明确用户使用这款APP的需求什么?如何满足用户这方面的需求?需要怎么设计功能模块等问题。

可以先从大的功能模块入口,然后细分小的功能,再梳理业务流程、用户体验流程等等,对功能模块的重要性、时序进行排序。

第二步:制作草图

按照前期规划的APP功能模块、时序图、用户体验流程等,通过线框的形式,制作出的APP的草稿图。自己可以用纸画,也可以使用办公软件。

第三步:制作原型图利用专业的原型设计软件,对草图进行细节完善,设计出整体的APP原型图。

第四步:风格设计

每个人都有着不同的个性,APP设计也是如此,我们需要为APP打造出独具特色的风格。

这可以寻找同行的APP作为参考,然后设计出几套不同风格的样品提供选择。

第五步:页面设计

根据确定好的风格、原型图,对APP的页面进行效果图的设计。

包括logo、启动页、内页、页面元素、填充页、动态的产品页、活动页等等,完成APP界面设计。

同时也要给出切图标准,方便后续的编程开发。

iOS原型图设计什么软件好用?

现在主流的原型界面设计软件基本就那几款吧,比如Framer、Shireframe、v-proto,前2款对技术和入门还是有要求的,后面者是国产,更符合国人使用习惯,而且零基础的人也能很好地使用。

原型设计工具一定要能在工具内拖拉拽模块或者通过大量模版集合,现场快速生成产品模型,可视化操作让客户思维得以具现化,高保真度还原需求,同时支持团队协作办公,需求即提即改,大大缩短交流成本和交付周期。这才是原型工具的本身存在的意义

轻巧型

低保真;无控件;iOS;少交互;免费。

1、Pop

非常火的一款原型软件,第一次满足了大家人人都是产品经理的感觉。

方法:拍照--添加触控区--转场方式--选择图片

平台:全手机操作

缺点:分享不便。动画有如侧滑、展开、消失,快现的摇一摇。操作只可以单击。没有控件,所有东西都靠你的照片。

2、Tapcase

基本和pop一样,就是软件本身的UI更ios7一点,其他都一样,也是导入图片,加热区就好了。缺点也是一样的。

轻巧型的就是适合简单软件且是早期,在手机上稍微复杂一点的就痛不欲生了。但问题是,如果简单到这么轻松了,那真的还需要用软件模拟吗?真的在纸上画更轻松吧。点击这种交互也不需要模拟了吧。

专业型高保真度;自带控件;Mac+iOS;全交互;收费+免费

3、Sakura Day。

当时用免费的功能(2个项目,无法导入dropbox图片,无自定义控件)就做出来了。后来接手公司大项目,专门买了完整版128元。

但是注意,这是用iPad做,iPhone或者iPad看,没有电脑版的。我当时就是为了地铁上可以用,是优点也是缺点。

方法:基本都一样,就是在iPad上操作。触控不那么精确,但是操作体验很好,完整版的自定义库按钮很多很丰富。

4、平台:iPad + iOS

缺点:最重要的就是只能在iPad上编辑,我做了个大型的项目,打开还是稍慢点,但是稳定,操作多了有点累。分享需要对方装软件,而且生成的项目文件会很大。

总结: 专业软件还有很多,各有千秋,这两个是最快支持iOS7的,说明他们很重视产品保证更新。但是价格确实也是不菲,优缺点很明显,不符合国人习惯。腾讯那个整体是很不错了,除非你和我一样只用mac。

在线原型工具相比于桌面版有得天独厚的优势,它不需要安装、不限制地点、不限制操作系统,无论你使用的Linux,Solaris, Mac 还是Windows,你都可以使用这些工具。下面小编就为大家推荐10款非常实用的在线原型设计工具,相信总有一款你会喜欢

现在,基于云端的软件渐渐成为主流,而网站原型设计工具当然也不例外。在线原型工具相比于桌面版有得天独厚的优势,它不需要安装、不限制地点、不限制操作系统,无论你使用的Linux,Solaris, Mac 还是Windows,你都可以使用这些工具。下面小编就为大家推荐10款非常实用的在线原型设计工具,相信总有一款你会喜欢。

想找个能在IPAD上画房屋平面草图的软件,需求就是跟在A4纸上画一样的。能放大最好!

在IPAD上画房屋平面草图的软件,可以使用“autocad 360”软件。

下载操作为:

1.在机器主界面点击“app store”进入后,随便点击一个免费的app打开,如“QQ”。在弹出的窗口界面点击“创建Apple ID"。输入正确的个人资料按照操作后来到”提供付款方式“界面。付款方式选择”无“后再输入个人资料点击创建”Apple ID“,完成申请苹果账号申请。

2.在主界面点击“设置”,打开“itunes store和app store”。登陆已申请的苹果账号。

3.在桌面进入”app store",搜索和查找”autocad 360“,找到后点击下载即可。

iPad 上有 Excel 和 Word 两个 APP,功能不及电脑版强大,但够用

UI设计常用软件有哪些?

1、原型图制作软件AXURE

一般作为ui设计师会要了解的一款原型制作软件就是axure,AxureP是一款专业的快速原型设计工具。可以让产品经理或者交互设计师进行产品的定义需求、规格、设计功能和界面的应用软件。

2、Photoshop

这一款软件相比大家都是十分的熟悉的,不仅仅是在界面制作上,在摄影、插画设计、网页设计等等方面都会经常使用到的一款软件。强大的图像处理功能和图文排版布局甚至包括动画、视频上的处理都有非常强大的制作能力。

3、Sketch

这是一款基于IOS系统的一款绘图软件,对苹果电脑来说可以享受一下这款软件带给你制作ui产品的快感。Sketch是一款矢量的绘图软件,矢量绘图对于网页设计和产品ui设计师好的方式,但它也并不是十分完美的,对比photoshop在位图的处理能力上就远远不如。但对于一个专业的ui设计公司来说,sketch也是一款必备的设计工具。

4、AE

After

Effects简称AE是一款强大的动效和动画制作软件,在ui视觉设计中主要用于制作产品界面的交互动效的设计,也是一般动画和视频制作公司常用的一款动画制作软件。

Photoshop是图像编辑和设计软件,相信大家再熟悉不过了。现在不光是设计行业,一些非设计类岗位在招聘人员的时候也更加倾向于会使用Photoshop的人,因为现在很多行业都会用到PS来简单改图,新媒体行业更是如此。那么UI设计行业的从业者当然就得更加精于Photoshop,才能够做出更好的设计、拿到更高的薪资。Photoshop是设计的基础,不管是UI设计还是平面设计、网页设计、电商设计,都需要熟练运用Photoshop,Photoshop也可以说是设计行业的门槛,掌握了它,才能够迈入UI设计行业。

二、Illustrator

Illustrator是矢量图形和插图软件。它主要用来做页数多的宣传品,也可以完成一些简单的图像编辑。复杂的图层设计会先用Photoshop完成,再导入Illustrator进行排列。它是高阶UI设计师需要的技能,也是在UI设计中比较常用到的软件。

三、Indesign

Indesign主要用于图书和讲义的排版,也是UI设计师经常用到的,虽然它不能做太多样式的设计、但是排版还是比较有效率的。

UI设计软件常用软件有Pixso、Figma、Sketch、AdobeXD等。相比别的软件Pixso协同设计功能更加全面,不仅实现了和Sketch、AdobeXD的无缝衔接,更基于优秀的组件变体、自动布局、实时协作等特色功能,让UI设计师在网页上就可以尽情自由创作。

Pixso通过内网本地服务器部署,确保团队敏感数据和核心业务数据私有化,直接在原型基础上,快速邀请团队成员开启设计协作,自动生成切图标注,打开浏览器就能获取CSS、iOS、Android代码片段,还能根据团队配置,进行定制化功能开发,自定义管理权限,规避数据泄露风险。提供精细化矢量设计,自由切割线段,连点成面。基于云端协同编辑,Pixso将产品经理、设计师、开发的日常工作连接起来,实现协作更高效,设计更流畅。

想要了解更多关于UI设计软件的相关信息,推荐选择Pixso协同设计。团队成员面对一个复杂的设计项目,不再需要等主视觉完成后再进行子页面设计。在Pixso完全可以多人云端协作设计,实时同步字号、边框、颜色等各种细节。并且可以创建一个组件,在任何地方重复使用它,当主组件样式更新,所有组件将自动同步发生改变,满足更多的设计需要。

提供几款界面原型设计软件

做界面设计如果没有好的工具进行辅助,那只会导致事倍而功半。下面推荐几款不错的界面原型设计软件:

界面原型图绘制工具 Pencil

Pencil 是一款开源的原型图绘制工具,手绘风格的,就像自己在纸上画的那样。Pencil 还可以用来绘制各种架构图和流程图,同时还提供 Firefox 的插件。

开源原型设计工具 Framer

Framer 是一个开源原型设计工具,使用 CoffeeScript 编写。支持动画效果和交互操作。

基于 HTML 的界面原型库 Shireframe

Shireframe 可通过 HTML 实现界面原型的绘制。基于 AngularJS 和 jQuery 驱动,使用 RequireJS 进行模块加载,使用 Bootstrap 进行展示

原型制作软件 Axure RP

AxureRP 是一个快速原型制作软件,由美国Axure Software Solutions, Inc.公司开发。 Axure RP 能让操作它的人快速准确的创建基于Web的网站流程图、原型页面、交互体验设计、标注详细开发说明,并导出Html原型或规格的Word开发文档。

软件界面原型设计工具 UIDesigner

UIDesigner,简称“UID”,是一款进行软件界面原型设计的工具。 它拥有强大的模板和预制功能,能够快速的搭建起软件界面的高保真原型。可以实现设计师、产品经理、程序开发工程师三者间的快速沟通,减少不必要的工作内耗。

产品原型设计工具 Mockup

Mockup 是一款手绘风格的产品原型设计工具,在短短的几分钟内,用户可以创建一个模型。采用 Vala 语言开发。 应用程序使用从工具条中拖放对象到虚线带白色区。

产品原型设计工具 Balsamiq Mockups

Balsamiq Mockups是产品设计师绘制线框图或产品原型界面的利器。在产品设计的需求阶段,低保真的线框图或者草图设计介于产品流程设计与高保真DEMO设计之间,在Balsamiq Mockups出现之前,流程图可以使用Visio,高保真DEMO可以使用Axure,但我们并没有好用的草图设计工具;在产品设计管理中,我们通常在产品的业务流程和数据流转已经相当明确时才开始进一步考虑产品的结构层和框架层,虽然此时纸、笔、白板都是非常简单方便的交流工具,但是他们的最大劣势就是——很难将有价值的原型保存下来。Balsamiq Mockups的出现完美的解决了这个问题。

最后需要说的是,无论是推崇手绘,还是喜欢原型软件,做界面设计最重要的还是想法,工具只是用来帮助实现想法的。不必过于追求技术,也不必过于追求视觉表现,有时只需要专注于产品逻辑、页面交互、布局结构这些,其余的就交给美工。

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

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

现在墨刀的功能越来越完善,不仅可以做移动端设备原型、网页界面原型设计、小程序界面设计都可以做出来,通过简单的拖拽就可以,小白零基础的也能快速上手,现在还可以团队协作,墨刀特别符合国内大、中小型企业,尤其是给领导、同事跨部门沟通对接产品功能需求喝开发的话,更是一个链接分享,就能看到同事、领导评论的意见,现在不仅仅局限于界面原型设计的功能了,还提供了一些彩蛋的功能,能大大的提高协助产品项目、团队工作效率,吐血良心推荐。

我个人已经用了3年了,之前用很多国外软件,一是网速二是付费三是不稳定,后来用Axure,每次跟领导、跨部门沟通都是问题,预览需要一定版本的浏览器各种奇葩问题都出来了,现在有墨刀真是产品经理行业工作人的福音。

原型设计工具各有各自的优缺点,找到适合自己设计的原型设计工具很重要!希望大家早日上手适合自己的原型设计工具。

界面原型设计软件首选Pixso协同设计。

Pixso自带组件变体、自动布局等专业设计工具,支持UI/UX设计和原型播放,一体化完成高保真产品设计,直接拖拽使用自带的设计资源库,还可以将项目中常用的图标、自制组件一键保存,共享至团队资源库,省去大量重复劳动,形成统一视觉规范。Pixso通过内网本地服务器部署,确保团队敏感数据和核心业务数据私有化,直接在原型基础上,快速邀请团队成员开启设计协作,自动生成切图标注,打开浏览器就能获取CSS、iOS、Android代码片段,还能根据团队配置,进行定制化功能开发,自定义管理权限,规避数据泄露风险。

想要了解更多关于原型设计的相关信息推荐选择Pixso协同设计。利用Pixso设计资源,快速开启原型制作,模拟最终产品形态和交互效果,实现了模拟画笔的特色,提供精细化矢量设计,自由切割线段,连点成面。基于云端协同编辑,Pixso将产品经理、设计师、开发的日常工作连接起来,实现协作更高效,设计更流畅。

个人用过 Axure、Mockplus、sketch。

Axure是刚入门的时候学的,功能比较强大,做中低保真完全没问题,不过学习难度也是真的大,现在已经入门好几年了,还是有很多功能没吃透。

Mockplus是我们团队在用的,基础功能免费,几乎没有学习门槛,如果想要练手,我比较推荐这个工具。Mockplus的功能也比较多,有许多预设组件和图标,支持多人协作,演示也很方便,分享链接或二维码,在电脑端、手机端都能查看,如果担心不安全,也可以重置链接。

Sketch也是一款免费工具,上手相对来说比较简单,专原型图相关的功能没有Axure和Mockplus那么丰富,更适合做高保真设计。另外Sketch只能在Mac使用。

此外,在PS、sketch、adobeXD、Axure、mockplus设计好原型或设计稿后,都可以在摹客导出图层和元素的代码,直接投入开发。

用Axure绘制UE图,导出成手机尺寸图片

导入Briefs或者pop,加入交互,体验一下

把UI图转成黑白,在Axure里标注,写文档,生成html

UI定稿再导入briefs,高保真体验

你自己都知道,还问啥!!!!!

与其拿一大堆不精通的工具来舞弄,不如用一个精通的工具去做。

Balsamiq Mockups