导航:首页 > 万维百科 > 网页的卡片设计

网页的卡片设计

发布时间:2020-12-05 01:05:44

1、标题:原型设计中卡片式网页设计技巧有哪些?

详细滴卡片设计技巧:

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

为什么使用卡片:

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

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

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

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

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

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


1.了解构造

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

该原型使用墨刀设计


2.阴影/描边

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

该原型使用墨刀设计

3.背景

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

该原型使用墨刀设计


4. 文本大小和重量

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

5.对比度

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

6. 按钮

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

7.间距和空隙

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

8.对焦和悬停。

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

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

望采纳 谢谢~

2、怎么设计贺卡版面

简单
拿一张硬卡纸,剪成一个心型,再拿两张粉红色的纸,剪成心型,贴在两面。接着,拿两条丝绸绕在两面,在画几个图片就OK了!

3、想做一个广告卡片,求设计

你可以在昵图网上面找找.然后给给你做卡片的人说要那种类型.一般给你做卡片的人都会给你做出同样 的效果.你也可以让他在那上面下载下来.更改下就可以了.要是你请专人设计的话可以要加钱的

4、请问有什么废物利用的创意设计。我有很多像银行卡那样的卡片。。几百张,,可以让我把他们设计起来

有这么多银行卡片吗,那你可以用来制作很多变废为宝小制作了,例如什么笔筒专、收纳盒属、垃圾箱、书签等等。你在百度上搜索《废旧银行卡以及会员卡的废物利用手工DIY》这个专题DIY教程,里面有许多这方面的视频和图文教程。最后建议你在利用旧卡片一起先把里面的个人信息破坏掉,否则被有心人拿去盗用就吃亏了。

5、网页设计作业,用记事本写一个网页,关于圣诞贺卡的,可以用表格和框架,CSS还没学。

我有自己上网页制作课的时候做的网页作业源文件,还有收集的同班同学的一些,不过不是用记事本写的代码,都是用dreamweaver做的,应该可以用的。

6、什么叫卡片式设计

详细资讯请到大腕互联官网查询.

7、如何用word设计工艺卡片

一、用word设置打印页面:
1、打开Word,将页面大小设置为卡片大小;
2、在word中插专入文本属框,将文本框移动到待打印项目空白处,调整字体大小,文本框的边框和底纹均设置为透明;
3、依次插入文本框,直至完成所有项目。
二、用Execl制作表格:
第一行为项目,如名字、性别、成绩、身份证etc,按列编排。将内容输入到第二,及以下各行。注意,不要合并单元格。
三、使用word中的邮件合并功能:
将Execl表格中的数据直接合并到word文档中,检查无误之后就可以打印。

与网页的卡片设计相关的知识