首页 潮流时尚 > 正文

卡片设计在用户界面设计中的应用方法

发布时间:2021-04-05 20:07:18

在互联网产品中,除了内容类型外,一些功能产品的信息内容也相当庞大,特别是在管理控制系统、业务管理、功能操作、数据显示等方面。除了注重内容的质量外,形式功能的组织

在互联网产品中,除了内容类型外,一些功能产品的信息内容也相当庞大,特别是在管理控制系统、业务管理、功能操作、数据显示等方面。除了注重内容的质量外,形式功能的组织和表达在信息量如此之大的页面中也同样重要,这对于提高用户获取有效信息的效率有很大帮助。

上述形式功能的组织和呈现实际上是关于设计排版的问题,当然,对设计师排字能力也有相当大的要求。排版优化方法有很多种,我主要集中在卡片设计理论上。我相信你对卡片设计很熟悉,虽然它已经流行了很多年,但设计形式并没有随着使用年龄的增长而消失。今天,AAA教育教师郭老师对卡片设计在用户界面设计中的应用方法作了简单的解释。

芯片设计的定义

在生活中,我们经常接触到各种各样的卡片,如卡片、名片、机场和地铁标志等等,这些卡片都与正确图片中的卡片相似。

正如您在上面看到的,它们通常具有以下特点:

一个清晰直观,两个简单易懂,三个信息模块化。

例如,我们可以看到,虽然只有一种图案,一套文字,但非常清楚地传达了这张卡片的含义;例如,机场和地铁标志,使用图标、字体元素,非常清晰和直观地引导乘客的方向,这种由文字或图案组成的方形风格称为卡片设计。这种轻巧、简洁的物理设计也慢慢应用于虚拟设计中。

此外,许多谷歌产品,如Google+和GooglePlay,也采用了这种设计,如下图所示。

正是由于在微软和谷歌的产品界面中广泛使用了卡片设计,许多互联网企业也采用了这种设计,这种设计被用于PC接口,而内容部分也采用了卡片设计。

下图中移动端的接口和模块的可点击部分也采用卡式。

这是印刷杂志界面,使用UI设计卡的设计方法,如https://www.aaa-cg.com.cn/ui/2546.html?gpf所示,在杂志下方部分显示信息,同时也使用此卡的样式。

芯片设计的优势

1.增强点击意识

这是诺基亚的Winphone系统(如下所示)。系统桌面的所有内容都以小方格显示,类似于块类按钮,让人想起可点击的入口点:

二、排字整齐

如下图所示,将信息、图像分类和整合成一个方框,清晰直观,避免页面因信息量大而分散,卡片的排列方式是由列或行对齐显示,视线沿水平或垂直浏览可以快速找到所需信息,此外,这种固定大小的卡框也有利于进行栅格排版。

3.信息模块化

如下图所示,这是GoogleNow的一个界面,它将信息和图像按维集成到卡片中,有效地避免了信息的分散和信息分类的不清晰。就像这种模块化显示一样,它可以有效地减少用户思考的时间,并能快速找到所需的信息。

4.响应性设计

卡盒的高度和宽度可以调整,正是因为这一特性非常适合于响应设计,卡在不同的平台上显示,由于分辨率不同,卡可以自适应显示,这正是卡设计的优势所在。

摘要

在信息量大的网页中,除了注重内容的质量外,形式功能的组织和表达也同样重要,这对提高用户获取有效信息的效率有很大帮助。此时,应用卡的设计是一个不错的选择。

上一篇:街头照片:这位辣妹妈妈真的很时尚,身材相配,都是明星级的

下一篇:最后一页