卡片设计有哪些规则

在界面设计中，卡片作为常用设计方式之一，较好地平衡了视觉美感和功用性，在帮助界面从单一信息展示页跨入更个性的体验转变中，发挥着重要作用。

物理世界中，卡片是用以承载信息的独立矩形薄片。例如电话卡、明信片、身份证、扑克等均属此类，其具有外形小巧、方便灵活、内部信息独立、易分发等特点。

转至虚拟世界，卡片继续延续了其灵活、易分发的特点，在内容推荐、功能分类等模块中十分常见。

卡片一般由信息内容和操作组成，卡片外部主要呈现该卡片包含的最重要（最具吸引力）信息和操作，卡片内部再进行详细阐述，提升用户浏览和操作效率。如我们常见的Pinterest、Instagram等都采用了卡片式布局的方式来处理和展示信息。

1. 极佳的隐喻：卡片是我们物理世界中常见的信息载体，当它延伸至虚拟世界后，其信息结构和交互方式更容易被感知和理解。

2. 极强的内容组织力：卡片间相互独立，归纳组合相同维度内容，区分并聚合不同维度的内容，形成清晰连贯的内容组合。

3.屏幕拓展：同形态的卡片排列，欲露未露的一部分可暗示用户滑动查看更多（猎物奖励原理，也鼓励用户下意识地滑动以获取更多信息），提高空间利用率。

4.统一性：卡片近乎无穷无尽的变化和组合形式决定了其可以根据承载设备的尺寸，轻松扩展或者收缩，有利于构建跨设备的统一美学性。

5.抓住注意力：通过模拟景深的效果来表达内容信息的层级关系，突出重点内容（拉开与背景环境的差异），具有空间感（吸引力）。

6.灵活性：正因为卡片内容的相互独立，决定了卡片间可以随意组合、动态呈现重点，帮助用户更有效地获取对其有用的信息。

7. 强大的交互性、操作性，视觉深度，例如陌陌删名牌，app store首页卡片通过扩展收缩的手势来开关详情页。该部分可借助移动端的自然手势交互方法进行设计。

A、流：流是根据一定规则抽离出信息库中的部分信息，重新排列组合呈现给用户的信息组合。信息块内部信息类别丰富且操作多样，信息块之间独立分散，如Pinterest。

B、发现探索类：在该场景下，信息多含有较强的视觉效果，以卡片的形式展现，可使用户更沉浸于当前内容，如最美有物首页。

C、独立的信息块：当需要单独呈现某信息时，卡片作为容器的作用就发挥了出来。例如，iPhone待机状态下，出现的通知组，独立呈现、互不干扰、单独操作；常见的弹窗也属于此列。

卡片虽然具有以上优点，却也因此而具有信息密度较低、占空间的特点。

在设计中，当页面内容属于未承载很多操作且同质化时，可直接使用列表代替，例如新闻推荐页，每个信息组仅由结构化的文本和图片的组成，完全可用简单的网格代替。

可以使用PS进行环保卡设计制作。

1、新建一个800*600像素的空白文档选择画笔内工具，找到容绿色的树叶，新建图层，点击一下，再次复制一个副本树叶图层，调整到合适的大小即可。

2、新建图层2，选择叶片的画笔工具，设置画笔的大小更小一些绘制嘴唇，对于绘制的边缘比较多的部分，可以选择橡皮擦工具进行擦除，再次设置前景色为白色，继续绘制，调整到合适的大小即可。

3、设置前景色为深粉色，对嘴唇的边缘进行绘制，绘制好多余的部分选择用橡皮擦工具擦除。如图所示

4、按住crl+T自由变换图形，选择变形工具拖动控制点进行调整，调整大小到合适的位置。如图所示。

5、按住crl+T进行自由旋转变形调整，调整到对角线的位置后，如图所示，选择横排文字工具输入文字，设置文字的颜色为绿色，将文字的大小调小到合适的位置，这样一张绿色的环保卡片就设计好了。

在平时都会有很多废旧的东西，但是可以重复二次利用，比如做一个读书卡，自己做的读书卡又方便又好看。那怎么做读书卡呢？我们来了解一下吧！

读书卡怎么做 如何做读书卡

1.卡片要做好编排分类。根据个人的设计安排而定，比如：可以定语文知识001，写作知识002、史地知识003、自然常识004。“类别”可以作为大的分类，进一步细分类可列为“细目”。如：“写作”可分外貌描写、动作描写、神态描写、景物描写、开头、结尾。总之，编排分类要合理，并且便于查阅就行。

2.卡片要写清“书名、作者、出版”栏。“书名”栏有时也可以填写文章的题目。“出版栏有时也可以填写文章所登载的报刊杂志的名称。这三个栏目一定要填清楚。这样，如果要查阅作品原文就方便了。

读书卡怎么做 如何做读书卡

3.卡片内容一般都比较简短、精当。有的卡片可以搞“文句摘抄”，把文章中的精彩片断或句子、词语抄下来。比如上面举例就是一段环境描写的片断，积累下来，可供我们写作文时学习和借鉴。有的卡片可以搞“内容摘编”，把文章中重要内容扼要地摘录整理或做文章各部分的标题摘抄等。此外，摘抄的内容后面不要忘了记下摘抄部分在书中的页数或报刊的期号版号。

4.卡片可以使用特制的卡片纸，也可以用硬一些的白纸自己做，一般尺寸是12.5cm×7.5cm。如果再用一个专用的小盒存放，积累和使用起来就更方便了。

手工卡片的制作方法

1、首先找到高质量的卡片纸。卡片纸，顾名思义，就是卡片材质的纸张，是制作贺卡的理想材料。卡片纸通常比较厚，质量也比较好，你可以在文具店或者工艺品制作店购买到。根据你想做的卡片式样不同，可以多买几种颜色备用。比如做卡片的时候可以做多层式样的卡片。想要把卡片做得专业，每一张卡片最好用两种互补色。

先从两张纸上分别剪下形状一样，一大一小的图形式样，然后将小一些的粘在大一些的卡片中央位置，这样造型就会显得比较别致。折叠起来以后，在卡片上写下祝福语也显得尤为精致。如果你不想因为写字而在卡片背面留下凸痕，也可以在卡片内部夹上普通的白纸用来写祝福语。

2、将其他材料集合起来。根据卡片风格、种类不同，你可能需要以下材料：

胶水或者浆糊棒制作卡片方法 2。

笔头写起来十分顺滑的笔制作卡片方法 2。

剪刀制作卡片方法 2。

照片或者从杂志上剪下来的图案。制作卡片方法 2。

尺子制作卡片方法 2。

其他任何你想要用的装饰。

制作卡片方法 33剪下基本的卡片形状。选好贺卡最外延部分的颜色后，就按照相应的尺寸剪下来。标准的贺卡是长方形的，对折后的大小通常是5比7英寸（12.7比17.8厘米）。由于这个时候还没有对折，所以需要用尺子两处大小为这个尺寸两倍的面积，然后用剪刀仔细地剪下来。你最好将卡片的直角处剪直。所以如果有条件的话，可以用裁纸刀。

另外别忘了再剪下一两张颜色不同的卡片。将不同颜色的卡片剪得形状相同，但是尺寸小一些，每一边大约小3到5厘米。然后将小一些的卡片用胶水粘在大一些的卡片中央，完全晾干后对折卡片。

你还可以在卡片的另一面也做同样处理。这样卡片的两面都有独特的设计了。卡片的形状和粘贴的位置其实都可以随性发挥，根据卡片风格、心情、时节不同自由调整。

制作卡片方法 44仔细地将卡片对折。折痕一定要均匀细致。接下来将卡片夹在一本较厚的书里，这样可以让折痕压得更平展。一切做好之后，就可以在卡片的内页写上祝福语，然后对贺卡进行最后的装饰了！

制作卡片方法 55也可以考虑做明信片式的卡片，而不做折叠式的。这样就省去了做出折痕效果的麻烦，只需要在卡片纸上剪下大小合适的尺寸，在卡片的一面做装饰，然后留出另一面用来写下信息、祝福话语、地址，并贴上邮票即可。这种做法再简单不过了。

加上更多的细节

