文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

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

    这种排版优化的方法有很多种，我这里主要围绕卡片式设计的理论进行深入探讨，相信大家对卡片式设计已非常熟悉，虽然已流行了好多年，但是设计形式并不是随着使用年龄的增长而消失，芝加哥学派路易斯.H.沙利文提出过...如上图，现在卡片式设计的应用场景非常广泛，最有代表性的是微软Win8、Win Phone 7的metro风格，他们也是采用了大量的卡片式设计，据说这种Metro的设计灵感也来自于机场、地铁指示牌。...正是因为卡片式设计在微软、谷歌的产品界面的大量运用，很多互联网企业也纷纷采用这种设计，这是应用在PC端的界面，内容部分也都采用了卡片式设计，如下图： ?...这是印刷类的杂志界面，如下图杂志里的部分展示信息，也采用了这种卡片式风格。 ?...注明出处格式：腾讯ISUX (https://isux.tencent.com/card-design-thinking.html)

    1.4K20

    如何交互可视化你的卡片式笔记网络？

    1 痛点 在《如何高效实践卡片式写作？》和《如何用卡片法写论文？》两篇文章中，我为你详细介绍了卢曼的卡片盒式（slipbox）笔记和写作方法。尤其是谈及了它在学术写作中的用法。...我个人的体会，是卡片式写作里面，最影响积累和写作心境的，是后顾之忧。这次咱们来谈谈这个问题，以及解决方法。 我主要担心的，是写了的东西，将来再也找不到了。...你看，用卡片式写作，原本的要旨，就是写得轻松愉快。如果总是担心笔记写好了，将来却找不到，哪还有什么写作的积极性呢？ 你可能会纳闷儿： 老师，你为什么不用个靠谱一点儿的笔记工具呢？...也恰恰因为你会遗忘，所以卡片式笔记才是一种不断采撷珍贵想法进行积累的有用方法。 如果你记得有这条笔记，还可以通过关键词检索等方式，把它找回来。 可有的时候，你可能连写过它，都不记得了。...之前写《如何高效实践卡片式写作？》那一篇的时候，我曾经给你看了这样一张图。 ? 于是很多读者都后台留言，问我这张图是用什么工具做的？ 我一直没有回复，是怕误导你。

    1.5K40

    将文章内的超链接改成卡片式链接展示

    目前知乎或者其他网站上，都采用了【卡片式链接】的展示方式，与普通链接相比，卡片式链接不仅美观，还可以展示更多信息，如：标题、图片、网址等。...超链接效果图 卡片式效果图 CardLink CardLink 引入JS 博客的话，采用CDN JS的方式。放在head标签的位置。 npm相关的方式，请参见GitHub。...document.querySelectorAll('article a[target=_blank]')) 当前主题方式：即为div的id=post-content内的超链接，采用卡片式...2.得到结果，使用 new DOMParser() 解析请求结果的 HTML 内容，并使用 dom API 解析获取信息 (如果你厉害你可以使用正则表达式匹配) 3.编辑卡片式链接的 HTML 以及...CSS 样式 4.将解析到的信息插入之前编辑好的 HTML 模板中，并渲染到当前页面 问题 由于这是前端发送请求获取 HTML，可能部分网站会存在跨域 (CORS) 问题，所以 cardLink 允许你使用代理服务器去请求目标网站的

    2.4K20

    当卡片式UI不再流行，列表式UI将是王牌

    随着 Material Design 的流行，卡片式 UI 已经成为现代 web 设计的一部分。尤其是你在提供一个汇总归档信息的界面时。 卡片是提供详细信息的入口。...基于卡片式UI设计的APP截图 文章排版设计的反馈 在重新设计后，经常用户群会有及时的负面反应。紧随其后的是大量的投诉和电子邮件，要求你撤回到旧的 UI 界面。...来自：HotJar 卡片式增加了汉堡菜单的使用 比较菜单图标的使用。我们可以看到一个基于卡片式的网站的更大的用途。...顶行是卡片式网站。 底部是列表式网站。 下面是“最好的”案例 - 你可以看到最多的新闻。 ? 最好的位置看到最多的新闻。 顶行是卡片式。 底部是列表式。...虽然卡片式有更大的影响。 图片是抓住用户的注意。 附加信息如摘录和标签，也可以出现在卡上。 在用户提交请求之前给他们更多的信息。

    4.6K70

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

    作为承载信息的“容器”，卡片式设计能够包含文本、媒体和按钮等元素，而且能够适应不同设备、屏幕尺寸，平衡用户界面和用户体验之间的关系。 1 什么是卡片式设计？...现如今，我们浏览各个设计网站时，80%的网站设计都是卡片式风格。卡片式设计长什么样呢？来看一组图： ? ▲ 网站设计 ?...但用卡片式布局，即使是瀑布流，通过水平滑动也能显示更多内容。 提高可操作性 ? 卡片不仅仅是能够展示信息，同时卡片式设计还具有可以被覆盖、折叠、移动和滑动的特点。...卡片式设计，除了能尽可能展现信息以外，其实还具有“逻辑”，即使我们超快速浏览页面，也不会因信息多而感到混乱。卡片式设计将界面用块状分割开来，让页面更加整洁、赏心悦目。...卡片式设计在网站里随处可见，模块化让整个网站看起来井井有条。 Quora ? 作为一个内容网站，Quora用卡片式设计解决了如何在有限的布局内平衡显示内容和用户体验。

    1.9K20

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

    一、为什么需要卡片式任务映射工具？在复杂的项目中，任务信息常以列表堆积、难以归类，不仅看不清逻辑顺序，还容易导致协作混乱与执行延误。...典型问题包括：任务缺乏映射关系执行上下游不明确优先级判断混乱协作信息碎片化卡片式任务映射工具，通过“卡片为单位、映射为核心”的可视化机制，让项目从“列表式任务罗列”转向“结构化卡片组织”，实现清晰分组、...二、什么是卡片式任务映射工具？卡片式任务映射工具是一种基于任务卡片的结构化组织方法。它不仅关注任务的内容和进度，更通过卡片之间的映射关系，呈现出任务流、依赖链和阶段节奏。...Q4：如何让团队接受卡片式管理？ A：从“可视化结构”切入，通过看板展示替代 Excel 列表，渐进推行。...卡片式任务映射工具，正是建立这样系统的关键手段。借助如板栗看板等工具，我们可以把任务变得不再“散乱”，而是“有形”，让协作不再模糊，让结果不再意外。有结构，才有节奏；有映射，才有共识。

    53610
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券