已然成熟的卡片式设计,遵循着怎样的设计规则?

已然成熟的卡片式设计,遵循着怎样的设计规则?,第1张

已然成熟的卡片式设计,遵循着怎样的设计规则?

当一种想象的技能趋于远离成功时,我们往往能总结出丰富完整的基础理论。在移动端慢慢占据核心而办公桌的武器装备还处于核心消费水平的阶段,把两年的想法夸大合成,是一件纯粹自然的工作。很多人都参与其中,从办公桌转到移动端是一件非常平和的工作。设计师要求创意与不同的显示屏兼容,而卡片式创意正是那种减少健康、繁荣到明天的情况。

无论是主打卡牌理念的Android,还是卡牌元素越来越多的iOS,还是将卡牌元素玩得炉火纯青的脸书、Twitter等巨头,都可以清晰地看到卡牌理念推广战的恢弘动能。它丰富而整洁,具有高质量的存在感,可以加强天空结构的内容,易于扩展,非常灵巧。

另外,很多缺点和可行性也意味着你要想象出感觉足够好的卡牌元素,你要有足够好的发展策略和审慎的想法,否则你的想法很可能就是一个失落的商品。

首先,用卡片想象自己。

在开始讨论卡式思路的基础理论之前,我们要求对卡式思路的基本思路进行梳理,并讨论其不足之处。

UI中的卡片使用了卡片在理想化世界中的特征和观点。但是UI中的卡片是长方形的,里面加载了图片、文字、链接、按键等不同的元素。这是一个卡容器,但是每当卡与一个元素或一个以一个元素为管理中心的工作组元素合并时。差异化要素在差异化卡片中各司其职,差异化卡片组组合在一起形成功能页面,大致分组在一起。

模型的卡片结构

比如一个电商网站,假设设计师会用卡片推出品类目录。据推测,在新闻媒体中,卡片是用来推出顾客取回的物品的。在信息网站中,卡片经常被用来发布不同的信息。

卡片的缺点也很明显:

有特色元素的卡片有固定的方法,适合呈现各种不同规格和特点的元素。

对比:卡片移动端显示屏呈现的结果非常细腻。移动端需要流畅灵巧的整体规划,卡的那一面非常适合。卡片让整体规划更加灵巧。三张卡片可以在桌面上呈平行的三列,一列可以在移动终端上拍摄。两个整体方案都可以解决客户的参观海关。

建设性:卡片可以结合有效天数,有效天数是区分病例的要素,无论是图片、视频、文字还是CTA按钮。由于卡本身的协调性,设计者可以熟练地、有目的地协商每个元素,而不用担心其他元素。卡设置了同样的客户方式,让客户更强更快。

简约:极简风格的想法是目前的一个支流,也是一个流行的想法。在极端的风格和气魄下更容易让客户掌握内容,在优雅方面更温柔优雅。卡的想法是物理上极简的和可互 *** 作的。

卡式假设是最好的基础理论。

使用有总体目标的卡片。

虽然卡的功能已经如UI所设想的那样得到了发展和扩展,但这并不是必须的,而是为了更好的使用。为了更好地控制卡片本身的开发和构造,大多数远见者接受了这种假设的元素。

当你的UI中有很多区分大小写的元素,比如图片、文本、目录、CTA按钮等。,需要靠卡才能打开。

加载元素的可变性更小。

客户不必考虑各种元素之间的不同规格。

要求开始一些交互,比如在框中输入,按下按钮连接等。

复杂的互联。

每张卡都带有一个元素,并执行一项重要的任务。各种不同的元素,本不该浓稠泥泞的,已经在一起了,不同的卡牌把它们分开,又把它们驱赶回去,使它们相辅相成,相侵。另外,如果要求特色内容相互配合执行一项重要任务,那么就让他们通过多卡的方式相互配合。限制卡片字数,只要没有要提的段落。

?具体引导客户关注最关键的疑惑或控制。

利用卡片的逻辑结构突出核心区域的内容和疑点。比如把写有大管家书籍信息的卡片放在最上面,这样可以利用排版设计突出重点区域之间的互动。

粗心的图片选择

它是图片UI边缘的视觉元素,意味着它可以吸引世界上的人,使卡片脱颖而出。但不是,图片越好,UI就越高,图片必须传达准确的信息,这是第一位的。图卡的影响力取决于是主次内容还是整合内容。

适用的微观互动

卡片本身就是一个交互元素,卡片上的连接按钮可以参考更多实用的信息,卡片中的纯粹自然也可以发起各种微交互。例如,当您将鼠标光标悬停在卡片上时,您可以触摸并呈现其他内容。

支撑你的脚。

移动想象这边,脚势是主次互动。脚不仅好用,而且幽默的脚与脚的互动还能营造出幽默愉悦的感觉。经过全程拖动移卡,并使用打脸,少按移结构卡,经过全程拖动移闭卡,在webOS阶段之前就已经拥有了。另外,让所有脚势互动的逻辑向后滑,这样才能掩盖感情。

粗心是会磨破的。

创意会让人看很久。规格合理,大小合适的泥图,令人耳目一新。人在不经意,穿帮的时候看到就觉得舒服。你应该让卡片给人一种爱和快乐的感觉。

摘要

如果能很好地运用卡片思想,所有感情的结果将是显著的和壮丽的。今天的远见者之前已经对卡片式思路有过充分的讨论,多元的科研实例可以让你更好的掌握那个思路。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/778251.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-03
下一篇 2022-05-03

发表评论

登录后才能评论

评论列表(0条)

保存