自定义插画-当前UI设计领域比较流行的趋势有哪些

1、黑夜模式

黑夜模式出现是为了减少用户眼睛疲劳,提升产品的使用体验。此前Google材料设计语言更新,增加暗夜模式。同时今年Q3季度苹果发布IOS13设计语言系统,里面增加暗夜模式。相信后续很多APP应用都会跟随两大厂商更新这个黑夜模式设计方向,无疑2020年这个将会持续。

如果你打算给产品增加夜间模式功能,要注意这8点:避免纯黑、避免在高饱和色、满足可访问性颜色对比标准、文本高亮色、情感化设计、景深、让用户自由切换夜间模式、在灯光下和黑暗中分别测试都要测试一下。

2、留白设计

留白,也称为负空间,但是不要认为留白就一定是白色,你可以想像一只大象在房间里,大象周围的空间就是留白。留白设计可以减少分割线对内容的干扰,界面呼吸感增强,达到简约设计的目的。

留白设计的方式有很多,比如刻意留白、去掉多余的元素、放大图片增加足够的空间、使用文字间距、有效地使用填充、增加边界、组织好留白的元素等。此前Facebook旗下的Messenger应用和雅虎更新品牌语言更新都使用了基本去分割线、通过留白区分层级。

3、苹果设计风格

苹果风一直盛行至今天,作为合格的UI设计师更应该提前去对这种趋势熟练掌握。要做出“苹果风”的设计,你可以从这三个方面入手:1)颜色。使用非常柔和(饱和度低)的颜色,并不一定是非黑即白,深灰、浅灰更是苹果官网常见的颜色;2)字体。苹果选择了无衬线的平黑体,无衬线字体能够让整体看起来更简洁、简约、更具有科技感与现代感;3)排版。苹果是简洁风设计的大力推崇者,在排版上,也秉承着“少即是多”的设计理念,即少文案、多留白、居中对齐、字号大小对比明显。

4、品牌渗透

UI设计师不是品牌设计师,但是得有品牌思维,UI设计中融入品牌基因,会让你的设计更具有独特性,拥有品牌元素的页面更容易让用户记住,会带来更大的附加价值,有信任感。优秀的UI设计师不仅能够把控视觉美感,更重要的是做对方向,准确的表达!

UI设计师只有了解潮流趋势才能设计出令客户满意的作品,当潮流与扎实的技术相结合,你所设计的作品才更具价值,高薪就会变得很容易。

1.

全屏背景图片

如今的全屏背景确实是最广泛的设计趋势之一,无论是使用照片还是经过特别渲染的可视化效果,均是在此范围以内。这种方法无论是在视觉上,还是在情绪上都非常的吸引人。此外,它能够让所有的布局元素具有强烈的整体感。

2.

多个可交互图层UI

设计师一直在探索各种实验性的设计,而如今就有越来越多的设计师开始在网页中加入多个叠加的可交互的图层,让用户可以同网页进行复杂的交互。相比之下,单纯的滚动浏览就显得很原始了。这个拯救海洋为主题的网站就是这样做的。当轮播图变化的时候,其他的两个交互层也会随之而变化。另外,这种设计当中有一个分支,就是图片填充式排版,图片甚至视频被作为纹理和素材填充到文本当中,有的是静态的,有的会随着交互而移动。

3.

自定义插画

自定义插画一直广泛存在于网页和

UI设计当中,不过如今的网页和

UI

中的自定义插画会更加成熟,在可用性、直观性、隐喻和信息传达上,有着更加突出的特点。图片和插画本身会提升整个设计的可访问性,插画和文本的互相支撑,让整个设计更加统一。自定义插画让网站的价值感得到了增强,不仅在美学上赋予网站和内容的一致感,而且在内容上显得更加突出。

AI插画基础教程,教你简单搞定UI小插画

我们在使用AI的时候,AI工具的组合步骤不同的时候,出来的效果都会完全不同,本文就来为大家介绍如何配合基础工具,重复使用图形我们可以做出非常多样化的设计,下面我们一起来看看吧。

1、制作花盆基础形.

选择原角矩形工具,通过按住键盘上、下键控制切圆角弧度。

