等距化插画-如何用AI绘制2.5D插画
未来发展的设计趋势是什么?
色彩趋势
1.彩虹渐变
这两年来,彩色渐变一直是设计趋势,设计师将大胆的渐变,饱和度更高的渐变运用在设计中去,让整体的色彩感觉,更加年轻化与活跃。
2.黑暗模式
随着google和facebook以及instagram这些知名应用都开始提供黑暗模式,国内微信也开始黑暗模式,2020黑暗模式设计,一定是需要设计师去关注的。
黑暗模式,除了在黑暗中提高内容可读性以外,还能减少用户疲劳,还可以节约电池,所以黑暗模式在今年将是所有应用程序必不可少的一个功能。
3.更大胆的一种颜色
除了渐变色,那么大胆的单色在设计中运用也会越来越多,整个设计就一套色彩体系贯穿,大多时候以品牌色的形式去运用,配合留白,对比明显的字体,整体给人印象深刻。
插画趋势
在过去几年里,插画是一种新的表达方式,越来越多的设计师,插画师通过插画表达产品的情绪,个人的情绪主张,那么在2020插画的运用就得和品牌很好地融合起来,如果你的插画是和品牌割裂的,需要注意。
1.和品牌结合
插画对于品牌来说也是非常重要的一个因素,无论在界面设计,还是在品牌营销很多场景都需要插画去营造产品氛围和气质,插画有助于将我们的品牌故事讲述给听众听,所以在构建一个品牌时候,插画是非常重要的点之一,但是做之前一定要尽量多去了解我们为客户提供的设计价值,只有了解了用户价值,才能去定义去特色的故事,帮助产品。
2.3D插画
如果说这2年,各种各样的插画手法百花齐放,那么随着人们的审美变化,趋势也从静态变成动态,从平面变成3D,从今年的支付宝五福设计中大家应该能感觉到2020的插画设计一定是往着3D方向,而且是动态3D方向演进的。
3.等距插画
等距插画这两年已经是一个主流风格之一,在未来还会接着流行,但是等距插画未来或许和场景联系在更紧密,在每年天猫双11设计中,互动城的设计每年基本都是等距插画风格,它的故事感和画面感,都能让人眼前一亮,所以电商的设计,在短时间内,大型活动场景基本都离不开这个风格。
4.根据内容定制的插画
随着内容的升级,对内容的表达也会被越来越重视,那么如何更好地把内容更生动表达出来,插画就是很好的一个形式,根据内容定制的插画,在很多产品中被运用到,互联网教育,IT等领域。所以专门针对内容去设计插画,在今年或许是一个趋势,插画不再是孤零零只是为了情感化而存在。
3.3D黏土插画的运用
3D设计因为今年设计师很喜欢用的样式之一,我们将尽管3D已经存在了一段时间,但最近我们看到了很多模仿黏土样式效果的3D插图的兴起。这将成为今年流行的设计趋势,我们甚至还会看到很多艺术家在电影,插画和广告中结合了2D和3D风格。
字体趋势
这几年越来越多的公司,开始定制字体,根据自己的品牌特质去做一些独特的字体,从国外到国内,品牌定制字体未来或许还会越来越多,对于设计师好处来说,这些品牌字体很多都是免费开放给设计师用,会形成一个很高的商业环境。
如何用AI绘制2.5D插画我们都知道,现在很多Banner广告等都会采用2.5D等距插画来进行绘制,这种插画看起来十分舒服,并且能够根据设计师的技巧来进行各种搭配,下面教你如何用AI来绘制2.5D插画。
工具/材料
Adobeillustrator
01
打开电脑中的AI软件,按ctrl+n新建一张画布,画布的高宽随意。
02
创建完成之后,我们在左侧工具栏中选择“矩形工具”,以2.5D矩形绘制为例。
03
选择矩形工具之后,在画布中绘制一个矩形,按住shift可绘制正方形。
04
矩形绘制完成之后,在上方选项中点击“效果-3D-凸出和斜角”
05
进入3D面板,在位置选项中我们能够看到多种可进行选择的角度,一般来说我们都是选择等角,上下左右根据需求来选择。
06
例如我们选择等角-上方,选择之后勾选预览即可查看效果,调整凸出厚度,点击“确定”即可。
07
确定之后我们就快速绘制了一个2.5D基础形状,这个时候要进行扩展,选择“对象-扩展外观”
08
扩展外观之后,右键点击形状,点击“取消编组”,一直取消到没有编组存在即可。
09
编组完全取消之后,我们就能够针对形状的不同面进行调整处理,然后根据自己的想象,利用基础2.5D形状就能够来组合了。
9种醒目的UI图标，带来出色的用户体验这里分享一些细致的图标,风格多种多样,有的可以当作插画使用,一起来它们看看如何提升用户体验。
通常,1-3px的深色描边或者单色的拼贴,可以让图标更醒目。这类图标使网站看起来优雅,几乎适合任何样式。比如一些较大且内容详细的图标。
或者一些小而美的图标。
如果想让用户点击这类看似简单的图标,最好的方法就是让图标动起来,吸引用户的注意力。
也可以添加一些有意思的交互动效,增加图标的趣味性。
看看下面这组图标的问题,我们可以将它做得更好:
使用相同的视角。不能有的图标用单点透视,有的却是两点透视,造成角度不统一。
检查图标的详细度。不要造成一些图标很简单,有的却设计的很复杂。
注意图标的大小排版。有些图标视觉上可能需要占据更多的空间,控制好图标比例。
统一的线条搭配明亮的颜色,让这类图标看起来像是一个个简洁友好的插图:
添加明亮的颜色,可以为极简的图标增加丰富性,颜色的统一为图标带来标准性。
设计等距插图可能会花费很长时间,但结果往往是很值得的,这种样式有很强的表现力。无论是模仿现实的场景,还是创造一个虚拟的立体世界,都可以用等距插图的形式展示出来。
另外很多公司在遵循相同的样式创建等距插图,为用户带来整体统一的体验。
如果只有简单的直线和曲线,没有多余的文字,可能很难理解这类图标的含义。但同时,我们又很难忽视这种图标——它如此不规则,太过大胆而且引人注目。
3D图标作为一种非同寻常的样式来表达某种设计想法,创建起来并不是很复杂。3D图标搭配明亮的纯色,就能展示出令人惊叹的效果。
3D图标丰富的细节能更好地体现一些设计想法和产品表现力。
使用3D图标时,需要注意的是:不要混合使用等距图标和3D图标。
内容丰富的图标应该足够大,以便于识别。
这种形式很容易创建,适用于任何网站或者产品。
避免使用过于通用的图形模板,容易导致信息的关联性出现问题。
这可能是使用最广泛的样式。设计这类图标最大的挑战不仅是要支持想法,还要以令人愉快和独特的外观为产品增加价值。
当然也可以利用动效,增加用户的点击率。
如果大多数用户发现将图标与描述连接起来很容易,而且图标对他们来说很有价值,说明设计就走上了正确的方向。使图标变得有趣或情感化将提高整体的体验。
不要让别人去猜测你想用这个图标说明什么。图标应该是绝对清晰的,不存在双重理解的空间。
这类图标可能并不适合所有业务,但某些特定的品牌会认识到它们的作用。
绘制这样的图标需要一定的技能。可以尝试使用Photoshop或Illustrator插件将图片转换为草稿的方式来节省一些设计时间。
例如下面的图标,每个图标都展现出各自的特点和差异性,同时又保持了统一的弯曲的样式。
看了这么多的图标样式,你是否对图标设计有了更深一步的认识呢?图标不是体验中多余的部分,它本身就是一种独特的体验。
精彩推荐:
1、聊聊卡片式设计的运用
2、案例分析:栅格系统的布局设计
3、如何设计深色模式?这3点因素需要考虑
4、深度解析:服务蓝图的应用逻辑
答：01打开电脑中的AI软件，按ctrl+n新建一张画布，画布的高宽随意。02创建完成之后，我们在左侧工具栏中选择“矩形工具”，以2.5D矩形绘制为例。03选择矩形工具之后，在画布中绘制一个矩形，按住shift可绘制正方形。04矩形绘制完成之后，在上方选项中点击“效果-3D-凸出和斜角”05进入3D面板，在位置选项中...
答：(1)打开Ai，建立参考线。创建空白图层，使用直线段工具等距拉好竖排线，选择所有竖排线分别旋转60度和120度并复制，需要 注意三排线要交叉。没有交叉，返回竖排线的步骤，从中删一条，再做旋转。选中所有线，点击视图-参考线-建立参考线。然后更改图层名名称为参考线，锁定图层。(2)由于背景是地板，所...
答：用左侧工具栏里直线工具,画一条长度超过画布的直线,开始画之后按住shift,可以画出一条垂直的直线,按住alt键上下拨动滚轮,可以放大或缩小画布,如下图;用左侧工具栏里的小黑选择工具选中画好的这条线,按住alt往外拖,复制一个,然后按ctrl+d,就会复制出跟刚才托德距离相同的直线,一直复制到占满画布(注意,...
答：方法一：画一条垂直直线，复制—复制——水平分布对齐—新建“辅助线图层1.0”—Ctrl+G所有辅助线编组—双击旋转按钮—输入角度60°—勾选“预览”—点击复制—选择复制出的辅助线—再次旋转60°—点击复制—锁定辅助线图层，新建图形绘制图层—选择钢笔工具—在辅助线的交点上单击即可绘制图形 方法二：...
答：要在Ai中使用等距测量法，使用引导线和内置3D功能，如Extrude和Bevel，Rotate和Revolve。首先从线段开始，以30度放置。这时只有三种情况可以使用等距测量法：(1)物体具有简单矩形，眼前物体的尺寸和比例。(2)需要完成体积图的“平面”。(3)对齐沿直线延伸的相同长度的物体。可以使用旋转将复杂形状转换为等...
答：画尖顶门的方法:画一个矩形—选择钢笔工具—按住Alt键拖拽上方的边—选择最上方三个点—单击上方工具栏“转换成尖角”—完成 如何用AI绘制2.5D插画 我们都知道,现在很多Banner广告等都会采用2.5D等距插画来进行绘制,这种插画看起来十分舒服,并且能够根据设计师的技巧来进行各种搭配,下面教你如何用AI来...
答：AI软件制作2.5D插画技巧：用Al做2.5D插画主要有两个功能,一个是凸出和斜角另一个是绕转 一、凸出和斜角（下面就以制作一朵云朵为例）：1、画三个大小不一的圆形 2、合并三个圆形,在路径查找器中照到联集 3、选中图形找到效果-3D-凸出和斜角选项 4、调整参数 5、2.5D效果出来 6、颜色调整(━...
答：如何用AI绘制2.5D插画我们都知道，现在很多Banner广告等都会采用2.5D等距插画来进行绘制，这种插画看起来十分舒服，并且能够根据设计师的技巧来进行各种搭配，下面教你如何用AI来绘制2.5D插画。工具/材料 Adobeillustrator 01打开电脑中的AI软件，按ctrl+n新建一张画布，画布的高宽随意。02创建完成之后，...
答：01 打开电脑中的AI软件,按ctrl+n新建一张画布,画布的高宽随意。02 创建完成之后,我们在左侧工具栏中选择“矩形工具”,以2.5D矩形绘制为例。03 选择矩形工具之后,在画布中绘制一个矩形,按住shift可绘制正方形。04 矩形绘制完成之后,在上方选项中点击“效果-3D-凸出和斜角”05 进入3D面板,在位置选项...
答：在Ai中记得编组，并且多备份组；注意角度变化规则；注意相同元素宽高的统一；能使用剪切蒙版的就用剪切蒙版，便于修改。第一步：拆分插画，确定夹角角度本插画可以分为5个面，再加上其他元素。下面来看一下由正方形以夹角60度变化而来的基本面。左侧面 绘制一个矩形，右击，选择“变换”，选择“缩放”...
