制作姓名卡片大全

卡片设计通过提供清晰的信息结构、可视化吸引力、易扩展性和强大的交互性，为用户界面设计带来了许多优势，使得用户能够更轻松地浏览、理解和互动。

那今天就教大家如何用中继器制作卡片的模板，以及完成多条件搜索的效果，我们会以任务信息卡片为案例案例，具体实现的效果如下：

一、效果展示

• 可以在姓名输入框里输入员工姓名，点击查询按钮后可对输入内容进行模糊搜索
• 可以选择部门和职位，点击查询按钮后可以筛选中对应的卡片
• 可以多个条件同时进行搜索

原型地址：https://zdtwcn.axshare.com/#g=1&p=人物卡片_多条件搜索

二、制作教程

我们用中继器来制作任务信息卡片，一个是因为制作完成后复用性较强，在中继器表格里填写信息就可以自动生成卡片，二是如果要制作真实的搜索或者筛选效果，就要用到中继器。

我们新增一个中继器，中继器里放置我们需要的元件，包括图片原件（对应人物头像）、文本标签（对应姓名、部门岗位、介绍文字）、矩形（对应职责）、背景矩形，如下图所示摆放。

中继器表格里，我们要增加对应的类和填写对应的内容。

• pic列：对应员工头像，右键导入图片就可以了
• name列：对应员工姓名
• bumen列：对应员工所在的部门
• gangwei列：对应员工职位
• jieshao列：对应员工的基础介绍内容
• zhize1~3：对应员工的3大职责

我们可以在里面填写好，或者在excel里编辑好再复制到中继器表格里也可以。

然后我们将表格里的值设置到对应的元件就可以了，如果是Axure10的话，可以点击所在列，表头有个连接按钮，选择对应的元件就可以了，如果是Axure8、9的话，就要写交互实现：在中继器每项加载时，我们用设置文本和设置图片的交互，将对应列的值设置到对应的元件中。

搜索栏我们主要用到的元件包括文本标签（提示文字）、输入框、下拉列表、按钮和背景矩形，如下图所示摆放：

鼠标单击我们用添加筛选的交互对中继器表格进行筛选，这里需要分开模糊搜索和筛选两部分来讲。

模糊筛选的话我们用到的是indexof函数，这个函数可以在一段文本里寻找另一段文本的位置，如果的出来的值等于-1，就是没有找到，不存在；如果大于-1，就是存在，所以我们用这个函数，将中继器里name列的值对输入框里的内容进行查看，筛选出indexof函数获取的结果大于-1的行。

筛选的话，我们直接用下拉列表的选项==中继器表格对应列的内容即可。但是这里也有一个问题，因为下拉列表里的第一下是提示文字，例如请选择部门。如果用户选择这个后，理应是显示全部内容，但是按上面的条件，就会去中继器表格对应列里找请选择部门这个部门，所以自然找不到任何内容。

所以这里我们要增加情形和条件：在下拉列表选项改变时，如果备选项的文字不等于默认文字，我们就将值设置到一个新的文本，这个文本我们命名为s2（搜索2），不用于显示，只做逻辑处理；如果备选项的文字等于默认文字，我们就将他设置为空。

点击查询按钮的时候，触发这个筛选的交互，如果s2的文字不等于空，我们就用筛选的交互，条件为记录的选项文字==中继器对应列的文字；如果s2的文字为空，就不需要进行筛选，两个下拉列表的筛选都是这样处理。

重置按钮点击时，我们首先要用设置文本的交互，将输入框的内容设置为空，然后用设置列表选中项，将列表选项设置为默认选项。最后我们用触发事件触发查询按钮鼠标单击时，就可以移除筛选了，这是因为相当于对输入框里的空值进行模糊搜索，相当于所有行的内容都包含空值，所以全部都是显示出来。

当然你们也可以用移除筛选的交互，移除所有筛选也行。

这样我们就完成了中继器制作卡片的模板，以及完成多条件搜索的效果的制作了，下次使用也很方便，我们只需要在中继器表格里填写内容，即可自动生成交互效果。

那以上就是本期教程的全部内容，感兴趣的同学们可以动手试试哦，感谢您的阅读，我们下期见。

本文由 @AI产品人 原创发布于人人都是产品经理，未经许可，禁止转载

题图来自 Unsplash，基于 CC0 协议

该文观点仅代表作者本人，人人都是产品经理平台仅提供信息存储空间服务。

后品黄4490姓名图片怎么做 -
别届类19459094049 ______ 是否在图片上写上姓名? 用PS软件或光影软件打开图片〔或制作图片〕,然后打字,再在文字制作效果.

后品黄4490根据你对米芾的了解为他制作一张名人卡片? -
别届类19459094049 ______ 米芾的名人卡片如下:姓名:米芾 朝代:北宋 职称:书法家、画家、书画理论家 外号:米颠 成就:创立米芾体,与蔡襄、苏轼、黄庭坚合称“宋四家”.作品:《多景楼诗》《虹县诗》《研山铭》》《拜中岳命帖》等 简介: 米芾书画自成一家,枯木竹石,山水画独具风格特点.在书法也颇有造诣,擅篆、隶、楷、行、草等书体,长于临摹古人书法,达到乱真程度.、 米芾是北宋最杰出的艺术大家之一,造诣全面,主要体现在书法、绘画与收藏三个方面.

后品黄4490手机如何做姓氏图片呢? -
别届类19459094049 ______ 只需要打开图片输入文字就可以了,比如“我姓王却忘不掉你的笑颜” 这个很简单的,软件是美图秀秀,其他软件也可以.

后品黄4490什麽软件可以制作打印名片或各种证件?? -
别届类19459094049 ______ Business Card Designer Plus这是一个专业级而又使用简便的名片及其它商业卡片的制作工具,可设计 双面或折叠式名片,支持文本、图像和 OLE 的直接嵌入.http://www.okget.com/Soft/Soft_314.htmCardMaker全球最优秀的名片、卡片、胸牌...

后品黄4490如何设计一套属上自己名字的魔法卡片 -
别届类19459094049 ______ 上网上弄个图片编辑器,把图片合成上去,打上名字就好了.采纳哦

后品黄4490请问做名片在哪里做的 -
别届类19459094049 ______ 要方便的话去QQ好友或QQ群搜索下本地印刷或广告,都有做名片的.一盒才20几块钱,便宜的很.也可以去线下找印刷,广告类的店,他们基本有印刷名片的.. ---壹人1杯---水杯制造 ---祝您生活愉快

后品黄4490有机玻璃做的姓名卡 -
别届类19459094049 ______ 深圳的先锋龙有机玻璃制品公司吧,我公司的有机玻璃产品都是他们加工的,只要你发个图纸给他们,他们就能做出来了,工艺挺精细的,价格公道合理,推荐你找他们咨询一下.

后品黄4490带名字的图片怎么制作呀 -
别届类19459094049 ______ 用图片软件就可以,最容易用的是ACDSee,去网上下载一个吧,里面有一项是添加文字,字体、大小的都可以自己选择,很简单.

后品黄4490谁有PS制作名片的教程.. -
别届类19459094049 ______ 名片的大小一般为90毫米*55毫米,名片有横向和纵向两种排版方式,本文将以横向排版为例;名片纸的大小一般为196毫米*296毫米,切割名片一般用专门的切卡机,也可以用美工刀配以直尺、垫板进行切割,考虑到大多数朋友可能没有切卡...