2、选择‘删除锚点工具’,删除掉其中一个锚点后,切换为“直接选择工具”,拖动至中间,再次切换“钢笔工具”---“锚点工具”,按住鼠标左键不放拖出上方贝塞尔曲线,调整好弧度。

3、选择“删除锚点工具”,删除右顶点锚点(切忌不能直接delete,否则会变成非闭合路径).

4、选择“直接选择工具”,拖动两边锚点为以下形状。

5、接下来我们要来制作花盆口,包含花盆外圈和内部土壤。

首先把填充颜色选择为土壤色,描边切换为花盆外圈黄亮色。选择“椭圆工具”,拖出自定义大小花盆口,大小就按自己喜好啦。然后放置为花盆上方。

6、虚线装饰。

制作花盆不是最复杂的,如何利用软件自带装饰做效果同样可以提升工作效率哦。

接下来我们利用AI自带描边款式加花盆的装饰细节。

切换“选择工具”,选中刚刚制作好的花盆雏形,按住Alt键同时点击鼠标左键,往右复制出花盆,切换填充为描边,确保填充为关闭状态哦。

7、调取描边款式。

如果描边选项没有在选择范围内的童鞋,请参考以下图示1-2-3-4步骤,这是隐藏的装饰功能,里面很多都是可以直接调取出来使用。

TIP: 这里还有个技巧,自带的虚线默认设置是黑色的,无法吸取自定义颜色,那么我们也有办法进行设置。

首先双击“虚线”选项,随后出现如下面板, 在面板中找到着色--方法--色调,点击确定,就可以自定义选虚线颜色啦!

8、制作更多细节。

沿用步骤7中做法,复制一个花盆口,关闭填充,更换描边为虚线。在这里我想要的款式为只有下半圆,点击选中上方节点,选择delete,就得到下半圆弧形咯!

9、花盆暗面制作。

选择椭圆工具,按住Shift键,拉取出一个正圆形。同时选中花盆和正圆,选择“窗口”--“路经查找器”,选择第二排第一个“分割”,接下来把剩余不要的边角料delete就ok啦。

10、勾勒仙人掌和小花。

用钢笔工具勾勒出如下图形,也可以自己设计哦,外形不用太规则,大自然的产物有些不规则才是最美的!此外注意制作仙人掌暗面时建议也用复制的办法,这样可以保证和原本亮面完美重合。

11、俄罗斯风花盆制作。

因为这种配色出现在俄罗斯教堂中很多次,花纹是极简的,所以我命名为俄罗斯风。

复制红色花盆,更改为喜欢的配色,以下是教程提供配色参考和色值。

12、选择“钢笔工具”拉出水波纹般弧度,切换描边为虚线。

仙人球部分可以直接选择椭圆工具,再选择锚点进行变形。

13、接下来要制作第三个日式和风花纹花盆。

第一步钢笔工具绘制出单个仙人掌造型,然后复制出大小五个, 错落拼在一起。

14、制作一个单位和风花纹。

选择椭圆工具,按住Shift键拉取出正圆圈,关闭填充。复制几个同心圆---以圆圈中心放大。

接下来,选择“矩形工具”拉取矩形块,放置在圆圈中心处,顺序在圆圈上层形成遮挡。

然后,选择“窗口”---“路径查找器”--“分割”,删除掉不需要的下半部分。一个花纹的基础单元制作完成。

15、选择颜色,描边为纯白色,蓝色与花盆本身颜色一致,色号参加下图。

接下来复制单个花纹一层一层叠加上去。如何让多余花纹去掉,完美绕排在花盆周边呢?

同样采用“路径查找器”--“分割”,但是这里需要注意,我们需要分层次来分割。

首先参考下图step1中,选中底排两边花纹、花盆外框,然后分割--删除不需要的边角;再次重复以上动作,选中第二排两边花纹、花盆外框,分割--删除不需要的边角,图示请看step2。

至此我们三盆不同的仙人掌就制作完成啦!为了突出效果,我们可以用相同的素材搭建不同的插画效果哦!一种沙漠风,一种星空风,还有其他风格期待来交作业咯!