一、排版上
排版借鉴 1——破形
用一个形状打破另一个形状
只要是卡片就可以用破形,常见用在banner,弹窗
破形让元素不局限于在某个区域内,显得不死板,更有冲击力
破形的元素是立体的物体时,可以添加投影,能与平面的卡片产生立体的对比,让排版的层次更加丰富
排版借鉴 2——信息排版形式的多元化
这个例子也是将用户信息做处理与其他信息作区分
被框住的信息其实是可以一行展示,选择换行可以增加排版的丰富度,更稳重,显得不单薄
排版借鉴 2——信息拆分
卡片信息过多时,就算通过字体大小和颜色做了对比的区分,但过多的信息堆积在一起,看的很累,不想读
可以将信息拆分成不同的模块,阅读的心理负担会减少,排版形式更丰富,更具设计感
排版借鉴 3——实例运用
根据上述方法优化后的排版,设计变得更丰富好看了
二、形状上的借鉴
形状借鉴 1——在基础形上做缺角
圆形缺角,一般在卡片右上角去掉任何形状,再加上其他的装饰元素,让排版更平衡
缺角不同,卡片4个圆角大小不一
斜切角,调整卡片部分端点,比规整的卡片更特殊
形状借鉴 2——融入品牌形状
气泡融入ip,卡片形状使用品牌logo形状
三、颜色上的借鉴
看到好看的颜色就要收集想做年轻潮流化的页面,可以参考其他年轻潮流化设计的配色,将其应用
颜色借鉴 2:(年轻潮流化的)页面颜色要怎么搭配,不会踩雷
年轻潮流化的配色是亮色搭配黑色,亮色与暗色比例大概1:1
也可以是小部分亮色作为暗色的点缀,亮色与暗色的比例3:7
浅色页面用亮色时,大面积使用亮色时一定要用黑色来压,不然页面会显得花哨轻浮
四、字体的借鉴
全网最全的免费可商用字体看这里 👉 https://hao.uisdc.com/font/





交互状态,选中和未选中可以想象成气球的创意,选中后气球加气变大,取消选中气球漏气变小
情侣间一起做有誓言意义的事,加上按手印会更有趣