AAA教育论坛

标题: 卡片式布局设计 [打印本页]

作者: 贾荣涛老师    时间: 2019-5-22 11:48
标题: 卡片式布局设计
    无处不在的卡片设计具有个性的美感和很好的易用性,是以文字标题,小标题, 图形或图片组成的模块化,以块状形式规整的整合内容,让内容更规整化,视觉上更个性化,也是操作上快捷的内容信息入口。更直观的表达内容信息和快捷跳转操作。成为当今在设计中一个比较流行趋势,而卡片在设计中也占用一定的优势,让整体更加的有层次感,在运用起来也比较方便,从视觉、体验、交互都具有不错的优点。
[attach]1921[/attach]
卡片设计优势

1.趋势

无论是大平台 还是小平台的产品都会运用这样的卡片式,跟风式设计趋势,也让卡片式设计成为了一个现在常用的优势,不过卡片式设计的确有很好的效果.

2. 层次感

具有一定的层次感,能在页面版式中起到设计上的不同,个性化变化,页面层次感区分强烈,能更好的体现提炼出内容。
3. 规整化
卡片式设计以图片、 图标 、LOGO、 标题、 整合到一起 以块状的形式在界面中展示,更规整的排版呈现。虽然内容多会导致页面乱,一个模块包含内容之后就会规整不少,也给页面设计上带来了更好的视觉。
4. 视觉体验
卡片式给整个页面会增加视觉上的体验,特别那种大图片卡片式更具有视觉上的冲击力,背景衬托出前景卡片式设计。同样对卡片式也感觉到舒适感。卡片式设计还是需要根据整个布局、 产品需求 、功能进行设计。以达到最好的用户体验、视觉体验,不要为了卡片设计而卡片设计。
5. 易用性

卡片式设计在易用性和灵活性上比较高,在响应式设计中同样应用的也比较多一些。能更好的有序排列。
6. 简约设计
简约设计会更显得品质,不需要过多的进行装饰,哪怕就是一个白色的色块,上面点缀有色彩的图标和标题 副标的变化,也会觉得显得高大上,就算是一个带有颜色的色块卡片,也无须过多的设计 内容上的标题 、图标、 按钮就足以支撑起卡片
7. 交互效果

在卡片式的设计中会有一些动效交互,比如整体卡片放大、 缩小 、左滑、 右滑,可以整模块化滑动 缩放。整体效果增加了不错的视觉交互体验




作者: 哒哒哒哒    时间: 2019-5-22 12:31
卡片式布局原来还有这么多的用处,以后我在工作中也要合理的使用卡片式布局,在我的设计当中发挥出它的优势。
作者: 可爱银银    时间: 2019-5-22 13:34
卡片式布局可以增加界面的层次感,学习中也经常的使用卡片式布局。
作者: 伊然    时间: 2019-5-22 14:47
又重新认识了卡片式布局,谢谢分享。




欢迎光临 AAA教育论坛 (https://bbs.aaa-cg.com.cn/) X3.2