腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

综合排序丨最热优先丨最新优先

创意卡片式项目管理界面UI设计源码

这是一款非常有创意的卡片式项目管理界面UI设计效果。该UI设计中，将各个项目以卡片的方式堆叠排列在屏幕上，当点击了其中的某个项目的时候，该项目图片会全屏放大，向下滚动鼠标可以看到该项目的介绍信息。 HTML结构该卡片式项目管理界面的HTML结构分为3个部分：.cd-nav-trigger是全屏菜单的触发按钮，nav.cd-primary-nav是全屏导航菜单，.cd-projects-container cd-projects-container.nav-open .single-project:nth-of-type(3) { transform: translateY(97%); } JavaScript 该UI设计中使用

2019-08-09

2.3K0

标签:

形式与功能 – 卡片式设计思考 - 腾讯ISUX

这种排版优化的方法有很多种，我这里主要围绕卡片式设计的理论进行深入探讨，相信大家对卡片式设计已非常熟悉，虽然已流行了好多年，但是设计形式并不是随着使用年龄的增长而消失，芝加哥学派路易斯.H.沙利文提出过 卡片式设计的定义在生活中，我们经常接触到各式各样的类似右图中的卡片，比如扑克牌、名片、机场和地铁的指示牌等等。 ? 如上图，现在卡片式设计的应用场景非常广泛，最有代表性的是微软Win8、Win Phone 7的metro风格，他们也是采用了大量的卡片式设计，据说这种Metro的设计灵感也来自于机场、地铁指示牌。正是因为卡片式设计在微软、谷歌的产品界面的大量运用，很多互联网企业也纷纷采用这种设计，这是应用在PC端的界面，内容部分也都采用了卡片式设计，如下图： ? 总结在信息量大的页面中除了重视内容质量外，形式功能的组织与呈现也是同等重要，对提高用户获取有效信息的效率有着非常大的帮助，这时应用卡片式的设计方式是不错的选择。

2018-06-29

1.5K0

标签:

滑动卡片式效果

滑动卡片式效果效果图代码实现静态布局使用瀑布流效果的StaggeredGridView控件作为GroupView.

2018-06-08

3.1K0

标签:

想做卡片式设计，花瓣不在了该上哪里找参考？

卡片式设计凭借其简单方便又充满逻辑的特性，如今深受移动端UI设计师的欢迎。作为承载信息的“容器”，卡片式设计能够包含文本、媒体和按钮等元素，而且能够适应不同设备、屏幕尺寸，平衡用户界面和用户体验之间的关系。 1 什么是卡片式设计？现如今，我们浏览各个设计网站时，80%的网站设计都是卡片式风格。卡片式设计长什么样呢？来看一组图： ? ▲ 网站设计 ? 卡片式设计，除了能尽可能展现信息以外，其实还具有“逻辑”，即使我们超快速浏览页面，也不会因信息多而感到混乱。卡片式设计将界面用块状分割开来，让页面更加整洁、赏心悦目。 卡片式的UI设计，不仅仅是页面上的控件，它还是创建高质量内容和提供好的用户体验的重要布局元素。上面的例子展示了卡片式设计的最佳实践，最为当下UI设计的常态风格，所以还在等什么？快快掌握起来吧~

2019-04-30

1.9K0

标签:

QQ 强制生成卡片式链接

以前在 QQ 里面聊天的时候发现，有些链接是卡片式的链接，像知乎里那些一样，就好奇为啥我的域名没有生成卡片。查了一下百度知道了大概就是 qq 没有抓取到你的网站的 xml。

2022-02-25

3.8K1

标签:

模仿知乎卡片式链接

模仿知乎的卡片式链接，idea 来自 [兰州小红鸡] 源码 2021/10/2 1:29 更新这是一种后加载，创建linkcard.js放到source/js/src/，然后在next\layout

2022-02-25

8340

标签:

卡片式任务映射工具深度解析：如何覆盖需求、设计到开发闭环？

二、什么是卡片式任务映射工具？卡片式任务映射工具是一种基于任务卡片的结构化组织方法。它不仅关注任务的内容和进度，更通过卡片之间的映射关系，呈现出任务流、依赖链和阶段节奏。市场活动计划编排客户交付任务跟踪敏捷项目的用户故事映射四、如何用好卡片式任务映射工具？卡片任务结合代码仓库流程，适用于技术研发类的任务追踪 Wrike 支持时间线+卡片结构混合视图，适用于市场活动与推广执行类项目 Asana 卡片式任务设计 ": ["首页草图", "用户流程图", "设计审查"] } ]}七、卡片进度与任务状态可视化建议1. 卡片责任矩阵卡片名称子任务数负责人风险状态是否阻塞需求收集 3 产品经理正常否 UI设计 3 设计主管弱风险是

2025-08-05

5960

标签:

TAPD 敏捷项目管理

Power BI 卡片式ABC分析

如果需要更多产品信息补充，还可以设计一个工具提示：实现这样的效果可以使用新切片器视觉对象，将产品ID作为维度：强调栏使用fx进行动态设置：此处颜色度量值为： M.ABC.颜色 = IF (

2025-02-10

5970

标签:

玩转仿探探卡片式滑动效果

第一次进入软件界面，就被这种通过卡片式滑动来选择“喜欢/不喜欢”的设计所吸引了。当时就非常想通过自己来实现这种仿探探式的效果，然而却没什么思路。

2022-07-28

1.8K0

标签:

卡片式设计流行的秘密 — 看完这15个案例你就懂了！

随着Material Design的流行，卡片式设计几乎成为当前界面设计的主流模式，并且已经深入到各个行业、领域的UI设计当中。所以今天摹客将为大家普及卡片设计的理念，整理一些优质的卡片式设计资源，希望能在设计上为你带来更多的思考和灵感。如果你对卡片式设计非常感兴趣，也可以免费下载Mockplus从原型设计开始制作。二、卡片式设计的优势是什么？ Google将它称之为“Inside Out design”（由内而外式），它的本质是更好的处理信息集合。那么卡片式设计具备哪些优势呢？作为早期的卡片式设计先驱者，Pinterest的瀑布流设计的页面设计方式为用户提供了无缝式的流畅体验。同时，减少点击步骤也可以极大限度的留住用户。卡片式设计和瀑布流的结合也就是常听说的卡片流了。 卡片式设计能够帮助用户更好地进行列表归类。Trello的成功也是源自于它采用的卡片式设计。卡片式的任务列表可以灵活运用，使其很好地作用于用户，帮助用户管理任务和工作。

奔跑的小鹿

2020-01-13

4.6K0

标签: