编辑导读:信息卡片是产品的基础功能之一,用户能通过信息卡片了解产品的基本信息,并且信息卡片的美观程度直接影响到用户对产品的印象。那么,如何设计一个好看又实用的信息卡片呢?本文将从四个方面展开分析,希望对你有帮助。
01本期讲什么?
工作中我们经常会接到一些信息卡片的设计需求,在早期很长一段时间里都困扰着我。和大多数刚入门的小白一样,当接触到这类需求的时候,下意识就是打开自己的的Eagle,找合适的参考,去借鉴排版布局。但是其实最后只知道参考这样做好看,对于作者的设计思路并不清楚。后面我尝试去总结其中的规律,也得出了自己的一些设计思路。
然后,刚好前段时间有位小伙伴问了我类似的问题。所以我决定写这篇文章,把我过去总结的,关于信息卡片设计的思路分享给大家,如果对你有启发,就是对我最大的鼓励。
02这里讲的信息卡片是什么?
让我们先看下各类App中,一些比较不错的信息卡片长什么样:
03一个信息卡片包含什么内容?
1.图片
图片理解很简单,就是该卡片想表达的信息主体,可以是商品、风景、插画等,PGC内容图片通常由运营把控,UGC内容为用户自行上传。虽然上线后实际上传的图片,对于设计来说没有太多关系,但在设计稿中还是需要严格控制图片质量(一定程度上也能提高过稿率)。
图片挑选需要注意如下:
高清无码主体突出且简洁配图与文字信息相关联多图片情况下,视线保持同一水平线或同一角度
2.图标
图标的出现有以下几类:品牌特定logo、特殊字段图形化(如性别、定位、点赞、VIP、关闭等等,将字段图形化后可以减少该组件内的文本信息,方便设计排版的同时提升整体阅读体验)、氛围点缀(主要在于丰富卡片,提升设计感来吸引用户注意)
图标设计需要注意如下:
清晰度:品牌图标避免过小,导致难以分辨。识别度:字段图形化后一定需要确保拥有足够的识别度,尽量在大众认知范围内。比如“+”可以代表添加和
转载请注明:http://www.0431gb208.com/sjszjzl/3111.html