首页 > 其他分享 >原型设计工具

原型设计工具

时间:2023-05-16 15:56:17浏览次数:47  
标签:Sketch Adobe Pixso XD 原型 设计 工具 图层

现阶段,主流原型设计工具主要有:Sketch、Adobe XD、Pixso、即时设计等。


其中Sketch的特点及使用方法如下:
1、特点:UI使用体验出色,画布不限大小,每个图层均支持多种填充模式。同时,具有实用的文字渲染与文本样式,以及文件导出工具。
2、使用方法:在Sketch之中,左侧窗口会列出文件中的所有图层,而右侧的检查器可以用以调整被选中图层的内容,中间为画布显示区域。在Sketch里每个对象都有自己的图层,编组和画板能有效管理内容,通过工具栏中的insert按钮,可以添加新的涂层。在Sketch之中,提供了多种不同的基本图形,只需通过工具栏中的添加(lset)>图形(Shape)按钮,便可以开始创作。Sketch同时支持多种文本样式,可以让多个文本图层使用共同的字体,大小,和字间距等。在Sketch之中,可以将任何图层变成一个扁平的位图,通过进入图层>将选区变成位图。同时,Sketch里的画布尺寸是无限的,可以用无限精准的分辨率无关模式来查看画布,或者打开像素模式来查看每一个像素导出后的样子。在Sketch之中,点击工具栏中的导出按钮时,Sketch会为你列出画布、画板、切片中所有可导出的图层,用户可以通过选择,从中导出部分或全部的图层。


Adobe XD的特点及使用方法如下:
1、特点:结合了设计原型与建立原型的功能,提供工业级性能的跨平台设计产品。支持静态编译高效准确的完成,及框架图到交互原型的转变。
2、使用方法:拖拽组件进入画布,创建在整个XD文档内或多个文档之间重复使用的设计元素,将更改从主组件推送到所有实例,并覆盖任何单个实例的属性。通过创建组件的变体形成不同状态,可以映射不同类型的用户交互。通过右键单击图像,可以实现对于图像的直接编辑,然后单击“保存”,可以将更改自动更新。同时,Adobe XD支持内容布局,可识别不同对象之间的关系,并在向组中添加或更换对象时,对组进行自动调整,并且Adobe XD可以根据不同的屏幕大小轻松调整对象组或组件大小,保持对象之间的相对位置和比例不变。Adobe XD具有Adobe Fonts集成功能,能够有效避免缺失字体情况的出现,而且可以利用画板参考线、布局网格、微移和重新调整大小快捷方式,以及相对测量功能,设计体验的布局并进行对齐。同时,Adobe XD支持导入并使用Sketch和常用Adobe设计应用程序中的文件,导入时,文件会自动转换为XD文件,无需从头开始。而且,Adobe XD支持重复网格功能,可以通过选择一个设计元素,根据需要次数快速复制该元素,更新一个元素以修改整个网格,调整元素之间的填充,并且放置一个TXT文件以将数据导入到网格中,通过连接画板交流用户体验的流程和感受,借助一系列的触发器和操作来定义体验。同时,Adobe XD还支持在桌面应用程序上进行更改,然后在设备上测试这些更改,确保保真度和可用性。而且Adobe XD允许快速添加对叠加在内容上的菜单、对话框、虚拟键盘和其他可视元素的支持,可以自动生成动画,创建画板之间的微交互。复制一个元素并更改其属性,还可以可向原型中添加声音效果和其他音频文件打造多感官体验,并且让元素始终处于同一位置,在查看者进行滚动操作时,使其位置保持不变。


Pixso的特点及使用方法如下:
1、特点:Pixso的文件存储在云端,可以随时随地通过浏览器访问; Pixso 内调整画布大小并不会损失图片质量,导出时选取合适的尺寸即可。
2、使用方法:进入 Pixso 工作台,点击【导入文件】,可快速准确地导入Figma、 Axure、 Sketch 文件。在Pixso之中,按A或F在右侧的属性面板中查看所有画板选项,选择适合的尺寸建立画布,并以实际像素大小开始工作。在设计前,需要先建立5栏引导栅格,并且在右侧的栅格属性菜单中调整列与行,以及是否固定等属性,并根据需要设置边距,可以设置多个网格并将其存储为样式,使布局适应各种设备。在Pixso工作台界面的左侧可以找到图层面板,每添加的新元素,就会自动创建一个图层,用户可以通过在左侧栏之中拖放,来重新排列图层或对图层进行分组。Pixso 使用矢量网格方法,用来创建复杂的形状,同时提供组件等辅助原型设计、页面交互等操作。如需绘制更复杂的形状,可点击 P ,或从顶部菜单中选择【钢笔】,在不同方向进行分叉,轻松实现复杂图形的设计,完成后按【Enter】自动闭合路径。


即时设计的特点及使用方法如下:
1、特点:即时设计是一款轻量化,综合型的国产界面设计工具,符合国内设计师的使用习惯,提供了全中文的操作环境。可以实现从界面原型设计到界面开发代码的一站式完成,同时在此之中,提供了上百个可用于软件界面设计的实用插件工具,以及上万条可用于界面设计的设计素材,比如图片素材,插画素材,图标素材等。
2、使用方法:即时设计是一款基于 Web 端运行的轻量化设计工具,因此在浏览器中搜索“即时设计”进入官网并登录账号后即可正常使用。同时,即时设计还是对设计师个人免费开放的设计工具,所以提供的插件工具和设计素材可在站内直接使用,而无需付费下载。

标签:Sketch,Adobe,Pixso,XD,原型,设计,工具,图层
From: https://www.cnblogs.com/xuanyuanbk/p/17405870.html

相关文章

  • 火山引擎DataLeap数据调度实例的 DAG 优化方案 (二):功能设计
    针对上面存在的问题以及对需求的分析,我们可以进行如下的功能实现与设计:首先是渲染方案的替换,将svg的渲染方案替换成canvas渲染,通过减少页面中DOM的数量,提高前端渲染性能。其次是不同场景的功能设计,通过上面的需求分析,火山引擎DataLeap研发人员设计了不同的功能模式以满足......
  • 原型设计工具对比及使用体验
    一、原型设计工具对比随着软件市场的不断扩大,用户对于软件的要求也越来越高,除了功能实用之外,软件的美观度、简洁度也成为了评估软件好坏的重要因素。在原型设计中,设计工具的美观、简洁度同样至关重要。目前,市场上有许多常见的原型设计工具,其中一些具备良好的设计界面,如墨刀原型......
  • 主流原型设计工具
     原型设计工具是为了让人们更好地创建和展示应用程序、网站或软件的交互原型,下面我将介绍几种比较常见的原型设计工具。1.AxureAxureRP是美国AxureSoftwareSolution公司旗舰产品,是一个专业的快速产品原型工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软......
  • 设计模式-享元模式
    [url]http://zz563143188.iteye.com/blog/1847029[/url]享元模式(Flyweight)享元模式的主要目的是实现对象的共享,即共享池,当系统中对象多的时候可以减少内存的开销,通常与工厂模式一起使用。[img]http://dl.iteye.com/upload/attachment/0083/1207/f7aae0dd-b......
  • 设计模式-组合模式
    [url]http://zz563143188.iteye.com/blog/1847029[/url]组合模式有时又叫部分-整体模式在处理类似树形结构的问题时比较方便,看看关系图:[img]http://dl.iteye.com/upload/attachment/0083/1205/09cab656-5ff9-380e-9df1-326339ac3509.jpg[/img]直接来看代码......
  • 设计模式-原型模式
    [url]http://zz563143188.iteye.com/blog/1847029[/url]原型模式(Prototype)原型模式虽然是创建型的模式,但是与工程模式没有关系,从名字即可看出,该模式的思想就是将一个对象作为原型,对其进行复制、克隆,产生一个和原对象类似的新对象。本小结会通过对象的复制,进......
  • 伺服驱动器方案,某成熟量产型号,基于TMS320F28069 设计开发。 ★原理图
    伺服驱动器方案,某成熟量产型号,基于TMS320F28069设计开发。★原理图和PCB源格式(AD打开)-控制板/驱动板/电源板/滤波板★基于TMS320F28069的控制源代码产品资料,代码注释少,需要有一定基础,建议小白不要购买。-控制板/驱动板/电源板/滤波板★基于TMS320F28069的控制源代码产品资料,代码......
  • crontab工具使用介绍
    在Linux系统中,我们可以通过crontab工具来执行定时任务。它可以帮助我们在特定的时间间隔内执行特定的命令或程序,这对于自动化运维、备份或数据处理等任务非常有帮助。使用crontab工具需要了解以下几个部分:1.crontab格式crontab格式由6个字段组成,它们分别是:分钟(0-59)小......
  • 包管理工具:pnpm | 京东云技术团队
    作者:京东零售杨秀竹pnpm是什么pnpm(performantnpm)指的是高性能的npm,与npm和yarn一样是一款包管理工具,其根据自身独特的包管理方法解决了npm、yarn内部潜在的安全及性能问题,在多数情况下拥有更快速的安装速度、占用更小的存储空间,结合官网给出的性能测试及项目中的使用表......
  • Mysql链接工具-大数据从0到1系列
    关注我千锋IT教育了解更多编程技术知识,带你一路“狂飙”到底!上岸大厂不是梦!众所周知为了可以更好的操作Mysql数据库,我们都会采用远程连接工具的方式连接Mysql数据库,使用远程连接工具连接的好处在于:1、方便远程访问:如果你需要在外部网络环境中访问MySQL数据库,使用远程连接工具......