制作卡片方法 61可以考虑加上压平的干花、贝壳等装饰。卡片的外部是重点需要装饰的部分。根据季节、场合、对象不同为卡片定一个主题。

平整的干花可以很容易地粘在卡片上，如果是春天，这样经过3D装饰的卡片看起来十分引人注目。如果你刚好擅长园艺，这种装饰再合适不过了。

制作卡片方法 72也可以走简约路线，拼贴几张图片。可以找些旧课本、儿童书、杂志、报纸等等，这些都是做卡片的好素材。如果身边没有这么多存货，也可以在地摊上、跳蚤市场上找点便宜，甚至免费的旧书。

自然风光类的杂志、广告比较多的杂志也都是取材的好地方。这类杂志色彩丰富，对比鲜明，用来做剪贴材料非常合适。

还有一个相当划算的捷径，就是记得留下旧贺卡，然后从上边剪下一部分来二次利用。要是做圣诞卡片，可以从旧贺卡上边剪下圣诞树等应景的图案，贴在新卡片的正面中央。没有人会注意到其中的奥妙，而你则省了不少钱。

制作卡片方法 83如果你的画工不错，还可以自己在卡片上画画。你不用非得特别专业才行。根据对方喜好，有时候一张随手涂鸦的漫画，或者随手画出你的心情，就是节假日、特殊纪念日最好的礼物。如果你的确画得不错，那就更好了。用自己的大作装饰贺卡让卡片更显得用心，朋友家人也就会越珍惜。

制作卡片方法 94可以走优雅简单的路线，只在贺卡上加几样有品位的装饰，比什么都往上边堆却杂乱无章要好得多。一张简简单单的白色卡片上装饰一朵花，看起来就足够贴心优雅，用心写下祝福即可。

如果用拼贴画，不要拼太多图片。最好从杂志或者书上找两张图片，可以有趣、可爱，可以无厘头。但是不要在一张卡片上把你好朋友最喜欢的足球明星的照片贴个五六十张。可以选一张，然后做一个有趣的标题。虽然数量少，但贵在用心、精致。制作卡片方法 9

制作卡片方法 105不要怕做出来的卡片风格太怪。怪怪的贺卡通常比一板一眼的更受欢迎呢。可以加上几个小笑话、几句无厘头的话，或者奇怪的照片，像是诡异的深海生物等等，都是时下卡片业流行的趋势。

有没有什么新奇有趣的东西你的亲戚可能还没听说过？那就从杂志、图片中把相关的情形剪下来，贴在贺卡上吧，像是给光明节巨型章鱼带上圣诞老人的帽子，就可以贴在圣诞卡上了。越是无厘头、越怪越好。

当然了，卡片做得无厘头一点，并不是说就可以不礼貌，尤其是对方是长辈的时候，比如你准备给婆婆写贺卡，或者要制作表达慰问的卡片，可以做得稍稍轻松幽默一些，但是一定要保证对方能够理解你要表达的意思。所以一定要事先对对方的幽默感有所把握才行。

写祝福语

制作卡片方法 111在卡片上写下简单、真诚的话语。你不需要非得将卡片做得特别复杂才行。只需要在贺卡的里侧一面写下几句话，签上名字，然后寄送给收信人即可。如果你的卡片是为了和礼物一并送出，那么更是无需长篇大论，只需要简简单单地写上类似“圣诞快乐”这样的祝福语就足够了。

口算卡片制作过程：先设计卡片外框的颜色，打上文字部分，最后插入一些小图标来美化设计的口算卡片即可。

软件：WORD2020

电脑：华为MateBook14

系统：Windows10

1、外框：先设计出卡片的外框，如下图所示。

2、口算卡片文字部分：设计字体并打入字，如下图所示。

3、口算卡片图标设计：在右上部分，添加设计好的小图标，如下图所示。

4、口算卡片图标设计：在左上部分，添加设计好的小图标，如下图所示。

5、口算卡片图标设计：在左下部分，添加设计好的小图标，如下图所示。

6、口算卡片图标设计：在右下部分，添加设计好的小图标后，口算卡片设计制作完成，如下图所示。

制作会员卡过程中我们需要注意以下几点细节：

