
一、排版上
排版借鉴 1——破形
用一个形状打破另一个形状
只要是卡片就可以用破形,常见用在banner,弹窗
破形让元素不局限于在某个区域内,显得不死板,更有冲击力
破形的元素是立体的物体时,可以添加投影,能与平面的卡片产生立体的对比,让排版的层次更加丰富



排版借鉴 2——信息排版形式的多元化



这个例子也是将用户信息做处理与其他信息作区分

被框住的信息其实是可以一行展示,选择换行可以增加排版的丰富度,更稳重,显得不单薄



排版借鉴 2——信息拆分
卡片信息过多时,就算通过字体大小和颜色做了对比的区分,但过多的信息堆积在一起,看的很累,不想读
可以将信息拆分成不同的模块,阅读的心理负担会减少,排版形式更丰富,更具设计感

排版借鉴 3——实例运用
根据上述方法优化后的排版,设计变得更丰富好看了

二、形状上的借鉴
形状借鉴 1——在基础形上做缺角

圆形缺角,一般在卡片右上角去掉任何形状,再加上其他的装饰元素,让排版更平衡

缺角不同,卡片4个圆角大小不一

斜切角,调整卡片部分端点,比规整的卡片更特殊

形状借鉴 2——融入品牌形状
气泡融入ip,卡片形状使用品牌logo形状

三、颜色上的借鉴
看到好看的颜色就要收集

想做年轻潮流化的页面,可以参考其他年轻潮流化设计的配色,将其应用

颜色借鉴 2:(年轻潮流化的)页面颜色要怎么搭配,不会踩雷
年轻潮流化的配色是亮色搭配黑色,亮色与暗色比例大概1:1

也可以是小部分亮色作为暗色的点缀,亮色与暗色的比例3:7

浅色页面用亮色时,大面积使用亮色时一定要用黑色来压,不然页面会显得花哨轻浮


四、字体的借鉴
全网最全的免费可商用字体看这里 👉 https://hao.uisdc.com/font/
##### 字体的用法借鉴
特殊字体不会大面积使用,用在需要强调的内容上或字号大的数字上,比如大标题、主按钮文字,其他使用常规字体
##### 字体的修饰形式借鉴
有时页面不需要很花哨,可以在字体旁加一些细节修饰,线、图形、字母,这些都可以增加页面的设计感
加线,字体上加线条装饰,线条要比字体细
加图形,类似画面高亮
加字母,文字上添加字母纹理
#### 五、设计创意的借鉴
##### 1. 场景具像化
音频设计成唱片或音箱,与音频相关的物体
书信做出纸的质感
滤镜设计成胶卷的形式
都是模拟真实的场景,在做设计的时候可以思考能不能拟物化

交互状态,选中和未选中可以想象成气球的创意,选中后气球加气变大,取消选中气球漏气变小

情侣间一起做有誓言意义的事,加上按手印会更有趣

