售前成长之路-CSDN博客

原创浮木云学习日志（13）---表格设计（3）

在之前的系列文章中已经介绍了浮木云平台的许多使用技巧，本次我将结合下面已经搭建好的表格示例来详细介绍“高级表格”组件。浮木云平台的“高级表格”组件可以通过表格列设置设计多样的表格，展示更丰富的内容。大家也可以进入他们的官网自己动手操作一下。在使用中我发现表格列设置主要包括了纯文字、图标文字、图片文字、标签文字、进度条文字、图片以及文件七个不同的类型。

2024-04-02 13:50:36 645 1

表格数据设置相比较而言最简单，你可以‘导出’表格模板，在本地输入相应的值，在一键‘导入’即可，这是最方便的；‘固定列’的意思就是将表格列固定，若表格出现横向滚动时，被固定的基础列不会随之滑动，同时根据自己的实际需求可对基础列的‘对齐方式’，‘列宽’，‘表头字体’，‘表头颜色’，‘表格字体’和‘表格颜色’进行设置。在‘值配置’中设置‘过滤条件’，用不同的数值表示不同的‘标签类型’，我这里将‘标签类型’为‘快递’的‘过滤值’设置为‘1’，‘标签类型’为‘2’的‘过滤值’设置为‘2’，其它为系统默认即可。

2024-03-22 15:13:52 307 1

原创浮木云学习日志（11）---表格设计（一）

表格作为展现数据最为清晰、高效的形式之一，同时又具有复用度高，拓展性强优势，是最常见的信息展示形式，也是对数据进行浏览和操作最便捷的设计方式，合理的表格设计能给用户带来高效的信息获取率。今天我就利用浮木云软件设计开发平台设计一款简洁美观的具有查询筛选功能的高级表格，感兴趣的小伙伴也去试一下吧。在之前对浮木云的了解过程中，发现容器是我们制作页面设计的基础组件，因此本次表格制作会选用弹性容器做页面的布局框架，选用查询容器做页面的查询筛选功能，同时选用之前介绍的栅格容器作为页面的统计卡片。

2024-03-15 11:26:27 721 1

原创浮木云学习日志（10）---页面框架布局

随着对浮木云软件设计开发平台的深入了解，发现浮木云真的是一个很人性化的工具。前两次对浮木云的布局容器、弹性容器和栅格容器进行了简单的了解，同时也知道这些容器是页面是设计框架的基础，本次我会根据自己对容器的了解进行的一个简单的页面框架构建。感兴趣的小伙伴可以直接去他们的官网了解试用。页面设计的好与坏完全取决于页面的框架布局是否设置的有层次。只有把页面框架搭建好，才能更好的填充页面内容，保证页面简洁美观。接下来，我们就浮木云模板中心的“通用数据管理系统”的‘工作台’页面来看一下如何确定页面框架布局。

2024-03-12 08:53:27 1295 1

原创浮木云学习日志（9）---统计模块设计