1.小凸码为14号字体，大凸码为16号字体，可用Arial体表示,小凸码和大凸码包含空格最多只能19位。凸码可以烫金烫银或者其他金银，特殊要求可以做个性凸码。

卡片设计

2. 凸码与卡的边距必须大于5mm，磁条隔卡内框边（上、下）边为4mm，磁条宽度为12mm。

3.会员卡中的磁条：凸码设计的位置不要压到背面的磁卡否则磁条将无法刷卡。

4.凸码设计的位置不要压到背面的条码否则无法读取条码数据，条码卡根据客户提供条码型号留出空位。

5.色彩阶调：比较理想阶段范围在 18%-85% ，若高光部分低于 18% 或暗调部分高于 85% 则色彩渐变较差。

6.色彩模式应该为C、M、Y、K，正反纯黑色文字或黑底填色K100，纯色块反白字，白字需加白边。

7.正确下单稿为coreldraw文件和Illustrator（CDR AI EPS等格式），做过特效转成点阵图， 文字、符号、图案务必转成曲线

8.内框规格：85.5mm*54 mm,外框规格：88.5 mm *57 mm,卡片圆角为12度。

9.由于卡片印刷载体不一样，故印刷出来的成品与电脑显示的或打印出来的彩稿会有一定色差。

10.填色需依CMYK色簿填色，计算机屏幕颜色和打印机打印颜色，不能做为印刷颜色。

11.线条的粗细不得低于0.076 mm，否则印刷将无法呈现。

12.底纹或底图颜色的设定不要低于8%，以免印刷成品时无法呈现。

13.下单前应在稿件中注明以下事项：

1）.说明卡一共制作多少张,标明卡号从哪个开始以及特殊要求,卡号为小凸码、大凸码、平码或喷码？卡号是否需要烫金、烫银或不烫色？背面有几条签名条？卡号或尾号逢“4”或“7”是否要去掉.

2）.正面如有图案或文字需要烫金或烫银也需重点标注。

3）.如有特殊的制作工艺应在下单稿件中详细说明。

详细滴卡片设计技巧：

卡片是我们随处可见的小UI组件，原因很简单，它们占用的空间非常小，并且可以显示足够的信息，通常还有1-2种选项。

为什么使用卡片：

卡片能够存在和流行，因为它们本身拥有简约的设计和良好的可用性，卡片将会继续流行。

卡片作为切入点，可以进一步展示更详细的信息。

卡片在视觉上也很令人愉悦，因为在大多数卡片上，卡片的图像为卡片赋予了风格。

它们自动适应Web和移动视图。

没有太多认知负荷，毕竟卡片无处不在，用户早已经很熟悉。

它们保持界面井然有序，且非常简约。

UI中的“卡片”就相当于物理世界的卡片。它们可充当容器，将内部信息组合起来。

该原型使用墨刀设计

阴影/描边有助于呈现出卡片的形态，至于你是想使用阴影还是描边，取决于UI的风格。

该原型使用墨刀设计

卡片的好处在于：只要保证视觉上没有太繁多的对比，卡片的背景你可以随便“玩”。

该原型使用墨刀设计

当字体较小时，用户会倾向于“细读”；而字体较大时，用户更倾向于“跳读”。如果字体粗细使用错误，会影响可用性和美观性。

卡片确实很小，因此对比度在分割信息和优先级方面起着重要作用。

可以使用普通按钮、文本按钮或图标。在垂直卡片上，按钮通常放置在底部上；在水平卡片上则是在右侧或底侧。

在可聚焦元素之间添加适当的空隙，也留足够的间距来对内部信息进行分组。

要使卡片在鼠标悬浮时更明显，通常使用较暗的阴影或上升一点高度。

本文转自由墨刀翻译自Dorjan Vulaj 的8 rules for a perfect card design。

望采纳 谢谢~

卡片可以使相关内容自然地呈现出来，让用户发掘其自身兴趣所在。下图中 Tinder 的卡片，向左或向右滑动，系统就会自动推荐可能入你眼的人。Pinterest 在内容架构方面通过图钉将页面设计成类似 masonry 的动态布局，以吸引用户进一步浏览。