移动设计卡片间关系是怎样的?

发布者: 乾学优行者 发布时间: 2021-1-14 浏览 255

移动设计卡片间关系是怎样的?卡片式设计常以模块化的形式展现,我们ui培训学校认为只需提炼出模块的规范,并对不同类型模块整合,即可满足大多数业务场景,提升设计效率。


移动设计卡片间关系是怎样的?


一、信息组织方式

移动端的信息组织方式通常有两种:通栏式和非通栏式;通栏式可分为留白式、分割线式和间隔式。留白式,通过留出一定空间来组织信息;分割线式,使用分割线分隔信息;间隔式,通过间隔设计划分模块。非通栏式:则在四周留出边距来打造模块化效果。广义上讲,通栏式设计仅在框架层面将信息分层,本身并无表现层作用。非通栏式才是常规意义上说的卡片式设计,即本次讨论范围。


二、 栅格

卡片式设计遵循栅格规范,但卡片间隙和边距可以调整。在移动设计中如 Material Design基准网格是8dp,卡片间隙和边距可以是8、16、24或40dp。


三、间距和留白

卡片式设计注重布局和空间通透感,内容间及周围适当留白是必要的。内容较多时,建议边距变窄;内容较少时,可用宽边距。


四、布局

多个卡片组合到一起时,默认正面朝上,并处于相同投影深度。当被选中或拖动时,可以反转或提高投影深度。有关排列顺序,通常第1张位于左上方,随后按从左到右、从上到下排列。一般有三种布局:固定容器布局,所有卡片大小固定,排列规律;适配内容布局,根据具体内容适配卡片高度;不规则排列布局,为突显每张卡片的个性化,使用不对称的网格。推荐阅读>>>界面设计中的图片有怎样的特点?


移动设计卡片间关系是怎样的?在这个移动端逐步占主导而桌面端设备仍主导生产力的时代,在两大平台间来回切换变得稀松平常。强调同时兼容不同屏幕的设计,是件自然而然的事,正是在这种语境下卡片式设计得到普及并不断发展。


本页网址:https://www.u-walker.com/web/3471.html

上一篇: 2021年有哪些APP设计趋势?

下一篇: 图标设计有哪些设计规则?

相关推荐

预约报名

免费试学 先学后付 预约试听 证书认证 就业薪资






400-073-5855
返回顶部