首页 > 教程 > 关键词 > 卡片设计最新资讯 > 正文

探探和 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

  • 相关推荐
  • 大家在看
  • 是时候,扒出探探产品经理了

    未来的某天,当人工智能可以通过图灵测试,以至于难辨真假的时候,你会拒绝一个为你精心设计的伴侣吗?对大多数人来说,答案是否定的。

  • 欧科云链OKLink行业观察:ETH矿工或将开启大迁徙

    6 月 23 日,以太坊官方博客更新其开发进度,Altona v0.12 测试网预计将在下周启动。这也就意味着,在经过探讨和不断的改进后,以太坊开发团队终于将启动第一个公开的、多客户端测试网络。 与目前的多客户端测试网类似,Altona更像是一个开发者网络,而不是一个以终端用户为中心的测试网。也就是说,Altona首先是让客户端团队在产品设置中检查v0. 12 软件,同时让ETH2. 0 开发者作为一个整体来解决可能只在多客户端设置中出现的bu

  • 区块链FBI再升级,欧科云链OKLink添加地址标签功能

    随着新基建范围的确认,区块链技术将迎来快速发展已经成为了不争的事实, “区块链”也成为了 2020 年的新兴主流词。提起区块链,主流大众对区块链的印象更多还是停留在以比特币、以太坊为代表的加密货币。而对于用户来说,资金安全是涉及到资产问题时最为关心的一个问题。安全事故频发,资产保障堪忧据外媒Cointelegraph消息,数字资产情报公司CipherTrace不久前发布报告称,仅 2020 年前五个月,犯罪分子在新冠疫情蔓延之际利用?

  • Space X将60颗Starlink卫星送入太空

    DoNews 6月4日消息(记者 刘文轩)Space X今天宣布,在载人发射成功4天之后,60颗Starlink卫星在美国东部时间21点25分被成功被送入轨道。这60颗卫星采用猎鹰9号运载火箭发射,其中一颗带有可部署的遮光板,为降低未来卫星亮度进行测试。Starlink是SpaceX推出的一项通过近地轨道卫星群,提供覆盖全球的告诉互联网接入服务。马斯克在2015年宣布了这项计划,计划利用卫星取代传统的地面通讯设备,帮助偏远地区接入宽带网络,并为城市?

  • 迈聆会议(MindLinker)打造屏幕间的会议价值

    随着万屏时代的到来屏幕作为远程视频会议的唯一载体让参会人与Ta的故事越来越丰富MindLinker作为多屏互动视频会议专家在保障音视频传输极致稳定情况下更注重与“屏幕”间的互动协作让线上沟通如同线下沟通一样的流畅通过MindLinker与会议平板的无缝连接让跨界的沟通,如同身临其境打造更高效、无边界的会议协作“屏”间呼叫MindLinker会议平板端实现平板间呼叫入会让参会方式更快捷高效无“线”投屏MindLinker内置无线投屏功能无需?

  • Gravitylink推出钛灵AI市场,深入解决行业痛点,加速AI落地应用

    随着科学技术的发展,人工智能已渗透在城市的各个角落和生活的方方面面。在算力和算法技术发展迅猛的同时,人工智能行业又面临应用场景不明确、算法碎片化、研发成本极高等诸多市场挑战,难以落地实际应用场景之中。 可见,要深入解决行业痛点,加速AI落地应用是所有AI行业都应思考的问题。深圳时空引力科技有限公司(简称Gravitylink)致力于为全球开发者搭建AI模型交易服务平台,打通AI产业上下游,帮助AI服务商提供展示和交易?

  • 欧科云链行业观察:OKLink带你参与不容错过的以太坊2.0

    如果说区块链有热搜榜,那比特币和以太坊注定要霸占 2020 整年的榜单前列。比特币减半的热度才退散,以太坊2. 0 迅速接力。北京时间 6 月 15 日,以太坊正式启动测试网Onyx。曾经被人笑称“永远还有 18 个月”的以太坊2.0,终于到了临门一脚的时刻。以太坊重点项目的企业孵化器 Consensys 正在机构用户的支持下,测试 “ Staking as a service”。这一服务可以让机构用户从以太坊2. 0 中赚取收益。第一批参与的机构用户包括Matrix

  • SpaceX成功发射第九批星链卫星 Starlink什么时候商用?

    据外媒报道,北京时间 6 月 13 日 17:21,SpaceX成功发射第九批星链卫星。SpaceX 使用猎鹰 9 火箭将 58 颗 Starlink 卫星和 3 枚 SkySats 卫星送入了轨道。至此,SpaceX累计发射「星链」卫星 540 颗。

  • OKLink区块链浏览器添加地址标签,为用户资产安全保驾护航

    北京时间2020年6月10日,欧科云链OKLink区块链浏览器完成产品升级,在BTC浏览器添加地址标签,覆盖全球范围内多家主流交易所。 地址标签,简单来说,就是给发送/接收加密货币的虚拟地址添加标签,以便更快速地识别不同的虚拟地址主体,追踪各个地址间的资金动向。用户在打开欧科云链OKLink区块链浏览器后,可以在交易详情、地址详情等页面查看到已经收录的地址标签。 对于用户来说,资产安全是涉及到资金问题时最为关心的一个问题

  • 探探新增“发现”页 强化短视频和社区属性

    【TechWeb】6月22日消息,社交软件探探的新版本增加了“发现”页,App会基于地理位置推送附近其他人发布的图文、视频等,用户可通过点赞、评论、关注与发布者互动。如图,此次探探对App界面进行了改版:原来在二级页面中才能打开的聊天、朋友圈等功能,被设计成“消息”、“发现”按钮被放置在开屏底栏,在“发现”板块内的“附近”按钮下,目前是以信息流的形式呈现附近的用户发布的图文、视频等内容。与过去只有已匹配朋友才能?

  • 探探用户晒618抢购清单 女生买单不稀奇

    【TechWeb】6月10日消息,据社交平台探探数据显示,在探探平台上,90后用户占比近80%,其中95后、00后用户成为新增主力。最近618将至,很多用户在探探上晒出准备消费的“剁手”清单。我们也能从这些清单中可以一窥90后用户们的消费偏好。相比于“美酒鲜花、烛光晚餐”,现如今的年轻人更懂得如何将礼物送到对方心坎上,而不再惯用以往的“套路”,“为爱定制”成90后送礼趋势。另外,有趣的是,选购礼物“男生负责送,女生负责收?

  • 探探新增“发现”页,现在App会基于地理位置推送附近用户动态

    DoNews 6月22日消息(记者 程梦玲)社交软件探探的新版本增加了“发现”页,与过去只有已匹配朋友才能互看个人动态内容不同,现在App会基于地理位置推送附近其他人发布的图文、视频等,每条动态的底部会显示与发布者地理距离、发布时间,推送不分性别。用户可通过点赞、评论、关注与发布者互动,还可以看到此时此刻身边有哪些人正在使用探探、发布内容,并通过点赞、评论、关注向其表达交流兴趣。如果彼此互相关注,即可直接配对聊

  • 戴森全新Digital Slim轻量无绳吸尘器全球首发——轻量科技,性能不妥协

    今日,戴森Digital Slim轻量无绳吸尘器于中国市场全球首发。它是戴森无绳吸尘器中重量最轻的一款产品,搭配吸头后仅重1. 5 千克,重量减轻30%、体积减小20%,性能却依旧强劲。作为一款专为中国家庭设计的产品,戴森Digital Slim轻量无绳吸尘器经过了大量的居家环境测试,能够满足中国消费者高频率、深层次、全方位的日常清洁需求,轻松吸除家中的大小颗粒和看不见的微尘与过敏原。戴森全新Digital Slim轻量无绳吸尘器全球首发戴森?

  • 设计实战 赞扬设计服务带你探究LOGO设计

    我们都知道,每个公司都有着它自己的独特性,这种独特性是由它的发展历程和特有的服务细节所塑造的,也正是因为这种独特性的存在,设计师们才能基于它们来为这些公司企业进行LOGO设计。LOGO绝对是最能够直观的体现一个公司属性和风格的东西之一。专门设计一个独立的、与众不同的LOGO是一件很艰难的事,因为就目前市场上存在的公司企业和五花八门品牌LOGO实在是太多太多了。LOGO设计的独一无二,对公众而言,能够看一眼就能快速的想起某一?

  • Blackpink打破了YouTube的24小时观看记录

    BLACKPINK在 26 日发行先行曲《How You Like That》回归乐坛,MV在上线不到 24 小时就打破YouTube纪录,获得 8240 万点阅。这可能是最快达到 1 亿次观看的视频,它在 30 小时内获得了 9400 万次观看,截止发稿时间已经突破 1 亿。

  • AppClips是什么功能 AppClips怎么使用

    苹果iOS14系统中加入了一个全新的AppClips功能,这个功能是可以让用户不下载全部应用的情况下就可以使用该应用的功能,那么AppClips是怎么使用,这里我们来了解下AppClips功能的介绍。

  • “DiDi说泵”推广价格预估,靠谱的自媒体推广平台

    备注:本文数据来自站长之家移动传媒平台,文章涉及的数据依托平台大数据计算所得,非百度官方数据,仅供参考。DiDi说泵是当前百家号中的普通号,目前账号百家号权重为0,综合排名位列1049940名,社会分类排名位列139040名,领先了6.0%的百家号。 DiDi说泵百家号概况 DiDi说泵的简介为八年工业泵实战经验帮你水泵选型!,是一家主旨明确、领域专注的自媒体作者,截止目前为止他们已经在百家号上发布了超过0篇的游戏内容,最近该作?

  • 探探6周年数据报告:全球用户数超3.6亿 90后用户占比近80%

    近日,探探发布 6 周年数据报告。报告显示,探探自 2014 年上线至今,探探全球用户数已超3. 6 亿,其中 90 后用户占比近80%,60%以上活跃用户完成真实头像认证。同时, 6 年间,探探平台累计完成匹配数超 151 亿次,平台聊天消息总行数超 1100 亿。进入 2020 年后,探探平台每日新增照片数超 100 万张,接近 6 年均值的 2 倍。

  • 丐帮设计打造人人共享在线设计平台

    受疫情影响,互联网经济整体增速放缓,新的营销困境也随之而来。流量是企业的核心困境,而营销渠道是流量的新动能。丐帮设计率先打破了数字化营销的技术壁垒,通过强大的人工智能技术,研发出能随时满足用户需求的设计共享平台。人人都是设计师提到设计,我们会想到什么?是长城、金字塔那样的伟大建筑?是每年巴黎时装周的高定新款?还是埃舍尔的矛盾空间?是,却不止如此。工薪族如何做出精美被老板夸赞的PPT?自媒体人怎样作图?

  • 设计师的福音,超高颜值的ConceptD 3设计本

    对于众多设计师而言,一款专业的笔记本必不可少,但在笔记本市场上符合设计师需求,轻薄、性能、色彩与颜值都满足设计师群体的笔记本少之又少,如何选择选择一款适合创作的笔记本成了众多设计师们的难题。2019年,宏碁针对设计师群体推出了ConceptD系列设计本,在保持轻薄的同时拥有高性能,并为设计师们带来精准的屏幕色彩,提高创作效率,成为众多设计师的不二之选。并在今年618京东购物节之际,宏碁开启限时优惠,618期间购买Co

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