从5个方面,深入分析如何学会借鉴参考!

从5个方面,深入分析如何学会借鉴参考! - 图1

一、排版上

排版借鉴 1——破形

用一个形状打破另一个形状

只要是卡片就可以用破形,常见用在banner,弹窗

破形让元素不局限于在某个区域内,显得不死板,更有冲击力

破形的元素是立体的物体时,可以添加投影,能与平面的卡片产生立体的对比,让排版的层次更加丰富

从5个方面,深入分析如何学会借鉴参考! - 图2

从5个方面,深入分析如何学会借鉴参考! - 图3

从5个方面,深入分析如何学会借鉴参考! - 图4

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

从5个方面,深入分析如何学会借鉴参考! - 图5

当遇到卡片信息过多时,常见的做法是简单的信息罗列,调整字体大小、字重、颜色来产生对比

从5个方面,深入分析如何学会借鉴参考! - 图6

更好的方法是,将信息排版多元化,将部分信息标签化,在标签化的基础上又可以重新的划分信息

从5个方面,深入分析如何学会借鉴参考! - 图7

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

从5个方面,深入分析如何学会借鉴参考! - 图8

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

从5个方面,深入分析如何学会借鉴参考! - 图9

从5个方面,深入分析如何学会借鉴参考! - 图10

从5个方面,深入分析如何学会借鉴参考! - 图11

排版借鉴 2——信息拆分

卡片信息过多时,就算通过字体大小和颜色做了对比的区分,但过多的信息堆积在一起,看的很累,不想读

可以将信息拆分成不同的模块,阅读的心理负担会减少,排版形式更丰富,更具设计感

从5个方面,深入分析如何学会借鉴参考! - 图12

排版借鉴 3——实例运用

根据上述方法优化后的排版,设计变得更丰富好看了

从5个方面,深入分析如何学会借鉴参考! - 图13

二、形状上的借鉴

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

从5个方面,深入分析如何学会借鉴参考! - 图14

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

从5个方面,深入分析如何学会借鉴参考! - 图15

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

从5个方面,深入分析如何学会借鉴参考! - 图16

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

从5个方面,深入分析如何学会借鉴参考! - 图17

形状借鉴 2——融入品牌形状

气泡融入ip,卡片形状使用品牌logo形状

从5个方面,深入分析如何学会借鉴参考! - 图18

三、颜色上的借鉴

看到好看的颜色就要收集

从5个方面,深入分析如何学会借鉴参考! - 图19

像我在做页面的颜色搭配时,就想到有这样一张参考图,它的用色让我印象十分深刻,也特别符合年轻化潮流化的页面

从5个方面,深入分析如何学会借鉴参考! - 图20

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

从5个方面,深入分析如何学会借鉴参考! - 图21

颜色借鉴 2:(年轻潮流化的)页面颜色要怎么搭配,不会踩雷

年轻潮流化的配色是亮色搭配黑色,亮色与暗色比例大概1:1

从5个方面,深入分析如何学会借鉴参考! - 图22

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

从5个方面,深入分析如何学会借鉴参考! - 图23

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

从5个方面,深入分析如何学会借鉴参考! - 图24

从5个方面,深入分析如何学会借鉴参考! - 图25

四、字体的借鉴

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

从5个方面,深入分析如何学会借鉴参考! - 图32

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

从5个方面,深入分析如何学会借鉴参考! - 图33

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

从5个方面,深入分析如何学会借鉴参考! - 图34