首页 > 其他分享 >画原型,你可以使用这些组件库

画原型,你可以使用这些组件库

时间:2023-05-17 13:31:38浏览次数:44  
标签:RP 摹客 预设 原型 使用 组件 交互

原型项目中的组件(亦称元件、控件),是指通过基础图层拼装而成,可供用户进行交互或用于展示复杂内容的元素。而在原型设计工作中,组件的使用是非常重要的部分,其不仅关乎项目内容的呈现,更会影响编辑操作效率。对于一款原型设计工具来说,为用户提供丰富可用的预设组件是最必须的,而摹客RP深知这一点。

先说高扩展性


作为一款在线原型设计工具,摹客RP内置了丰富多样的预设组件。而不得不提的一点是,这些组件全都具有极高的扩展性,那什么是高扩展性呢?首先,摹客RP中的预设组件,都自带有交互特性,无需添加任何复杂的设置,就能呈现出真实的动态效果。无论是点击切换列表选项、对下拉菜单进行选择、对滑块进行拖动,都能轻松实现。

画原型,你可以使用这些组件库_数据

高自由度的编辑方式。摹客RP的预设组件,支持非常便捷的内容编辑及样式编辑。只需双击组件,就能在内容编辑窗口中对选项完成新增、删除、编辑、排序、设置默认选中项等操作。

画原型,你可以使用这些组件库_数据_02

在属性面板中,除了可以调整边框、填充等常用属性外,每个组件还支持不同的扩展属性,帮助大家设置完善丰富的样式效果。

画原型,你可以使用这些组件库_原型设计_03

来来来,组件一览


摹客RP中的预设组件类型多样,数量丰富。无论是制作网页项目还是移动项目,线框原型还是中高保真界面设计,都能为你提供便利。一起来看看一共有哪些组件吧。首先是常用分类的组件。在此分类中,你可以找到搭建界面中经常用到的各种组件,从简单的复选框、开关、到下拉框、选项卡再到表格、导航菜单、时间选择器、轮播图等等组件,全部都可以找到。并且每一个拖出来都可以直接与之交互,非常方便高效。

画原型,你可以使用这些组件库_原型设计_04

此外,对于经常制作后台项目的小伙伴,摹客RP自带的图表组件更会让你的设计效率飙升。多种类型的图表组件,每一个都支持超高自由度的数据编辑,并且提供丰富的元素结构设置项。并且在演示时,图表组件同样自带非常细致的载入效果及可交互的数据查看效果。

画原型,你可以使用这些组件库_原型设计_05

摹客RP还会大家提供了批注组件和各类常用的形状组件。这一类组件能够帮助大家在为原型项目添加文档说明、绘制流程图等内容时提供极大的便利。

画原型,你可以使用这些组件库_数据_06

还不够?摹客RP管够


除了各类预设的高扩展组件,摹客RP同样非常关注不同用户的不同使用需求。除了预设组件库外,还为大家提供数量丰富的扩展组件库和模板例子。在扩展组件库中,你可以自行选择多种行业通用的组件库,如Ant Design、Element UI、iOS组件库等。每一个组件库中的内容都带有系统的组件样式和设计规范,从此告别反复调整组件样式,轻松搭建设计规范。

画原型,你可以使用这些组件库_原型设计_07

如果这么多组件素材还不能满足你的需要,你还可以访问摹客RP的官方模板例子库,在海量的例子项目中寻找符合你需要的模板项目、页面和组件内容。只需一键保存,就可以免费进行项目复用!

画原型,你可以使用这些组件库_原型设计_08

即刻选择摹客RP,不再四处寻找符合需要的组件,或是再劳神费力地自行拼装组件,添加交互。摹客RP的高扩展组件及各类丰富的设计素材,为你的原型设计工作保驾护航,从此不再担心设计效率或是规范问题。赶紧来试试吧!

标签:RP,摹客,预设,原型,使用,组件,交互
From: https://blog.51cto.com/u_9540389/6290353

相关文章

  • 【React】视频播放器,ReactPlayer的使用
    importReactfrom'react';importReactPlayerfrom'react-player'//引入constLiveBroadcast=()=>{return<ReactPlayerclassName='react-player'url='....flv'//地址wi......
  • vue自定义组件——search-box
    github地址:https://github.com/lxmghct/my-vue-components组件介绍props:value/v-model:检索框的值,default:''boxStyle:检索框的样式,default:'position:fixed;top:0px;right:100px;'highlightColor:高亮颜色,default:'rgb(246,186,130)'......
  • sql---partition的使用
    partition分组函数,简化分组原来语句selectROUND(SUM(TIV_2016),2)TIV_2016from(selecta.*,b.TIV_2015_count,c.LAT_LON_countfrominsurancealeftjoin(selectTIV_2015,count(*)TIV_2015_countfrominsurancegroupbyTIV_2015)bona.TIV_2015=b.TIV_2015leftj......
  • 【React】定时器组件
    鼠标移入关闭定时器并清除,鼠标移出组件的时候打开定时器进行循环consttimer=useRef(null);useEffect(()=>{startLoop();},[]);conststartLoop=()=>{stopLoop();timer.current=window.setInterval(()=>{//要干的事},60*......
  • Java Jackson框架使用小技巧
    Jackson框架:  Jackson是一个简单的、功能强大的、基于Java的应用库。它可以很方便完成Java对象和Json对象(xml文档or其它格式)进行互转。Jackson社区相对比较活跃,更新速度也比较快。  Jackson库有如下几大特性:  -高性能且稳定:低内存占用,对大/小JSON串,大/小对象的解析表现均......
  • R2DBC配置与使用
    依赖<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-webflux</artifactId></dependency><dependency><groupId>io.r2dbc</groupId><artifactId&g......
  • apb uart IP使用说明
    背景介绍通用异步收发传输器(UniversalAsynchronousReceiver/Transmitter),通常称作UART,是一种异步收发传输器,是电脑硬件的一部分。它将要传输的资料在串行通信与并行通信之间加以转换。作为把并行输入信号转成串行输出信号的芯片,UART通常被集成于其他通讯接口的连结上。在SOC......
  • 为什么阿里巴巴要求谨慎使用ArrayList中的subList方法
      https://baijiahao.baidu.com/s?id=1637211558024016793&wfr=spider&for=pc 集合是Java开发日常开发中经常会使用到的。在之前的一些文章中,我们介绍过一些关于使用集合类应该注意的事项,如《为什么阿里巴巴禁止在foreach循环里进行元素的remove/add操作》、《为......
  • 关于使用Serilog配置MySql数据库和appsettings的问题
    1、项目使用dtonet6WebApi。2、Nuget包:用来访问mysql数据库Pomelo.EntityFrameworkCore.MySqlSerilog日志Serilog配合dotnetSerilog.AspNetCore读取环境变量配置Serilog.Settings.ConfigurationSerilog读取MySqlSerilog.Sinks.MySQL输出到控制台中Serilog.Sinks.Co......
  • Kali Linux使用 airmon-ng 等相关命令爆破 Wifi 密码
    首先我是在淘宝上买的免驱动的无线网卡,插上一般可以直接使用,不过买回来发现无法连接一些wifi,是wifi除了满格信号,就是没有信号黑色的。我还以为这个wifi信号怎么这么差,联系客服发现是最新的kali需要安装一个软件包realtek-rtl8188eus-dkms淘宝客服的教程:kali单频无线网卡驱动更......