填充文字和统计数值的弹性容器宽度设置为50%，高度是父级容器的高度，外间距设置为30，并将横向对齐和纵向对齐设置为居中对齐，自动换行设置为是，多行排列设置为居中排列。第一个文字组件外间距的上侧数值设置为5，文字内容是“年度采购额 (万元）”，第二个文字组件外间距的上侧数值设置为10，数值内容是“32654”。栅格都知道就一个一个小方块，栅格容器就是将容器进行纵向分割，支持将页面区域划分成多列，每个列单元格又成为一个独立的基础容器，可容纳任意组件。调整其中某一个列单元格的占比值，右侧会留出相应的空白。

2024-03-01 16:47:35 729 1

原创浮木云学习日志（8）---布局容器&弹性容器

自从发现浮木云这个宝藏级别的原型设计平台，我简直对它爱不释手，因为他能让我在短时间内快速搭建一个原型页面，这对于产品的初学者无疑是一个福音。之前针对浮木云搭建的页面做了一些简单的记录，但是在页面设计过程中涉及的一些更加细致化的东西还需要深入去研究，接下来我将针对组件库出一个系列性的文章，帮助我来加深对浮木云的了解，同时也希望对大家对浮木云的了解有所帮助。新进来的小伙伴如果感兴趣的话可直接进入他们的官网进行了解试用，相信你也会有不一样的体验和收获。

2024-02-25 17:43:10 764 1

原创浮木云学习日志（7）---可视化大屏搭建

之前对浮木云的web端的静态页面和APP的页面搭建进行了简单的记录，虽然只是了解些皮毛，但足够支撑一些简单的页面的制作。最近我在浏览他们的公众号【武汉浮木科技有限公司】，意外发现他们对高校科技成果转化平台的模板进行了相关介绍，看了他们对这个平台的介绍，让我觉得他们对这个业务的理解非常透彻。当然，最吸引我的是他们这个可视化大屏页面做的很符合我的审美，所以我又从他们的模板中下了高校科技成果转化平台的模板，按照他们的格式继续制作一个简单的大屏页面，本次针对我搭建的可视化大屏页面做一个简单的记录。

2024-02-05 10:25:30 817 1

原创浮木云学习日志（6）---代码导出

随着对浮木云的了解愈加深入，不知不觉已经形成5篇随笔记录了，新进来的小伙伴想跟我一样了解浮木云的话，可直接进入官网进行了解使用，如果不太清楚使用的话，可直接查看我之前的5篇小记，帮助你快速入门。之前刚介绍浮木云的时候，发现这个小众平台具有导出源代码的功能，开发人员可以将平台上的功能代码导出到自己的工作环境中进行二次开发和定制，无需从头开始编写，根据项目需要，进行一些微调和优化，以满足特定的业务需求。我感觉这个导出源代码的功能简直是绝了，难以想象这个东西出来以后能够代替多少初级程序猿。

2024-02-01 10:59:53 1696 1

原创浮木云学习日志（5）---APP页面搭建

好了，一个稍微糊弄的APP端页面就这样搭建好了，虽然在制作过程中一直在嵌套容器，于我个人而言，正是通过这些容器的嵌套，才保证了页面的规范性。最后呈现的效果是这样滴。接着在列表容器中放置两个弹性容器，分别在弹性容器中填充对应的内容，在填充内容之前，首先设置弹性容器的内间距和外间距，同时在该弹性容器内的框架搭建好，分别在放置的文字组件内填写文字名称。搭建页面之前必不可少的步骤，创建应用，输入应用名称和行业分类，选择APP应用类型，页面布局根据具体需求选择，这里我选择的是底部导航。模版页面，大家不要见怪哈。

2024-01-29 10:47:10 1589

原创浮木云学习日志（4）---交互编排

上次分享了浮木云的静态页面搭建，教我们在短时间内快速形成一个原型页面，但一个完美的原型设计怎么可能少的了动态交互效果呢？今天我将给大家分享的是浮木云平台的重头戏---交互编排。顾名思义，交互编排就是编排原型页面之间关联交互，使得页面呈现动态交互的效果。如果说原型页面是原型设计的灵魂，那么页面之间的动态交互效果就是原型设计的点睛之笔，建立动态交互效果，无论是对客户还是对研发，都能通过原型设计很好的理解业务需求逻辑。接下来请让我们一起进入浮木云平台学习一下浮木云的交互编排吧，为我们的原型设计添砖加瓦。

2024-01-25 13:40:11 788

原创浮木云学习日志（3）---搭建静态页面

为了让整个统计块内容表达清晰，排列整齐，在第一个弹性容器自动换行调整为“否”，然后分别放置5个小的弹性容器，用来填充图片，“未发货”，“已出货”，“已完成”和“已延期”，可以发现这5个小的弹性容器都在一排。在第一个弹性容器中放置“查询容器”，并在“查询容器”中分别放置两个“输入框”和一个“下拉框”，分别在“属性配置”中对“输入框”和“下拉框”填写对应的“标签”，这样一个好看的查询布局就配置好啦。根据浮木云的快速入门，放置弹性容器，先将整个页面的框架布局定义好，这样就可以在对应的框架布局中填充对应的内容。

2024-01-20 19:21:27 767

原创浮木云学习日志（2）----基础知识

样式配置就是给选中的组件配置布局样式、背景样式等，布局样式中可以设置被选中组件的高度、宽度、顶部、左侧、右侧、底部等边距，背景样式中可以设置背景图片、颜色、边框的样式等。下面介绍的就是浮木云的基础概念了，有：应用、子应用、导航、页面、画布、组件、交互编排、动作卡片、属性配置、样式配置、结构树、自定义组件、源码导出、应用发布、模板中心。组件就是在搭建页面时使用的元素，通过使用不同效果的组件来搭建出不同样式的页面。不同的组件有不同的属性，可以通过配置原生属性、扩展设置等属性来调整组件，从而调整搭建的页面。

2024-01-12 09:18:35 813 1

原创浮木云学习日志 (1) ---比Axure更良心好用的软件设计平台,看这里!!!

小伙伴们都会发现，它的组件库中的默认组件又少又丑，想要一些好看组件，Axure基本上都没有，成功避开了我想要的正确答案，说到这里，肯定很多小伙伴不乐意了，Axure自身可以灵活导入自定义组件啊，而且又好看又实用。说起这个交互效果，我真的不得不吐槽一下Axure，Axure交互是最复杂的，就拿一个简单的页面跳转，对于产品小白来说，就要捣鼓几分钟，才能有一个页面跳转的效果，这就大大拖累了原型的产出速度。首先，我得承认我不是一个资深的产品经理，但是我的需求就是要用最短的时间做出简洁好看的页面。

2024-01-04 18:45:11 424 1

shouqian2021的博客