细节 如何让卡片设计更加精致?我总结了这4个细节!( 二 )


细节 如何让卡片设计更加精致?我总结了这4个细节!
文章图片

上图中 , 就是打破了原有的那种思路 , 尝试多卡片组合设计 。
下面 , 我们来看一些实际的设计案例 。
细节 如何让卡片设计更加精致?我总结了这4个细节!
文章图片

大家留意下我红圈标记的地方 , 这种卡片组合 , 就是我前面的那种多卡组合思路 。
细节 如何让卡片设计更加精致?我总结了这4个细节!
文章图片

MUSINSA&BALAAN
上面两个上线的应用 , 通过卡片的组合排版设计 , 让画面更有张力和新鲜感 。
细节 如何让卡片设计更加精致?我总结了这4个细节!
文章图片

苹果官网卡片组合
异形卡片
异形卡片 , 很少有设计师会想到这样去布局 , 毕竟存在一定的风险 。 如果设计出来 , 效果还是蛮有惊喜的 。 我们今天讲的异形是除去圆形、方形的卡片 。
异形卡片的特点:不规则中有统一的规律 , 形式感强、张力、杂志感 。
细节 如何让卡片设计更加精致?我总结了这4个细节!
文章图片

Booklet
IF 设计大奖作品 , Booklet 采用异形设计 , 增强了页面视觉张力 。
细节 如何让卡片设计更加精致?我总结了这4个细节!
文章图片

Kakao Webtoon
这个动漫类 APP 应用设计 , 采用异形作为漫画人物容器承载 , 凸显画面趣味性和可玩性 。
Echo
细节 如何让卡片设计更加精致?我总结了这4个细节!
文章图片

Behance@the octopus magazine
细节 如何让卡片设计更加精致?我总结了这4个细节!
文章图片

Behance@SPOON. Brand Identity Renewal
如果想打破现有模式 , 走创新方向 , 异形卡片可以作为一个切入点 , 毕竟异形卡片可以和品牌符号衔接起来 , 做创新拓展 。
写在最后
卡片 , 在多形态业务中都频频出现 , 例如 C 端、B 端、Web 端、车载等 , 它的灵活性和适应性 , 受到广大设计师的青睐 , 对于开发人员来讲 , 适配性也很强 。 所以 , 既然这么重要的一个卡片容器 , 是值得我们去细致研究 , 以便于做出更好的卡片布局 。
今天我们讲了 4 个细节 , 我个人认为 , 如果说想发挥创意 , 最后一个异形卡片可以有更大空间 。
最后 , 大家可以自行在探索前期 , 多尝试创新 。
来源:优设网-UI-如何让卡片设计更加精致?我总结了这4个细节!


以上关于本文的内容,仅作参考!温馨提示:如遇专业性较强的问题(如:疾病、健康、理财等),还请咨询专业人士给予相关指导!

「辽宁龙网」www.liaoninglong.com小编还为您精选了以下内容,希望对您有所帮助: