首页 > 其他分享 >主流原型设计工具介绍——Axure RP,墨刀和Pixso

主流原型设计工具介绍——Axure RP,墨刀和Pixso

时间:2024-05-15 19:42:26浏览次数:18  
标签:RP 工具 Pixso 按钮 设计 墨刀 Axure 页面

Axure RP
工具特点
Axure RP是一款以用户需求为核心的原型设计工具,它可以帮助用户实现快速高效的产品原型设计。

使用方法
界面介绍:安装Axure后,你将看到一个包含页面导航栏、左侧工具栏(包含文字、矩形、圆、直线、图片等常用组件)和页面管理区域的界面。
创建新文件:点击“NEW FILE”按钮,开始创建新的原型设计。
页面管理:页面管理区域以树形结构显示当前设计的页面。你可以通过右键点击页面来添加、移动、删除、重命名或复制页面。
组件使用:从左侧工具栏中选择所需的组件,如矩形、文字等,然后拖拽到设计区域中。你可以设置组件的属性,如大小、颜色、字体等。
页面跳转与交互:通过连接区域组件,你可以设置页面之间的跳转和交互。例如,你可以设置一个按钮,点击后跳转到另一个页面。
预览与分享:点击右上角的预览按钮,你可以查看设计的实际效果。此外,Axure还支持将设计导出为图片、PDF等格式,方便分享给团队成员或客户。

例子:设计一个登录页面
添加背景:选择“矩形”工具,在画布上拖拽出一个矩形作为页面的背景。你可以设置矩形的颜色、边框等属性。
添加标题:选择“文本框”工具,在页面上添加登录页面的标题,如“登录”。
添加输入框:选择“输入框”工具,在页面上添加两个输入框,分别用于输入用户名和密码。
添加按钮:选择“按钮”工具,在页面上添加一个登录按钮。
设置交互:
Axure RP 支持丰富的交互设计功能。在这个例子中,我们可以为登录按钮设置一个点击交互。点击登录按钮,然后在右侧的“交互”面板中选择“OnClick”事件。在事件编辑器中,你可以设置当按钮被点击时要执行的动作。例如,你可以设置一个页面跳转的动作,当点击登录按钮时,跳转到另一个页面(如主页)。
预览和分享:
完成设计后,你可以点击工具栏上的“预览”按钮来查看设计的实际效果。Axure RP 支持将设计导出为 HTML 文件,方便在浏览器中查看和分享。你可以点击工具栏上的“发布”按钮,选择“本地发布”来导出 HTML 文件。

墨刀
工具特点
墨刀是一款集原型设计、交互设计、流程图设计等多种功能于一体的在线设计工具。它支持多人协作,可以实时同步团队成员的设计进度。界面简洁易用,适合设计师快速上手。

使用方法
创建项目:在墨刀中创建一个新的项目,并设置项目的名称、描述等信息。
设计页面:在项目中添加新的页面,并从工具栏中选择所需的组件进行设计。墨刀提供了丰富的组件库和图标库,方便设计师快速构建原型。
设置交互:通过拖拽和连接组件,你可以设置页面之间的跳转和交互。墨刀还支持手势交互和动画效果的设计。
协作与分享:墨刀支持多人协作,你可以邀请团队成员加入项目并共同设计。完成设计后,你可以将项目导出为图片、链接等格式,方便分享给其他人查看和评审。

Pixso
工具特点
多人协同:Pixso支持多人同时在线进行设计,团队成员可以实时查看和编辑设计内容,大大提升了团队的设计协作效率。
实时云同步:Pixso采用云端存储方式,所有设计文件都会实时保存在云端,用户可以随时随地通过浏览器访问和编辑设计文件,无需担心文件丢失或损坏。
强大的绘图与标注功能:Pixso提供了丰富的绘图工具,如矩形工具、钢笔工具等,可以满足用户各种设计需求。同时,Pixso还支持在设计稿中添加标注和评论,方便团队成员之间进行沟通和协作。
多元化的产品及服务:Pixso的产品线涵盖了数字创意类、办公效率类、实用工具类等多个领域,可以满足用户在不同场景下的设计需求。
AI抠图插件:Pixso内置了AI抠图插件,可以自动识别图片主体并自动抠取,支持像素级精确抠图,并且支持多种图片格式。

