写点什么

从列表式 UI 中升华探讨:卡片式 UI 有哪些创新点(二)

  • 2019-12-31
  • 本文字数:823 字

    阅读完需:约 3 分钟

从列表式UI中升华探讨:卡片式UI有哪些创新点(二)

价值点分析:卡片式设计的优点

1. 重塑空间利用价值

我们将卡片当做一个承载内容的容器,不同的内容被规划成不同的卡片,不同的卡片有着适合自己的尺寸。这个时候传统的框架被打破,卡片组成卡片集,空间利用上会得到极大的拓展,同时看起来也具有整体性。


卡片式设计配合以卡片相应的交互操作,可以让空间利用率更加合理。



在 iOS 系统下,appstore 将卡片式设计发挥的淋漓尽致,不同的内容被盛放到相应的卡片容器中。


1.【专题】卡片就像窗口,卡片内的信息可以平铺在一个很大的画布上,用户可以通过窗口滚动浏览信息,当点击的时候,窗口会展开变大,使用户专注于这个类目的浏览与选择;


2.不同的卡片之间采用常规竖向滚动与横向滚动相结合,使得卡片集的组合空间更大,并且可以在横向同类卡片与纵向不同栏目之间快速切换,方便快捷。

2. 内容前置,信息分级

卡片作为一个独立的容器,可以在内容上进行良好的布局组织,将信息分块,突出重点,让用户快速找到感兴趣的内容,避免在繁杂的信息集中浪费时间。



类似于电商中的商品类卡片,商品图片、商品名称、折扣信息、价格等被按重要性组织布局,组成一个友好且连贯的内容体,整齐简练。

3. 跨越终端,多元场景

正因为卡片是一个内容的盛放容器,所以它有一个特别重要的特性是它可以自由变换大小,这使得它在跨终端的响应中表现出色。


同时在不同的终端中,卡片的信息组织并不受影响,这也是保证跨终端体验一致的重要因素。



google 极度推行卡片式设计,正是为了保证各式各样的安卓机分辨率下的一致体验。

4. 拟物视觉,赏心悦目

人机界面交互是一门语言也是一门艺术,界面需要给用户呈现信息,也需要给用户心理感知。感知源于习惯,习惯源于现实,这就是拟物化设计,将用户在现实生活中的习惯与感知传承到界面交互中。



iOS 中的卡包在空间布局允许的情况下,使用卡片式的拟物化设计,将真实且亲切的感知带给用户,同时增加界面趣味性。


本文转载自 Think 体验设计公众号。


原文链接:https://mp.weixin.qq.com/s/vYfol56CZPMStx9JqxrCOg


2019-12-31 14:47876

评论

发布
暂无评论
发现更多内容

对比学习算法在转转的实践

转转技术团队

人工智能 推荐算法 对比学习

鸿蒙开发实例|对象关系映射数据库

TiAmo

华为 华为云 10月月更

分布式事务-消息队列实现分布式事务

zarmnosaj

10月月更

从幻想走向科学:人类操纵大脑的条条大路

脑极体

Python在接口测试中的应用

芯动大师

学习方法 “程”风破浪的开发者 Python接口测试

Student Management System

David

#架构实战营 极客时间架构训练营

DevOps | 如何快速提升团队软件开发成熟度,快速提升研发效能?

laofo

DevOps 研发效能 CMMI 敏捷研发 绩效考核

AAX增添新网关,满足全球用户需求

股市老人

Java的一维数组和二维数组

陌上

数据结构 Java、 10月月更

知识分享|To B产品的帮助中心页面制作方法

Baklib

Baklib产品知识库|为什么说客户体验非常重要?

Baklib

数据共享:VueX学习

Studying_swz

Vue 10月月更

限时免费领票|来云栖大会,看OceanBase 4.0最新进展

OceanBase 数据库

现代化SDLC与架构评审

I

安全架构设计 SSDLC

汽车云服务应用场景系列报告——自动驾驶仿真测试云服务行业图谱

易观分析

云服务 汽车

华为云桌面,助力企业扬帆起航

科技怪授

华为云 桌面云 华为云桌面

华为云CDN为用户提供专业全面的加速服务

秃头也爱科技

Java | static和不可变关键字final

陌上

编程 Java、 10月月更

跨库分页

zarmnosaj

10月月更

助力企业高效率办公,华为云桌面必不可少

科技怪授

华为云 桌面云 云桌面

一文带你更了解Java中的方法

陌上

Java、 编程、 10月月更

【通知】OBCA考试收费调整公告

OceanBase 数据库

办公无界,看华为云桌面如何助企业上“云”

科技怪授

华为云 桌面云 云桌面

网络请求:Vue_Axios学习

Studying_swz

Vue 10月月更

C# 关于程序退出问题学习

IC00

C# 学习 程序员 上位机 10月月更

企业如何从0到1搭建BI系统

葡萄城技术团队

BI 仪表盘识别 可视化数据

换行符不一致问题终极处理方案——gitattributes

甜点cc

JavaScript 前端 代码规范 10月月更

华为云桌面,随时随地助力企业轻松办公

科技怪授

华为云 桌面云 云桌面

招聘软件哪个最好用?

优秀

招聘系统

同样是网络加速,企业为何愿意选择华为云CDN?

秃头也爱科技

IoTDB 的架构、安装启动方法与数据模式 | 小白教程文档(二)

Apache IoTDB

数据库 IoTDB Apache IoTDB

从列表式UI中升华探讨:卡片式UI有哪些创新点(二)_语言 & 开发_Think体验设计_InfoQ精选文章