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

主流原型设计工具介绍Axure RP,Sketch,墨刀

时间:2024-05-16 11:52:37浏览次数:24  
标签:Sketch RP UI 组件 墨刀 交互 Axure

Axure RP

工具特点:Axure RP 是一款功能强大的原型设计工具,它可以帮助用户创建交互式的网站和应用程序原型。它提供了多种预设组件和模板,用户可以根据自己的需求进行修改。此外,Axure RP 还支持多人协作,方便团队内部沟通和合作。

使用方法:
(1)在 Axure RP 中创建新项目。
(2)选择所需的组件和模板,进行修改和编辑。
(3)将所需的页面链接起来,形成一个完整的原型。
(4)导出原型文件并进行测试和评估。

 

例子:使用Axure RP制作一个合同管理系统交互界面

步骤

1:选择元素:首先需要选择要添加互动特效的元素。在Axure RP中,可以通过鼠标拖拽来选择元素。

2:添加交互事件:选中元素后,在右侧属性面板中选择“交互”选项卡,然后点击“添加交互”按钮。在弹出的对话框中,选择要添加的交互类型,比如“单击”、“鼠标悬停”等。

3:设置交互动作:在添加交互事件后,需要设置交互动作。比如,如果选择了“单击”事件,可以设置点击后元素的状态变化,或者添加跳转链接等。

4:预览互动效果:在设置完交互动作后,可以通过点击“预览”按钮来查看元素的互动效果。

5:添加条件判断:如果需要根据不同的条件来触发不同的交互动作,可以添加条件判断。比如,可以根据用户的选择来显示不同的页面内容。

 

Sketch

工具特点:

Sketch 是一款 Mac 平台上的原型设计工具,它专注于 UI 设计和矢量绘图。Sketch 的设计界面简洁明了,易于使用,并提供了丰富的插件和资源库,可以帮助用户快速完成设计工作。

 

使用方法:

(1)在 Sketch 中创建新项目。
(2)使用各种矢量工具创建所需的 UI 元素和组件。
(3)将这些元素和组件拼合在一起,形成一个完整的原型。
(4)导出原型文件并进行测试和评估。

 

例子:使用sketch进行矢量绘图:

1:打开Sketch软件,新建一个画板。

2:在画板上选择需要绘制的工具,如画笔、形状、文本等。

3:使用工具绘制所需的图形或文字,可以通过控制面板对其进行调整。

4:如果需要,可以选择图层并使用图层面板对其进行编辑。

5:绘制完成后,可以将画板导出为常见的图片格式,如PNG或JPEG。

 

墨刀

工具特点:

简单易用:墨刀操作简单,用户可以快速上手,省去了繁琐的学习时间。
多端适配:墨刀支持多端适配,用户可以在不同设备上预览自己的设计。
实时协作:墨刀支持多人实时协作,团队成员可以在同一项目中编辑和评论设计稿。
丰富组件库:墨刀拥有丰富的组件库,包括常见的UI组件、图标、表单等,方便用户快速制作高质量的原型设计。

使用方法:

1:创建项目:在墨刀中创建一个新项目,选择适当的设备类型和屏幕大小。
2:添加组件:在项目中添加需要的组件,包括文本、图片、按钮等。
3:连接页面:将各个页面通过连接线连接起来,形成页面间的跳转关系。
4:预览设计:通过墨刀提供的预览功能,可以在不同设备上预览设计效果。
5:导出设计:完成设计后,可以导出成HTML、PDF等格式进行分享或保存

 

例子:墨刀制作UI组件

1:选择所需的画布尺寸和设备类型;
2:在画布上绘制想要的UI元素,如按钮、文本框、图片等;
3:使用墨刀提供的各种工具和特性来编辑和优化您的UI元素,例如调整大小、改变颜色、添加交互等;
4:将UI元素组合成可复用的组件,并在需要的时候使用它们;
5:为每个组件创建交互,并在原型中测试和优化UI设计。

 

 

标签:Sketch,RP,UI,组件,墨刀,交互,Axure
From: https://www.cnblogs.com/6w45zstw34/p/18195682

相关文章

  • 关于原型设计工具-墨刀的使用和推荐
    一.前言最近使用到了一款原型设计工具--墨刀,它是一款很优秀的软件,同时对于新手设计原型而言,是一款很容易上手的工具,下面我将介绍它的优势和魅力所在二.墨刀的优势与魅力(1).便于新人上手的功能指导新人刚接触此类型或者说单一原型设计工具时,墨刀会在内部首页设置一个《原型操......
  • IceRPC之传入响应和拦截器->快乐的RPC
    作者引言.Net8.0下的新RPC很高兴啊,我们来到了IceRPC之传入响应和拦截器->快乐的RPC,基础引导,让自已不在迷茫,快乐的畅游世界。传入响应Incomingresponse了解如何演绎传入的响应。收到传入响应调用器invoker异步返回传入响应。该传入响应是由连接从对等点接收响应......
  • 墨刀原型设计工具分析
    一、墨刀工具简介墨刀是一款在线原型设计与协同工具,它允许产品经理、设计师、开发、销售、运营及创业者等用户群体构建产品原型,演示项目效果,并进行团队协作。墨刀的设计理念是为用户提供一个简单易用的工具,以便快速上手并开始原型设计。二、墨刀的主要特点1易于上手:墨刀提供了......
  • 墨刀的特点和使用方法
    墨刀是一款专业的原型设计工具,具有以下特点:简单易用:墨刀拥有直观的操作界面,用户可以轻松地创建原型设计,并且无需编程知识。多平台支持:墨刀可以在多个平台上使用,包括Web、iOS和Android,用户可以随时随地进行设计工作。实时协作:墨刀支持团队实时协作,多人可以同时编辑同一......
  • 主流原型设计工具介绍——Axure RP,墨刀和Pixso
    AxureRP工具特点AxureRP是一款以用户需求为核心的原型设计工具,它可以帮助用户实现快速高效的产品原型设计。使用方法界面介绍:安装Axure后,你将看到一个包含页面导航栏、左侧工具栏(包含文字、矩形、圆、直线、图片等常用组件)和页面管理区域的界面。创建新文件:点击“NEWFILE......
  • 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则以其简洁易用的界面和快速的原型搭建速度吸引了我;而墨刀,这款集合了高效与易用性的工具,赢得了作为新手的我的青睐。二、墨刀的魅力所......