探探和 Linkedin 都在用的卡片设计,怎样才给你好的体验?

  • 时间:
  • 浏览:31
  • 来源:1分6合网投平台-1分6合投注平台_1分6合娱乐平台

 君导读:最近,越多 app 开始了了使用「卡片式设计」,类似于亲戚亲戚朋友所熟知的高端职场社区 Linkedin 领英和 Facebook。

到底你你三种 卡片式设计缘何用,都还可以给亲戚亲戚朋友良好的体验?AppSo(微信号 appsolution)为你带来了 5 个实践原则和案例。

卡片是简洁小巧的信息盒子。在界面设计中,要平衡界面的审美和可用性,卡片基本是有有有1个 通用选者 。卡片你你三种 设计概念最先被 Pinterest 和 Facebook 使用,而如今卡片的使用可能性渗入了各行各业。

Pinterest 引入卡片你你三种 概念,基本都需用将某主题相关的所有信息纳入有有有1个 信息盒子。

可能性运用恰当一句话,卡片都需用提升 app 的用户体验。这篇文章介绍了 5 种卡片运用的最佳实践,并提供相关的实用案例。

1. 遵循「一卡一概念」原则

卡片的所有内容这麼 和有有有1个 主题相关。有有有1个 卡片都需用带有多种元素,但应该主要体现类似于信息或内容。前一天用户都还可以更轻松地选者 亲戚亲戚朋友所喜爱或要我分享的内容。

有有有1个 模块(或卡片)「带有」一次用户交互。

2. 保证整个卡片都可点击

遵循菲兹定律(Fitts’s Law),要让用户都需用点击或触击卡片的任何每项,而不要是文字链接或图片。无论在移动端的触击屏幕,还是需用鼠标操作的主桌面端,有相对大面积的触击区都可大大提高卡片的可用性。

AppSo(微信号 appsolution)注:

菲兹定律是人机交互领域有有有1个 非常重要的法则。其基本观点是,当有有有1个 人用鼠标来移动鼠标指针时,屏幕上的目标其许多特性会使得点击变得轻松或困难。目标离得越远,到达就越费劲;目标越小,就越难点中。

小提示:推荐使用许多阴影来呈现高度,让亲戚亲戚朋友知道卡片是可点击的。

图片来源:nngroup

3. 保证卡片的视觉享受感

要说那些样的卡片才是成功的,那必然是有良好设计和可用性的卡片了。对卡片稍加打磨,加入一定量美学特性,卡片会我能 感觉熟悉,并肩创意十足。

图片来源:Piper Lawson

有好的文章希望站长之家帮助分享推广,猛戳这里我需用投稿