Bili-Docs
技术工具设计创作

带你玩设计的细节

视频通过点评设计作业,讲解了如何通过色彩、空间感和元素处理来突出产品质感,避免过度设计。

UP主: 大禾梅森设计 · 时长: 19:07 · 🔗 B站原视频

发布: 2025-11-14 · 收录: 2025-12-07

标签: 平面设计 · 视觉传达 · 设计教程 · 审美提升

先看问题:画面发闷、没精神

先说你的作业。第一个问题是这个画面显得发闷,不是萌萌哒那个“萌”,是乌突突的、睡不醒、没精神。

为什么没精神?周遭颜色太昏暗。虽然是绿色,但很多时候要从整体出发:让产品突出,并不一定要让它去“嵌入”背景里。

什么时候该“嵌入”:两种情况

嵌入有一个点:什么时候嵌入最合适?

第一种:周围干扰太强。比如你用这张图的元素,周围东西太多、干扰性很强,这时候嵌入是一种遮挡,把没用的遮挡掉。

第二种:嵌入的图形本身有象征意义。比如方形本身是有象征意义的,可能是你想表现的东西,或者品牌 Logo,或者某些特殊形态的造型。这个时候嵌入是为了让产品和元素同时有表现。

你这张图的问题:为了嵌入而嵌入

回到你这张图:产品外轮廓、边缘本身是白色,已经能很好地突出产品,你没必要在后面再加一个很暗的东西去突出它,这是画蛇添足。

第二,它本身也没有元素干扰到它,你没必要硬把它牵扯进一个框里。这种属于“半自嗨型”,为了嵌入而嵌入。

第三,你这个方形跟产品没关系,纯粹为了乱而乱。副作用是方形一出现,强行把产品旁边空间切开了。整体分组信息比上次好一点,但信息过于混乱,第一眼看不见主要信息。

你最重要的信息,比如“水清碧玉”“和田玉吊坠”,现在看不出来,很容易被干扰。分散的地方太多,一多视觉就散掉了,没有一个主要的地方。包括参数化那组东西也分得太碎。

先做减法:把无用的东西干掉

所以第一步把这个东西破除掉,不要这个框。你花了很多时间做了无用功,也很浪费时间。

正常有这些元素其实就可以了。白色本身就能很好突出产品,没必要再画填充把画面弄乌突突的。你看这样比原来亮堂多了,不管是干净还是细腻感,都更符合产品调性。

珠宝类除了用极暗的颜色去突出质感以外,更好的方式是干净、整齐、透。元素本身就很透,你非得加一个让画面很乌突的东西,反而把元素的亮点遮盖掉了。

而且一旦嵌入,空间就变小,主体没法突出。元素本身空间很强烈,我们完全不需要再增加什么空间:空间很多,信息也有了,产品元素也有了。

先想清楚怎么更好地突出产品的美感、调性、信息,把空间都想好,再去想用什么方式做。不要一开始就开始做,做完发现方向不对。

文案与点缀:英文可做图形,颜色用产品色

我把你突出的那些先直接删除。英文这块可以保留,作为一个图形点缀没问题,但得重新打字、找一个比较流行的字体。

颜色可以用产品颜色,在点缀上用产品色没问题。整体可以放大一点,字体也换一下。想要流行感,笔画对比度一定要大;横竖对比没有、或几乎一样,流行感就出不来。粗细对比强,也能突出精致感。

字号上,它作为主视觉的一个点,一定要突出、要大,不然看不见。

信息层级:主次关系要明确

“碧玉吊坠”这类主体信息可以用一个颜色,和主视觉形成一体。比如主标题大一点,副标题缩小一半,告诉别人这是主体信息。

“跨越千年的艺术”这类文案是第二层信息。字号对比要强,尤其珠宝更要强,最多也就用到 3、4 种字号层级。

接下来像“精选”“天然和田玉”这种可以穿插一下,不要所有东西都一样。右侧我用 3/4 这种层级,是为了让右侧和左侧有均衡性,别左右都一样小,导致严重失衡。

边距与网格:要留边距,网格是参考不是铁律

把网格打开,这回网格用还行,虽然有点多,但边距不能不留。你上下边距都没有,这样不行。新手没边距很容易把东西贴到边缘处,一对齐就变得不合理。

一定要留边距。你现在还没养成视觉上“自动留边距”的习惯,边距就一定要给足。

网格记住:它叫“参考”,不能百分之百遵循。大概 60% 参考网格,20% 看画面平衡,20% 靠视觉美感和经验。有些地方我没有完全走网格,是因为视觉优先,而不是追绝对对齐。

组与组之间的距离也别死:有的组可能一个字高就够,有的组可能要两到三个字高,看信息多少和空间关系。

框要不要:试出来,有时框反而是累赘

两组信息要不要用框突出,得试:虚线框好还是实心块好。亮度要提升一点。

很多人觉得不会软件、数据不行,其实跟软件没关系。操作不复杂,关键是视觉逻辑的把控:要合理、要有美感、要有主次关系,还要有传播性,不能做完谁也看不见。

另外很多时候第一眼会误解:你这明明是和田玉,再写“跨越千年的艺术”,容易让人以为是古典的。但这个珠宝本质是现代的,所以这种框、这种装饰反而可能造成累赘。试一下会发现,有的框不光信息上累赘,视觉上也是累赘,那就不需要。

“精选天然和田玉”用一个小符号突出一下就行,两处做统一。可以把其中一处做淡绿色,目的是打破一下横平竖直的死板,让画面有一点变化,但还是放在后方,不要抢主视觉。

参数信息怎么排:一根线让它更干净

参数其实很简单,是你想复杂了。

背景可以暗一些,饱和度低一点,但不要那么亮。名称放在这里,用一根线就解决。一根线的目的不是为了线,是为了让它干净。

尺寸、材质这类信息,用小字号就够了。空间不够就用双行,不用拉得太远,也没必要四个全部顶对齐。组要分清:组与组之间空要多一些,不然看的人会懵,到底是几个信息。

文字记住:不要跟线百分百齐,一般信息要往回收一点,会更舒服,是一种视觉落差。

价格区:重点信息要重,原价处理用字符功能

最后是价格:到店优惠价肯定是重点信息,比如 99 元可以放这里。原价放旁边,原价字别太小,不然看不见。字大的时候,字间距别忘了往回收,这是底线。

中间那条分隔线别太粗,它视觉上只是占位符。原价的删除线不用自己画横线,软件字符里有这个功能,点一下就行。

价格这块做好,上下就能平衡。下方可以再来一个“精选天然和田玉”,把底下这块再平衡一下。白色放下方也可以,因为只有价格信息会显得单薄,需要一点重量撑住。

最后检查:上下左右平衡,空间留出来

把信息尽量放上面,周围空间留出来,产品最后才能突出。上下边距要习惯卡一条线走,整体对齐在一条基准线上。

如果后面觉得某个位置还空,可以加一个小元素点缀,也可以不加。下方有价格的力量撑得住,就不会失衡。整体以简约、干净的方式为主,这些点一定要记住。

On this page