渐变食物图标如何设计,7个简单步骤包你学会!

发布时间:2023-01-09 19:46:41

图标设计是界面设计中非常重要的元素之一,它可以帮助用户更好地理解页面内容并更快地找到所需信息。一套清爽的图标不仅可以提升界面的美观度,也能影响用户对整个页面的第一印象。彩色的图标可以给人清爽活泼的感受,而使用线性渐变则可以使画面更加丰富,色彩营造出的层次感也更强。本期带来渐变食物图标设计教程,让你快速掌握渐变图标!更多超实用的设计教程,都在即时设计,参与临摹打卡还能够获得奖品哦!

渐变食物图标如何设计

1、渐变色基础知识

渐变色是一种在视觉上具有浪漫气息的颜色,它通常是指某个物体的颜色从明到暗、由深转浅或者从一个色彩缓慢过渡到另一个色彩的效果。渐变色相比起纯色来说,在视觉上会更丰富一些,并且具有动感和变化。在设计中,渐变色可以用来营造出空间层次感,也可以用来聚焦重点、吸引用户眼球。渐变色通常是使用软件来制作的,但你也可以使用手绘的方法来创造渐变色效果。无论是用软件还是手绘,渐变色都是设计中常用的一种效果,可以让画面看起来更加丰富和生动。

渐变的样式

常见的渐变样式主要有:线性、角度、径向

渐变的方向

渐变色也会根据其方向和长短的不同而呈现出不同的视觉效果。

提升渐变图标的质感

在设计食品图标时,需要让用户在第一眼看到图标时就能表现出对食物的食欲。暖色在色彩中通常能够激发食欲,如红色、橙色、黄色和粉色。而蓝色和绿色会给人清爽的感觉,所以也常用于增强食欲的图标,特别是饮料和雪糕类产品的图标。在使用渐变色来增强食欲时,需要注意一些细节。首先,饱和度不要太高,过高的饱和度会使图标看起来过于突兀。其次,明度也不要太低,过低的明度会使图标看起来过于暗淡。此外,明度对比也不要太大。

2、渐变食物图标设计教程-蛋糕

创建背景

绘制 200*200 的画板,填充白色,圆角值为 40 。

绘制蛋糕

绘制 102*86 的矩形,分别选中顶部的两个端点,向中间移动一定的距离,圆角值为 10 。

填充上下的线性渐变,颜色 FFCFE6 到 FF52A3,由浅到深的颜色渐变。

添加内阴影,颜色为白色,参数如作图。

绘制奶油

绘制 96*56 的矩形,双击矩形进入编辑模式,在最底部的边上添加锚点,调整锚点的位置,并调整锚点的圆角值。·填充上下的线性渐变,颜色 FFDEEE 到 FF52A3,由浅到深的颜色渐变。

添加内部描边,颜色上下的线性渐变,上方颜色为白色,不透明度为 0,下方颜色为白色,不透明度为 100% 。

添加背景模糊。

绘制奶油装饰

绘制多个白色椭圆,调整角度和位置。

绘制蛋糕底部

绘制 122*6 的矩形,调整圆角值到最大。·复制奶油的渐变色,调整好渐变的位置。

添加外部描边,填充上下的线性渐变,上方颜色为白色,不透明度为 100% ,下方颜色为白色,不透明度为 0 。

添加背景模糊。

绘制蛋糕上的樱桃

绘制 24*24 的圆形,填充左右的线性渐变,颜色 FFE8F3 到 FF52A3,也是由浅到深的颜色渐变。

再绘制两条弧线作为樱桃的梗,填充同样的线性渐变,调整好渐变角度。

绘制 10*10 的圆形,线性渐变,作为装饰元素。

绘制阴影

选中除背景画板外的所有元素编组,对组添加外阴影。

以上就是渐变食物图标设计的全部教程内容,原生中文在线 UI 设计工具,点做设计用即时设计自动布局、智能动画、一键标注一步搞定!