使用方法
创建画板:用户可以在Pixso中创建多种尺寸的画板,包括手机、平板、电脑、网页等屏幕画板的尺寸,也可以自定义尺寸。
设计操作:Pixso提供了丰富的设计工具,用户可以使用这些工具进行设计操作,如绘制图形、添加文本、调整视角等。
导入和导出:Pixso支持导入Figma、Axure、Sketch等设计文件,用户可以直接将其他设计工具中的文件导入到Pixso中进行编辑。同时,Pixso也支持将设计文件导出为多种格式,如PNG、JPEG等。
团队协作:在Pixso中,用户可以邀请团队成员加入项目,并设置不同的权限级别。团队成员可以实时查看和编辑设计内容,并在设计稿中添加标注和评论。
使用AI抠图插件:用户可以在Pixso中一键安装AI抠图插件,并使用该插件进行图片抠图操作。插件会自动识别图片主体并自动抠取,用户只需进行简单的调整即可得到满意的抠图效果。

注:本文图片部分来源于网络,如有侵权可联系删除

标签:RP,工具,Pixso,按钮,设计,墨刀,Axure,页面
From: https://www.cnblogs.com/spaddington/p/18194538

相关文章

  • Go语言高并发与微服务实战专题精讲——远程过程调用 RPC——高性能的 gRPC
    远程过程调用RPC——高性能的gRPC gRPC,这一由Google推出的高性能、开源、通用RPC框架,凭借其众多引人注目的特性,已成为业界瞩目的焦点。它基于HTTP/2协议标准设计开发,并采用ProtocolBuffers作为默认的数据序列化协议,广泛支持多种编程语言。gRPC不仅简化了服务的精确定义,而且......
  • IceRPC之调用管道Invocation pipeline与传出请求Outgoing request->快乐的RPC
    作者引言.Net8.0下的新RPC很高兴啊,我们来到了IceRPC之调用管道Invocationpipeline与传出请求Outgoingrequest->快乐的RPC,基础引导,让自已不在迷茫,快乐的畅游世界。调用管道Invocationpipeline了解如何发送请求requests和接收响应responses。定义发送请求并接收......
  • pinus老项目启动遇'Property connector does not exist on type UserRpc'报错
    跟示例项目对比过,配置代码并无出入,尝试在示例中新增远程调用connectorRemote可用,证明代码配置正确尝试在示例项目中使用工作项目的配置文件包括引用的模块文件目录列表如下 packagespluginspackage.jsonpackage-lock.jsontsconfig.jsonyarn.lock 示例安装模块后,运......
  • Etcd开启grpc请求耗时监控
    针对各种类型grpc请求耗时统计场景,etcd提供监控数据。#etcd容器增加环境变量env:-name:ETCD_METRICSvalue:extensivecurl-shttp://127.0.0.1:2381/metrics|grepgrpc_server_handling_seconds_bucketgrpc_method包含了Alarm/AuthDisable/AuthEnable/Authenticate/......
  • 原型设计工具——墨刀介绍与使用体验
    一、初识原型设计工具在初踏入原型设计领域,我对于各种工具都充满了好奇。Axure以其强大的交互设计能力和高保真度的原型展示效果而闻名;Fluidui则以其简洁易用的界面和快速的原型搭建速度吸引了我;而墨刀,这款集合了高效与易用性的工具,赢得了作为新手的我的青睐。二、墨刀的魅力所......
  • CSharp: SunCalc for calculating
     usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Web;usingSystem.Threading.Tasks;namespaceWebAppPdfDemo{///<summary>//////</summary>publicstaticclassDateTimeJavaScriptExt{......
  • CSharp: SunTimeCalculator
     usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Web;namespaceWebAppPdfDemo{///<summary>//////</summary>publicclassSunTimeCalculator{#region辅助函数///<......
  • actor critic 玩carpole游戏
     importgymimporttorchimporttorch.nnasnnimporttorch.optimasoptimimportpygameimportsys#定义Actor网络classActor(nn.Module):def__init__(self):super(Actor,self).__init__()self.fc=nn.Sequential(nn.Linea......
  • GRPC - Deploying: Envoy proxy
    Installfunc-e: https://func-e.io/func-emakesrunningEnvoy®easyfunc-e(pronouncedfunky)allowsyoutoquicklyseeavailableversionsofEnvoyandtrythemout.Thismakesiteasytovalidateconfigurationyouwoulduseinproduction.Eachtimeyoue......
  • Dockerfile - build zgrpc-go-professionals:client
     FROM--platform=$BUILDPLATFORMalpineasprotocARGBUILDPLATFORM=linux/amd64TARGETOS=linuxTARGETARCH=amd64#downloadtheprotocbinaryfromgithub#Weunzipthefileinto/usr/local.Noticethatweareextractingboththeprotoc#binary(/bin/pr......