站长之家首页 > 教程 > 卡片设计最新资讯 > 正文

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

2017-03-14 08:58 · 稿源:爱范儿

 君导读:最近,越来越多 app 开始使用「卡片式设计」,例如我们所熟知的高端职场社区 Linkedin 领英和 Facebook。

到底这种卡片式设计怎么用,才能给我们良好的体验?AppSo(微信号 appsolution)为你带来了 5 个实践原则和案例。

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

Pinterest 引入卡片这一概念,基本可以将某主题相关的所有信息纳入一个信息盒子。

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

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

卡片的所有内容只能和一个主题相关。一个卡片可以包含多种元素,但应该主要体现同类信息或内容。这样用户才能更轻松地选择他们所喜爱或愿意分享的内容。

一个模块(或卡片)「包含」一次用户交互。

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

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

AppSo(微信号 appsolution)注:

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

小提示:推荐使用一点阴影来呈现深度,让大家知道卡片是可点击的。

图片来源:nngroup

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

要说什么样的卡片才是成功的,那必然是有良好设计和可用性的卡片了。对卡片稍加打磨,加入少许美学特征,卡片会让人感觉熟悉,同时创意十足。

图片来源:Piper Lawson

  • 大家在看
  • 相关推荐
  • 消息称探探内测直播功能 类似微信的视频动态

    日前,网上有消息称探探正在内测直播功能。根据曝光的截图来看,直播入口位于发现模块的上端,点开后就可以看到正在直播的主播。探探直播功能版面设计,有点类似微信的视频动态。对于该功能,探探官方尚未做出回应。

  • 游戏王卡片游戏《游戏王OCG》正式登陆中国

    据“游戏王卡片游戏”官方微博消息,上海映蝶影视文化有限公司现已得到科乐美公司授权,在中国代理《游戏王OCG》卡片游戏。科乐美数码娱乐有限公司总经理高桥先生也向国内玩家作出致辞。

  • 网页设计有哪些技巧,鱼爪设计来助你

    当我们打开一个网页的时候,相信很多人对于这个网页的美观度都会有一个基本的评价,有的网页设计的十分大气,有的网页设计的杂乱无章,同样都是网页,但是带给用户的视觉体验却是大不相同的,一个新奇且具有创意的网页可以让整个网站都散发出一种活力,能吸引用户在网站上花费更多时间去驻足浏览,那么如何才能做好网页设计呢?网页设计有哪些技巧?一、选择合适的配色方案色彩带来的视觉体验是非常直接的,强烈的色彩可以给人的眼球

  • ​凉幂凉皮,凭借品牌形象设计拉进距离感|许可餐饮设计

    疫情期间,全国人民过上了足不出户的居家生活,时间久了难免会出现无聊、烦躁的情绪。为了排遣这些负面情绪,追剧、数瓜子、立扫把、做手工、做料理……只要是可以用来打发时间的活动人们都参与过了,但在众多活动中,最风靡的一项活动还是在家尝试做小吃。那段时间里,朋友圈和微博热搜上充斥着油条、电饭煲蛋糕、凉皮、珍珠奶茶等各种小吃甜点,成功做出一张凉皮也成为了令人羡慕的炫耀资本。只有真正尝试制作过凉皮的人才知道,

  • 华为获得梯形设计的智能扬声器专利

    华为曾于 2020 年 2 月 2 日向世界知识产权组织申请了一款新型扬声器的外观设计专利,并于 4 月 9 日公布。从专利图片上看,这款音箱采用了椭圆形设计,顶部为喇叭,正面有电源开关机、音量上下、蓝牙和一个圆形按钮,推测是为了更换曲目。左侧有用于充电的USB端口和一个microSD卡插槽。

  • 简约至上的产品设计(1)简单的哲学

    “设计”从来都不是一个狭隘的概念,也从来都不是设计师的专属名词。一个产品固然需要专业的设计,但例如我正在写的这篇文章,运营着的微信公众号,或者是我们工作中准备的一次演讲,整理的一个PPT,乃至于我们出门之前的梳妆打扮,等等,难道这就不属于“设计”的范畴了吗?

  • 极简设计如何能与精致生活共存?

    逛博物馆的时候感触最深的就是古人的精细劲儿,富贵闲人的生活充斥着各种美丽的雕花与纹饰,从生活用具到家居装修,华丽肉眼可见。尽管随着经济的发展,我们也与老祖宗一样追求精是极简设计成为了大势。无论是风靡的苹果系列产品,流行的北欧风、MUJI风,亦或是各种高端家用电器,“少即是多”的设计理念越来越深入人心。虽然简洁的设计让人们得以从嘈杂的信息流和浮躁的情绪中获得片刻解脱,但与此相对的是,也产生了一个问题,对

  • 智米3款电器获得2020年红点设计大奖

    近期, 2020 年德国红点设计奖评选结果正式公布。由小米生态链企业智米科技研发设计的智米新风系统、智米加湿器、智米智能暖风机三款产品斩获三项大奖。德国红点设计大奖(Red dot)由德国著名的设计协会Design Zentrum Nordrhein Westfalen设立,是以“工业设计”为评选标准而举办的国际奖项,迄今已有近 50 年的历史,与德国iF、美国IDEA、日本G-Mark并称为世界四大设计奖。今年,共有来自全球 60 个国家,超过6, 500 件产品参?

  • 福特汽车依照中国速度、中国设计、中国智造,加速前行

    时下消费者随着对车的了解,除了油耗这种硬指标,越来越看重配置这些软性指标。福特作为一个老牌的汽车品牌,福特汽车推出的产品总是结合了技术、实用性和经济性,使之成为一种广受欢迎的车型。2018 年,福特汽车宣布了“中国 2025 计划”。该计划包括到 2025 年底,在中国推出超过 50 款新车型,其中包括 8 款全新SUV车型,至少 15 款福特和林肯品牌电动车型;聚焦加速产品本地化进程;快速提升在中国的工程及研发能力;以及进一?

  • 千图网七周年:感谢爱设计的你

    有人说 7 是一个很特别的数字,是一个完美的节点,也是一场全新的起航。7 周年,对于千图网而言注定也是意义非凡的一年,它是一种坚持、一种信念、更是一种对未来的笃定!2013 年 4 月 3 日,国内优秀的“设计&办公”创意服务平台——千图网正式诞生。转眼间,千图网已经七岁了。在过去的七年里,千图网始终秉承着‘做人人用得起的创意版权服务’的发展使命,不断丰富网站正版创意素材,素材涵盖:平面广告、元素背景、创意插画、电?

  • 全国餐饮策划设计专业公司再添新力量!

    北京时间 2020 年 3 月 29 日 12 时 00 分,集美山田组第一分公司揭幕仪式正式开始。集美山田组创始人 吴宗建先生等人共同为集美山田组第一分公司揭幕。这标志着集美山田组拔锚启航,推动服务全国餐企的重要举措,在秉承着为客户做一家旺一家的使命,开启为更多餐企服务的新征程。集美山田组第一分公司揭幕仪式出席本次揭幕仪式的嘉宾有:集美山田组创始人 吴宗建先生、山田集团总经理 吴祖斌先生、集美山田组 常务副总经理 刘津先

  • 骚操作!苹果计划为Mac系列添加FaceID和刘海设计

    继iPhone之后,苹果公司也要给Mac系列电脑加刘海了!据外媒报道,苹果公司计划将iPhone的Face ID面部识别系统引入其Mac系列电脑中,包括笔记本和台式机。

  • iOS 14 代码显示苹果 iPhone 12 或采用无刘海设计

    据 svetapple.sk 报道,有开发者在 iOS 14 的代码中发现一份疑似 iPhone SIM 卡安装指南,指南的示意图显示 iPhone 12 将采用无刘海设计。

  • 苹果向洛杉矶捐赠16万个面罩 由苹果设计和生产

    美国洛杉矶港于当地时间周五宣布,通过捐赠计划,该机构收到了 16 万个苹果公司内部设计和生产的医用面罩。现在,其中 16 万个面罩已经交付给Logistics Victory Los Angeles,这是一家将个人防护设备供应商与需要它们的组织联系起来的机构。

  • Jya两款美学家电荣获2020红点设计大奖

    Jya今年再得佳绩,旗下两款美学家电产品—— 「Jya新光台灯」 「Jya对流电暖器」 斩获 2020 年德国红点设计优胜奖 红点设计大奖(Red dot design award)是由德国著名设计协会Design Zentrum Nordrhein Westfalen于 1955 年创立,借由对产品设计(product design),传达设计(communication design)以及设计概念(design concept)的竞赛,每年吸引了超过 60 个国家, 1 万件作品投稿参赛,有着「设计界的奥斯卡」的美誉。 Jya

  • 打破获奖纪录 华硕荣获26项2020年红点设计大奖

    产品设计奖项数量屡创新高,这是华硕对创新、卓越设计信仰的不懈探索 华硕在产品设计类奖项中赢得了 26 个 2020 年红点奖,打破了一家公司在一届中赢得最高红点奖数量的记录 获奖产品的类别包括笔记本电脑,迷你电脑,显示器,独立显卡,主板,电脑机箱和多款专业游戏产品 由国际顶级设计专家组成的独立评审团,从来自 60 个国家的 6500 个参赛作品中选出优胜获奖作品 2020 年 4 月 6 日,华硕在德国埃森举办的红点大奖上一举斩获

  • 小米智能扬声器曝光!圆形设计具备360度环绕发声?

    ​4 月 8 日,外媒91mobiles爆料称,有新专利信息显示,小米正在打造一款具备 360 度环绕立体声效果的智能音箱产品。同时,它们还公布了小米智能音箱的外观专利图片。

  • 华为新款真无线蓝牙耳机专利曝光,采用入耳式设计

    3月19日消息,华为已经向世界知识产权组织申请了一个新的真无线耳机的专利。本次曝光的图片来看,华为TWS真无线蓝牙耳机采用了入耳式设计,类似三星Galaxy Buds + 设计,耳机里一侧有多颗传感器。主体采用了圆形设计,预计耳机表面支持触摸操控,可以用来控制音量大小、切换歌曲等。这款华为全新TWS真无线耳机有望在 3 月 26 日跟华为P40系列手机一同发布。

  • 动物之森地图编辑器分享 设计让玩家满意的村庄

    集合啦动物之森是一个经营类的游戏,但同时玩家们自助创造的空间十分巨大,尤其是对于庄园的设计可以有非常多的选择,那么如何设计出完美符合自己需求的村庄呢,这里来分享一个地图编辑器,让你可以更好的设计自己的村庄地图。

  • 为何重启AirPower?苹果正设计疯狂的iPhone 干掉一切接口

    对于苹果来说,其实他们一直都在推动终端产品摆脱线缆的计划,所以明白了这点也就该明白,他们不可能真正意义上放弃AirPower。

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议