当前位置:首页 >> 热点

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

  • 热点
  • 2026-09-05 05:20:18
  • 31713

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

学会借鉴参考图 ,何学会借对于我们设计师来说是鉴参一项非常重要的技能。尤其对于一些经验不是面分析那么充足的  、刚入行没多久的深入设计师,参考图能为我们做出更好看的何学会借设计铺路。有了参考图我们就不用自己闷着脑袋死想 ,鉴参各式各样的面分析解决方案也许早已摆在那里,只等我们去发掘。深入

再往上一些,何学会借如果我们的鉴参诉求是为了做出更不一样的设计,参考图也能给你提供一些灵感 。面分析

日常参考图的深入积累是多么多么的重要 ,这里我就不过多地赘述,何学会借希望大家都能去多看 、多积累、多实践  ,这是成为一个优秀设计师必不可少的过程。

下面我就会从五个方向:排版 、形状 、颜色、字体、创意  ,说说我在参考图借鉴上面的一些心得体会 ,本篇不会落到某个具体很小的设计中,介绍的都是一些比较通用的设计办法,话不多说,让我们开始吧 !

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

一、排版上

排版借鉴 1——破形

顾名思义 ,破形,就是用一个形状去打破另一个形状,它不再被框在一个区域内

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

比较常见的用法是用在 banner 上 、弹窗上 ,只要是涉及到卡片的地方,都可以用到破形。

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

破形是个非常好用的办法 ,让物体不再局限在某个区域内 ,就会不那么死板,排版上会看起来更具有冲击力 。

同时 ,如果这个物体又是个立体图,我们加上投影 ,它又能和卡片的平面形成立体和平面的对比 。设计排版层次上也会更加丰富。

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

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

做设计这么久了 ,我们无可避免地会遇到一张卡片上信息很多的情况 ,比如说下面这几块的商品信息都很多:

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

如果让我们一些设计同学来做的话 ,排版上很有可能做出来就像是这样的:

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

这种做法大概就是 有多少信息堆多少信息 ,这样排出来的信息肯定会又多又杂 ,让人看起来很累 ,不太想读 。

这个时候 ,就要学会将信息排版的形式处理得更多元化

比如这个设计稿的原作,它就是将「3 折 ,立省 30 元」这样的信息排版处理成标签的形式 ,并且在这之上,又划分了信息排版形式:

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

下面这个例子也是类似的做法,它将用户信息处理的跟其他字段不一样了一些。

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

说到这里 ,另外有个小知识点,也可以跟大家分享一下 ,就是大家看到这个地方 ,它其实可以将文字一排就放完,但是它选择了折行 ,为什么?

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

这其实是增加设计排版层次的一种做法 ,我们将本来能够一排放下的文字 折行处理,会让排版上更加稳重,不显单薄 。

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

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

排版借鉴 2——信息拆分

当我们遇到一张卡片上信息较多的情况 ,除了上面说的将信息的排版形式多元化外 ,还可以将信息进行拆分 ,比如下面这个例子

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

排版借鉴 3——实例运用

我们就将上述方法一顿运用 ,优化了下面这张卡片的排版 ,是不是信息的设计就会更丰富一些?

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

二、形状上的借鉴

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

缺角的方式也是多种多样的,一共可以有 3 种形式

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

图形缺角 :往往在矩形卡片右上角挖掉任意图形,并且在挖掉后 ,再填充上其他修饰物,来让排版更平衡

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

缺角不一:矩形卡片四个角圆角大小不一的缺角

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

斜切角:将矩形卡片斜切,变成平行四边形,会比规整的矩形更特殊一些

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

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

除了上面我们将卡片缺角处理 ,能做出更不一样的卡片形状之外,尝试在形状上融入品牌形状,也是非常不错的做法!

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

三、颜色上的借鉴

我们要对好看的、流行的颜色有敏锐度 ,看到好看的颜色 ,一定要毫不犹豫的收集下来,方便我们设计时能快速上色。

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

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

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

我们就可以提取它的颜色运用到页面中 ,这样年轻化潮流感 不就立马来感觉了吗

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

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

最关键的一点 ,就是我们页面亮色里一定要融入黑色!

首先来看看暗色系的页面 ,它是怎么去用亮色的。

可以是亮色与黑色的大面积碰撞,亮色与暗色的用色比例大概是 1:1

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

也可以是小面积的亮色 ,点缀在暗色系的页面中,亮色与暗色的用色比例大概是 3:7

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

如果是在浅色系的页面中去用亮色 ,会让页面中很大面积都是亮色,切记一定要用黑色去把整个页面压下来,要不然页面整体用色会显得很油腻 、轻浮 。

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

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

四、字体的借鉴

这里给大家推荐几款字体,都是无版权,又能打造风格化页面的字体 !

全网最全的免费可商用字体看这里 ? https://hao.uisdc.com/font/

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

拿到了字体包,我们也要知道怎么用,我们可以去学习借鉴一下别人的用法 。

字体的用法借鉴

像这种特殊的字体,一般不会大面积的去用,都是运用在需要强调的文字上、字号比较大的数字上,如页面大标题 、主按钮文字。其他都是常规字体

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

字体的修饰形式借鉴

有时候一个页面不需要多么花哨 ,像在字体处就可以增加一些细节修饰 ,字体处的修饰大概有三大种

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

加线 :在字体上增加线条装饰 ,且线条的粗细会比字体细

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

加图形 :类似于画高亮

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

加字母:在文字上加添加字母的纹理修饰

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

这些用法大家都可以学起来,用在页面中增加设计感 。

五、设计创意的借鉴

1. 场景具像化

将一段音频设计成音箱、唱片

将滤镜设计成胶卷的形式

将书信做出纸质感

......

这些都是在模拟我们真实的生活场景 ,当我们在做设计时,也可以去思考能不能将它拟物化 。

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

交互:我们从用户的交互的选中态 、未选中态的形式上也可以做出创意 ,比如说把它想象成气球 ,选中后气球「加气」变大,如果取消选中 ,气球「漏气」缩小。

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

成就完成、未完成 :对于情侣来说 ,一起做的事有誓言的意义,按手印就变得有趣。

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

总结

以上就是一些关于借鉴参考的技巧和思路 ,我们可以把这些技巧运用起来 。好了今天的分享就到这里了,我们下期再见 !

作者:菜心设计铺

  • 关注微信

猜你喜欢

热门阅读

  • 余文乐宣布离婚�!7年婚姻画下句点 朴实“永远是家人”
  • 梅西0624诞辰欢愉 最新比赛送出10次超卓过人1个扣球
  • 王者名望体验服铁汉调剂赐顾帮衬书记 铁汉调剂最新调剂消息
  • 北控“全华班”出战击败四川男篮  孙悦24分+4次助攻
  • BTS《ARIRANG》延续5个月稳居Billboard主榜!长线热度彰显全球统治力
  • NBA复赛隔尽区餐食大年夜大年夜约  球员抱怨迪士尼接待水准差

关注我们

微信公众号