文章图片
上图中 , 就是打破了原有的那种思路 , 尝试多卡片组合设计 。
下面 , 我们来看一些实际的设计案例 。
文章图片
大家留意下我红圈标记的地方 , 这种卡片组合 , 就是我前面的那种多卡组合思路 。
文章图片
MUSINSA&BALAAN
上面两个上线的应用 , 通过卡片的组合排版设计 , 让画面更有张力和新鲜感 。
文章图片
苹果官网卡片组合
异形卡片
异形卡片 , 很少有设计师会想到这样去布局 , 毕竟存在一定的风险 。 如果设计出来 , 效果还是蛮有惊喜的 。 我们今天讲的异形是除去圆形、方形的卡片 。
异形卡片的特点:不规则中有统一的规律 , 形式感强、张力、杂志感 。
文章图片
Booklet
IF 设计大奖作品 , Booklet 采用异形设计 , 增强了页面视觉张力 。
文章图片
Kakao Webtoon
这个动漫类 APP 应用设计 , 采用异形作为漫画人物容器承载 , 凸显画面趣味性和可玩性 。
Echo
文章图片
Behance@the octopus magazine
文章图片
Behance@SPOON. Brand Identity Renewal
如果想打破现有模式 , 走创新方向 , 异形卡片可以作为一个切入点 , 毕竟异形卡片可以和品牌符号衔接起来 , 做创新拓展 。
写在最后
卡片 , 在多形态业务中都频频出现 , 例如 C 端、B 端、Web 端、车载等 , 它的灵活性和适应性 , 受到广大设计师的青睐 , 对于开发人员来讲 , 适配性也很强 。 所以 , 既然这么重要的一个卡片容器 , 是值得我们去细致研究 , 以便于做出更好的卡片布局 。
今天我们讲了 4 个细节 , 我个人认为 , 如果说想发挥创意 , 最后一个异形卡片可以有更大空间 。
最后 , 大家可以自行在探索前期 , 多尝试创新 。
来源:优设网-UI-如何让卡片设计更加精致?我总结了这4个细节!
以上关于本文的内容,仅作参考!温馨提示:如遇专业性较强的问题(如:疾病、健康、理财等),还请咨询专业人士给予相关指导!
「辽宁龙网」www.liaoninglong.com小编还为您精选了以下内容,希望对您有所帮助:- “棉服”和“羽绒服”如何选择?
- 椰油洗面奶如何选?关键看成分表
- 小个子更不能“随便”穿,这4个搭配技巧,让155也能穿出超模感
- 女孩子家 女生如何穿出大长腿?紧身牛仔裤配黑色高筒靴,蜂腰长腿太撩人
- 黑色 有型的面料好的塑形,让搭配看起来高级又有质感
- “卫衣”是什么衣服,又有哪些分类,日常搭配该如何选择?
- 偏向 “卫衣”是什么衣服,又有哪些分类,日常搭配该如何选择?
- 乔欣挑战自我,真空上阵拍写真高级又惊艳,美得太让人意外
- 身材 有了“小黑裤”,打底裤也要做出让步,这样穿时髦修身又高级!
- 黑色 卫衣如何避免路人感?11组搭配示范告诉你:款式简约,搭配要大方