2.5d建筑插画手绘小房子-UI设计师必备的技能是什么(ui设计师需要具备哪些能力)

今天小编讲解了在ai设计2.5D风格三角形建筑图标步骤,下文就是关于在ai设计2.5D风格三角形建筑图标的教程,一起来学习吧。

做参考线

打开AI,ctrl+n新建一个800*600,颜色模式为RGB的画布,如下图;

用左侧工具栏里直线工具,画一条长度超过画布的直线,开始画之后按住shift,可以画出一条垂直的直线,按住alt键上下拨动滚轮,可以放大或缩小画布,如下图;

用左侧工具栏里的小黑选择工具选中画好的这条线,按住alt往外拖,复制一个,然后按ctrl+d,就会复制出跟刚才托德距离相同的直线,一直复制到占满画布(注意,直线的个数必须是奇数!),如下图;

用小黑工具,框选画好的所有直线,按住r+enter,会弹出下图窗口,角度改为60度,然后点击复制,然后再重复按住r+enter,参数跟刚才一样,再复制一次,参考线就做好啦,效果如下图;

参考线做好的样子一定要跟上图像素妹的一样哦,如果不一样,就检查一下,旋转复制之前,画的直线的个数是不是奇数,一定要是奇数才可以哦～

上色

选择左侧工具栏里的实时上色工具(如下图),把工具栏最下侧那里的填充打开,选一个颜色(像素妹选的颜色色值在下图哦),描边去掉,如下图;

用实时上色工具点选参考线组成的小格子,把我们要画的这个三角形矛盾空间的外形先勾勒出来。值得一提的是,如果在画参考线的那一步,线的距离比较近,格子比较小则上色时需要多选几格,如果格子做的比较大,就可以少选几格,对比如下图;

给画好轮廓的矛盾空间加上明暗关系,让它立体起来,呈现出2.5D的效果。还是选择实时上色工具,同色系换个比刚才填充的再暗点的颜色(像素妹的色值在下图),填充两个面,如下图;

选择实时上色工具,仍然是同色系,换一个更暗的颜色(下图有像素妹色值),再填充两个最暗面,矛盾空间的感觉就出来啦,如下图。

到这一步心急的朋友是不是以为已经画完啦,那这整个画布的参考线怎么办呢?

去除参考线

用小黑选择工具,框选全部参考线和形状,执行最上面工具栏中的对象―扩展,把弹出的对话框三个选项都勾选,点击确定,如下图;

ai|

特点-扁平、流行、常用的风格、简洁明了

扁平插画简单来讲就是把复杂的关系简约化,让画面更加清爽整洁,也是现在比较常用的风格了,很多商务工具类的APP会选择使用这种风格。比如说拉勾、钉钉...

特点-扁平插画的变种、增加颗粒感、有质感、光影关系好

肌理插画顾名思义就是给插画加上了些肌理质感(比如杂色)和光感,本质也和扁平插画差不多,一些想体现质感的页面会用到这种风格。以下是一些设计师的作品。

特点-美术功底要求最高、应用广、展现内容丰富 。手绘风格的插画运用的也比较广,常见的有一些插画绘本,故事场景设计等。下面这些是摘自 插画师-顾心 的作品。

特点-简洁、圆润、可爱、断点

MBE插画(dribbble的一位设计师创作了这种风格),它主要的特点就是圆润、可爱、呆萌、简洁。在APP中的引导页、启动页和缺省页运用也比较广泛。

特点-唯美、颜色的采取近似色、颜色明亮鲜艳。

渐变插画有点类似日本漫画场景的感觉,风格特别唯美浪漫。光感比较强,所以也称为微光插画。颜色一般采用相近色,颜色种类不要太多。

特点-2.5d插画、立体感强、视觉冲击强。

立体插画也称为2.5D插画,也就是在二维的空间里表现三维的事物。所以现在越来越多的设计师去学习C4D这个软件,虽然AI和PS也能做,但会麻烦一些。很多电商类的APP会选择使用这种风格。比如说京东...

特点-形状、描边、抽象画处理

描边插画除了运用形状,还在它的外轮廓都运用了描边,可以很清晰的表达抽象事物。经常运用在一些图标icon上,比如闲鱼、转转...

首先是设计软件,PS,AI,SKETCH,XD这几个最好学一下。

剪影图标,扁平图标,MEB风格,微质感图标,手机系统主题,运营节气图标,拟物图标学一下。

交互软件的话,AXURE,XMIND,墨刀,各类交互线框跳转设计了解下。

项目的话,各类APP的功能定义,交互线框排版设计,视觉风格了解下,卡片式,弥散阴影了解下,接地气的扁平上色极简白色上色风格了解下。

各平台和尺寸的分辨率适配及UI规范,图标尺寸规范了解下,切图标注软件了解下。

交互动效的话,软件太多了,我推荐Principle和AE,还有H5动画了解一下。

DW的操作,网页切图,简单的HTML5CSS3代码了解一下。

企业站的结构,功能定义,排版设计,视觉设计了解下,后台控件UI规范了解下。

电商站的首页,详情页,活动页设计了解一下。

BANNER设计,字体设计,运营小插画,扁平插画,2.5D插图了解下。

VI设计,LOGO设计,平面三折页宣传册色彩排版了解下。

C4D软件建模渲染了解下,各类手绘插画了解下。