Ⅰ mac平台最主流的ui设计软件是哪个软件
Sketch for mac是一个创新的矢量绘图软件,拥有简约的设计,调色板,面板,菜单,窗口和控件和功能强大的矢量绘图和文字工具,包含完美的布尔运算,符号,和强大的标尺,参考线和网格;非常适合网页设计和移动设计者使用。
新版Sketch 新增功能
1. 提升文档滚动时的流畅度
这个感受不到,如果大家遇到 Sketch 卡顿,建议重新打开即可。之前遇到的旧版本使用 1-2 个小时后就开始卡顿,不过最近的几个新版本没有再遇到过。
2. Sketch Cloud文件优化
如果使用了 Sketch Cloud 文件,那么下载的时候会在缩略图上展示进度条。但这个 Cloud 服务是需要付费的,国内很少用,所以本次 61 对此进行的更新对我们设计师也影响不大。
3. 调整大小的显示控件在普通屏幕上优化显示
由于大部分设计师的 Mac 都是视网膜屏幕,所以这个基本也没有什么影响。还是那句话,既然作为 UI 设计师,那么请对自己的硬件要求稍微好一点。
4. 对齐像素功能优化
对于任何包含小数点的未对齐像素元素,都可以使用像素对齐功能。
实际工作中很多设计师的 Sketch 文件都会出现小数点,尤其是在间距、宽高这样的基本框架结构中,会严重影响我们的标注数值。
Sketch for mac61
Ⅱ 除Axure外,苹果笔记本电脑是用什么软件来做交互原型的
POP(Prototyping on Paper)算是移动App原型设计神器 ,很多公司在用:uora、sina、豆瓣、36氪、ifanr操 作轻巧简单:先用手机拍下草图原型(存到POP app内);然后开始编辑图片的哪个区域(按钮)链接到什么页面,添加跳转链接热区,就可以在iPhone上给小伙伴们演示了,并且POP内嵌的交互动作 如侧滑、展开、消失等,即可满足一般的动态演示需要;
Pencil Project Pencil是一款开源的可以用来制作图表和GUI原型的工具,可以作为一个独立的app,也可以作为Firefox插件。内置模版可以帮绘制桌面和移动界面中用到的各种各样的用户界面,包括流程图、UI和一般的通用图形;通过它内置的模板,可以创建可链接的文档,并输出成为HTML文件、PNG、OpenOffice文档、Word文档、PDF。Pencil Project还包含大量移动app模版;
Axure 大家都很熟悉了,这里主要说下移动端的演示,这样才充分表达原型意图。按F5生成原型的时候,在“Mobile/Device”选项中可以设置适配移动设备 的特殊原型(Axure 6.5以下版本),再用移动设备访问生成的原型链接即可(该页面创建一个桌面快捷方式)
Proto.io Proto.io是一个专用的手机原型开发平台——可以构建和部署全交互式的移动程序的原型,并且可以模拟出相似的成品。它可以运行在大多数的浏览器中,并提供了3个重要的接口:dashboard、编辑器以及播放器;
dashboard 可以用来管理项目。编辑器是构建原型的环境,由一组设计和开发原型的工具组成,另外还可以构建交互。播放器用来观看原型,并与原型进行交互,并提供了相关 工具来标注和保留反馈信息,以直接在真实的移动设备上对原型进行测试。并且可以使用iOS或Android上的浏览器以全屏模式运行原型;
Moqups 是一个非常好的、免费的HTML5应用,通过它可以创建可爱朴素的线框图、实体模型和UI概念。该程序使用起来非常简单,并且有内置的模板可以直接使用(模板包括单选按钮、链接、图像占位符、文本框以及滑块等),它还提供了iPhone和iPad模板,以及iOS相关的按钮、提示框、picker、菜单、开关以及键盘等。可以设置网格的尺寸,并预览和分享线框图。Moqups提供了一个很有用的功能就是对齐网格,可以使对象精准对齐;
UXPin UXPin是DeSmart团队开发的一个简易快速的实体模型和在线可点击原型创作工具。它基于优秀的用户体验设计原则,在构建原型中,它提供了一个完整的工具包(该工具包具有良好的用户设计模式和元素)来从头构建一个出色的原型。UXPin 具有响应式的断点功能,创建的响应式原型和线框图可以运行在不同的设备和分辨率上。另外该软件还提供了版本控制和迭代功能,可以轻松的共享预览,直观的注 解和实时的协同编辑和聊天。该软件拥有大量具有吸引力的用户界面元素风格(包括web,iOS,Android等),并且具有快速、灵敏的响应拖放接口;
OmnigraffleOmniGraffle是由The Omni Group制作的一款带有大量模版可以用来快速绘制线框图、图表、流程图、组织结构图以及插图等类型图的app,也可以用来组织头脑中思考的信息,曾获得2002年的苹果设计奖。它采用拖放的所见即所得界面,可以用钢笔工具绘制自定义的模版或者图形,此外还自带Graffletopia提供的多个iPhone、iPad以及Android模版;
JustinMind JustinMind是由西班牙JustinMind公司出品的原型制作工具,可以输出Html页面。与目前主流的交互设计工具axure,Balsamiq Mockups等相比,Justinmind Prototyper更为专属于设计移动终端上app应用。JustinMind 可以帮助开发者设计更丰富、更具交互新的移动产品线框图,包含了iPhone、Android 以及iPad常用手势,滑动、缩放、旋转,甚至捕捉设备方向等,从而创造出更具交互性的原型。另外,它可以导出原型信息到Microsoft Word,生成规范的文档。此外,还可以自定义小组件,创建自定义组件库,并进行分类,不管对象是iPhone、iPad、黑莓、Android还是其他;
FluidUI Fluid UI是一款用于移动开发的Web原型设计工具,可以帮助设计师高效地完成产品原型设计。Fluid UI 内置超过1700款的线框图和手机UI控件,并且还会经常进行更新。Fluid UI无设备限制,无平台限制(Windows、Mac以及Linux系统),支持Chrome和Safari浏览器(Chrome浏览器上的app也可离 线使用)。可以使用Fluid Player来预览设计,收集意见和反馈。还可以以PNG、PDF方式输出Fluid UI使用方法简单,采取拖拽的操作方式,不需要程序员来写代码。另外,Fluid UI资源库非常丰富,有针对iOS、Android以及Windows 8的资源。如果觉得库存资源不能满足你的需求,你也可以自行添加
Protoshare ProtoShare:在线网站开发协同制作工具是一个十分便捷的在线原型制作工具,侧重于团队协作。团队成员可以通过这个工具对工作进行审查,并及时提供反馈,对线框图或内容进行建议;
Wireframe Wireframe是一款具有“点击-拖-放”界面且超简单的线框图创作工具。双击实现编辑功能,有限的界面意味着会把精力集中于想法上。还给每个线框图分配了特有的URL,便于标记和分享。
InVision InVision是一个便捷的产品原型生成工具,用户制作一个在线原型只需要四部:创建一个工程、上传视觉设计稿、添加链接以及生成在线原型。确 切说,InVision提供的不是准确的线框图,而是一个快速原型的环境,可以把的UX/UI草图快速连接起来。数字型的线框图和高保真的设计可以帮测试app的工作情况,同时该工具还支持协作和分享功能,生成的在线原型可以支持任何人在产品原型的任何地方评论,便于准确的交流。针对iOS 开发,InVision还增添了其他功能,比如自定义主屏幕icon和自定义加载页面;
Mokk.me Mokk.me 是一个简单快速的原型工具,通过界面上简单的拖放操作,不用了解单线编程就能创作一个可以分享、测试以及多平台的app。目前,Mokk.me正在测试 中,但它是一个简单的基本的工具,任何人可以用它来创建app的布局。可拖、放或者编辑小工具,可以搭建和连接页面,还可以选择过渡动画。它的特点还在 于页面和按钮、图片小工具、文本输入以及复选框形式。另外,可以借助HTML、CSS以及JavaScript完成app其他一些功能,一旦创建了原型,还可以进行分享,在iOS 和Android上进行测试;
iPlotz iPlotz 是一款可以用来创建可点击、可导航的原型和线框图工具,适合网站开发者和移动app开发者。可以在一个可调整的页面拖放元件,然后连接起来,增加其他屏 幕或者页面的热点链接。可以选择使用iPhone/iPad模版或者Android模版,任何模版都有独一无二的元件设置。iPlotz界面明白易懂,支持协同工作、可分享的编辑权限、任务管理以及评价系统。另外,项目可以以IPML、JPG、PNG、PDF以及HTML形式输出;
Adobe Illustrator 俗称AI这是adobe的一款矢量图设计软件,推荐给设计师转型过来的PM(没兴趣的跳过),电商圈不推荐再去费力学习其他软件,达到沟通的目的提高效率是王道。
Ⅲ 求Mac版Principle交互式屏幕设计怎么用顺便给个下载地址!
Principle是一款新开发的交互设计软件。相比 Pixate 更容易上手,界面类似 Sketch 等做图软件,思路有点像用 Keynote 做动画,更“可视化”一些。发现目前还不能做条件相关的交互,例如“当 A 的 Scroll Release 位置大于某值时跳到下页”。
Mac版Principle下载网页链接
1. 从Sketch导入的图层如果是用了Mask是会被合并成位图的,可以用群组的方式解决
2. 复用的组件可以在图层后面加 * ,这样导入到Principle里面会自动转为位图
3. 导入到Principle时选择的x1、x2、x3做动画的时候没有影响,但是在手机里面预览如果倍率不对会出现模糊
4. Sketch导入Principle要求两个软件都是打开状态,默认导入Sketch打开置于最顶层的文件
5. 添加触发事件时(闪电标志,然后拖出的箭头),指向自己所在的Artboard,将快速复制一个自己所在的Artboard
6. 按住Command,出现旋转标志就可以旋转图层
7. Ctrl+C 可以快捷选取颜色
8. 调节左侧面变的属性的时候,下面的输入框可以拖动改变数值
9. 联动和动画的区别是,一个调节位置然后属性变化,一个是调节时间的先后顺序以及快慢,以及动画曲线
10. 联动调节的时候,时间轴一定要复原,不然预览的时候回出错
11. 输出的动画可以放在ps里面加到UI样机输出预览图
Ⅳ app ui交互设计用的什么工具
app ui交互设计用的工具有很多:
WebFlow是一款 web app,你可以直接在浏览器中完成网站的视觉和交互设计,还包括实
时预览和代码编写功能。WebFlow的编辑器界面友好,所见即所得,设计师拥有完全的控制权。WebFlow一直在持续更新功能,包括Web字体,视频支持,交互的状态,W3C标准化,乃至于主机托管。
Marvel是一款免费的原型设计 Web 应用,可以进行网页设计和移动端的UI设计。和WebFlow一样,你可以使用Marvel完全在线完成设计,并且可以和你的Dropbox同步,可以方便你进行共享或者分享。值得一提的是,Marvel 支持PSD格式文档,也就是说你的视觉稿无需转换格式就可以使用。
Macaw 是一款桌面端的所见即所得的设计工具,实时代码预览,便捷输出。比较独特的是Macaw可以创建响应式设计,内置的断点编辑器可以帮你轻松地在不同尺寸的屏幕上实现完美的响应式显示。尽管Macow中的代码编辑功能并没有太大必要,但是最新版的Macaw在HTML和CSS代码编辑上体验还是蛮好的。
UXPin 是一款比较着名的设计类的web应用,用户可以借助UXPin在线协作完成线框图和原型的设计。UXPin旨在帮设计师快速便捷地进行线框图和原型设计,拥有完备的版本管理,支持响应式设计,通过拖拽预制控件进行UI设计。
Ⅳ 交互设计iphone的app哪个
iPhone App的特点
iPhone有自己的特点和气质,因此他的App不同于其他键盘手机甚至Android这种触屏手机。
首先iPhone只有一个物理按键Home,而这个按钮主要是在系统级操作上起到一些作用,在一个应用中,绝大多数情况都是退出功能。在480 x 320这个对手机而言很大的屏幕上要包括以下3个模块,才能对一个App进行操作。
1、虚拟键盘
iPhone虽然与Android同为触屏,但没有物理键盘(而Android有可能有物理键盘),所有的输入操作都需要屏幕中的虚拟键盘来实现,同时需要考虑虚拟键盘的遮挡问题。
2、目录导航
没有物理按键做为目录菜单的呼出功能,完全不同于Symbian和Android系统,包括导航也需要屏幕中的虚拟按钮来实现。
3、功能操作
需要把所有的功能集成在App中,比如我们可以用Tab bar来做功能的分类,工具栏来做具体视图的功能操作集合。
我们再来看看用户对iPhone的使用习惯
显然支持单手操作并不是iPhone应用的特性,当然也有一些游戏需要双手进行(沉浸式应用),但因为iPhone有一块非常灵敏支持手指多点触控的电容屏,所以手指直接在屏幕上的操作更加直观和更具操控感,不需要任何中间设备(按键或是鼠标)来控制。
1、自上而下的操作:
用户多数情况下会如上图的姿态,一手握机,大拇指做为主要操作和点击手指,我们可以看到不管是iPhone系统应用还是很多其他的优秀应用,大多使用很多的列表,因为拇指在滑动列表时会非常顺畅和方便,而且操作速度非常快,所以很长的列表不会成为iPhone应用的障碍,这与其他手机平台上的特性不同,更何况在表格的情况下,单击顶部的状态栏可以快速回到顶部。
2、减少输入
这与《移动设备交互设计》书中的一些观点一致,即对于手持设备我们要尽量的减少用户输入,特别对于iPhone这种虚拟键盘而言,即便电容屏再灵敏,对于每次都准确的触动面积很小的虚拟键盘也并不是一件轻松的事情,我们要尽量使用选择器,或是输入提示suggestion来减少成本。
3、足够大的按钮面积
对于iPhone这块电容屏来讲,虽然很灵敏,但接受的感触面积并不小,且用户又是直接用手指操作,所以我们要对应用中的所有按钮要适合指尖来操作,跟据官方给出的设计指导,44*44pix是一个较理想的面积。
4、多点触控手势
相对于设备的软硬件来说,手指总是保持可用,它是人体的一部分,可以灵活的做各种动作,而且直接触控屏幕非常直观,且用户也非常愿意使用这些看上去很酷手势动作,比如可以对图片用两个手指拉开来放大,合并来缩小,直接拖动来调换顺序,摇晃来进行刷新等。当然我们要考虑这些手势在不同应用的不同使用场景,不要滥用。
总之,iPhone应用的是线性的,连贯的,直观的依赖滑动操作,手指点击,以及各种手势给人很酷的感觉。
iPhone App的基本设计方法
1、iPhone应用的分类
1) 高效型
这类应用可以帮助用户快速完成一个任务,注重内容的组织逻辑功能和信息架构的展现,以方便用户快速高效的使用,最终完成任务。此类应用一般包含大量的列表及每个列表中的任务功能。最典型的就是系统自带的“Mail”应用,这是一个非常典型的高效型应用。
此类应用给用户的感觉是层层进入,内容逐步具体化,直到可以完成用户的任务。
另外一个非系统应用且典型的就是QQ,可以看一下是不是也遵循这个特点。
2)实用工具型应用
此类应用一般交互操作非常少,也没有很深的层次结构,往往都是直接了当的展示信息,一般会在“背面”(通常会有一个翻转的效果)展示设置功能。最常见的就是“天气”和“股票”两个系统自带的应用。
3)浸入式应用
大多指游戏类应用,但也有一些实用工具,比如电子罗盘,所谓浸入式应用一般是全屏模式,专注一个任务或是娱乐的深入体验,没有过多的文字,而将用户的注意力放在如何使用它。
2、设计iPhone应用
1)iPhone应用的基本结构
状态栏:这是ios系统的一部分,除了浸入式应用外,其他应用一般都会保留这个bar。
导航栏:这里包括当前的title,当前的主要操作的控件和返回的导航功能
工具栏:对当前内容区可执行的功能动作。
标签栏:可以理解为全局导航,方便快速切换功能或是导航。工具栏和标签栏在一个视图中只能存在一个。
2)移植你的应用
大多数情况下我们都是把web端的应用移植到手机上,而在web端的应用,如果我们列出一个功能结构图,可能会包含100项以上的功能点,你可以做如下工作:
①考虑这个web端的产品,核心功能是什么,任何一个产品都会有核心功能,以及附加功能,比如QQ,核心功能就是IM,即时通信,可能截屏是一个附加功能,尽管用的人非常多。确定核心功能后,以及围绕核心功能尽可能少的扩展功能和逻辑。如果你的web网站或是你的业务包括很多,可以把他们按不同业务类型拆分成不同的多个应用。
②对确认的功能结构考虑在iPhone上的信息架构模型,上文说过,iPhone应用是线性的连贯操作,一层一层进入直到完成最后的任务,所以你要按这个思路去整理信息架构,一般来说,操作的深度不要超过3层,如果超过3层就要对产品形态进行扁平化处理,即由深度改为广度,因为随着深度的增加,每一级别都会有不同的功能,甚至有承载上一级的功能或逻辑,深度越多,这些功能就会越复杂,而在手机如此小的空间上就很难进行合理组织。
可以延伸阅读kentzhu同学:产品:更多的限制,更简单的设计
③合理利用iPhone应用的结构及标准控件。
标签栏,可以理解为web应用中的全局导航或是主要子功能的切换,这个bar可以贯穿于主要视图的底部,方便用户快速跳转,比如下图这个标签栏。
导航栏,可以理解为web应用中的局部导航,子导航或是面包屑,显示当前位置,同时还承载了1个或两个主要功能操作。可以方便用户返回,或是对当前视图进行1-2个最重要的操作。如下面这个导航栏。
工具栏,可以理解为web某个具体页面中的一些主要操作功能,比如上传,搜索等。如下面这个工具栏。
这是ios系统应用mail中,具体邮件打开后的工具栏,包括了对当前邮件的几个主要操作。对于你的应用,你也可以把一些操作放到主视图区中以按钮的形式展现,不放在底部的工具栏。但我们说,iPhone用户更习惯于iPhone一些“标准”操作,习惯iPhone的标准逻辑,所以把主要的操作以底部工具栏的方式展现似乎更好一些。
使用引喻的标准控件
我们看到滑动效果的开关,突起效果的分段按钮,转盘选择器等,代替了传统web中死板无生气的标准控件。
④调用系统提供的功能接口
例如iPhone提供的地理位置接口,可以为你的应用提供不同于web端的特殊功能,设计出更具有特色的产品,更能满足移动用户的需求。
最后,我想说iPhone应用是简洁的,包括设计上的简洁和功能上的简洁,不应该有太多的功能分支,不管你是否能组织好这些功能,过多的功能总会把用户搞晕。iPhone应用是有特殊气质的,你可以把他设计的完全符合iPhone使用的特点,甚至带有一点炫酷,而不用考虑低端用户,因为使用 iPhone并且可以装App的用户,他的使用经验不会太差。
Ⅵ 苹果手机下的交互英语软件怎么跟安卓系统的不一样
两种是不同的平台上的软件,里面编码完全不一样,界面不一样也正常,没有关系的。
Ⅶ 做手机交互设计需要用到哪些软件
我学这个专业的 看你朝什么方向发展了 是做UI UE 还是写代码 这个Adobe 大师版里的很多都要用到 还包括 adobe catalyst 还有写代码的,针对安卓系统写代码用JAVA 针对苹果系统写代码要用到OC 还不清楚可以继续问
Ⅷ 除Axure外,苹果笔记本电脑是用什么软件来做交互原型的
可以使用justinmind原型设计工具
更适合做手机原型设计
更多地参考
justinmind夜话教程 www.91justinmind.com