首页 理论教育 经典的卡片式设计:移动界面设计视觉营造法

经典的卡片式设计:移动界面设计视觉营造法

时间:2023-11-20 理论教育 版权反馈
【摘要】:现如今的移动端UI设计中,卡片式设计撑起了半壁江山,它随性自由又充满了逻辑性,它正在变得更加流行。首先,必须要先知道什么是卡片式设计。如今,在保证界面具有优秀可用性的同时,卡片式的设计甚至成了平衡界面美学的默认做法。图4-19其次,要知道卡片式设计的起源。但如果仔细看,仍然可以识别出它采用卡片式设计。在游戏界面中应用卡片式设计也是一个亮点。

经典的卡片式设计:移动界面设计视觉营造法

现如今的移动端UI设计中,卡片式设计撑起了半壁江山,它随性自由又充满了逻辑性,它正在变得更加流行。下面介绍卡片式设计。

首先,必须要先知道什么是卡片式设计。在各个APP中常常见到的那些承载着图片、文字等内容的矩形区块就是所说的卡片,卡片存在的方式多种多样,当你点击它的时候能够看到更多详细的内容。一般把这种容器称之为“卡片”。从另一个方面来说,它也指那些包含一定图片和文本信息在内的长方形,作为指向更多详细信息的一个入口。如今,在保证界面具有优秀可用性的同时,卡片式的设计甚至成了平衡界面美学的默认做法。因为卡片很方便的显示出界面中的内容是由不同的元素组成的(如图4-19)。

978-7-111-57875-8-Chapter04-19.jpg

图4-19

其次,要知道卡片式设计的起源。卡片式设计正在席卷科技界,但作为一种内容的宣传媒介,卡片已经存在了很长时间。公元9世纪,中国就使用卡片来玩游戏;17世纪时,伦敦的商人利用卡片来招揽生意;18世纪,欧洲贵族家庭的仆人会用卡片向主人介绍即将登门拜访的贵宾;而人们交换名片的传统也已持续数百年。又比如说,人们会互赠生日卡片、贺卡,人们的钱包里塞满了信用卡借记卡和会员卡(当然还有身份证和驾照)。在计算机技术没有普及之前,空管会使用卡片来调度飞机。电影拍摄中使用的故事板也采用了卡片格式,同漫画相似,每一张图(卡片)都代表了一个电影中的场景。照片又何尝不是一张张的卡片呢?每张照片都是一张讲述着独特故事的卡片。另外还有旅途中寄往亲朋的明信片,等等。

对于卡片式设计的卡片来说,它们普遍有两种用途:作为界面或作为界面流的中断(通常以广告的形式)。

a)卡片作为界面。有时你甚至看不到卡片的设计形态,因为它们和屏幕完美重合了。但如果仔细看,仍然可以识别出它采用卡片式设计。卡片式界面通常整体作为一个可触元素。无论点击或滑动至屏幕上任意位置,都可操作。在游戏界面中应用卡片式设计也是一个亮点。(www.xing528.com)

b)卡片作为界面流的中断,卡片式设计也经常以向下滑动覆盖屏幕的方式,用于移动端或APP广告。

与界面式卡片不同的是,这些卡片包含两种链接——强链接和弱链接。可以通过超强链接跳转至产品广告页。点击弱链接则返回上一个界面,一般来说弱链接很难被点击。

从用户体验来看,广告与整体界面的和谐度比较高。虽然这样广告会占满屏幕,但并不会给用户造成太多困扰,因为你仅仅在屏幕卡片顶端叠加了广告卡片,用户可以关闭或者忽略它。卡片帮助用户快速浏览信息,用视觉风格一致的广告提供直接的商业价值(图4-20)。

978-7-111-57875-8-Chapter04-20.jpg

图4-20

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