武汉天琥设计培训学校
武汉天琥作为设计名家汇集地,拥有20多位讲师团队,深入研究设计教学规律,让您学习不走弯路,学得更轻松、更快、更好。

什么是ui手绘_ui手绘图标临摹

1

什么是ui手绘


UI也一样,绘制能力是表达手段,基础需求,只是工作里的一小部分。

什么是ui手绘_ui手绘图标临摹


什么是ui手绘_ui手绘图标临摹,在所有这些跟绘画有关系的行业里,绘画是为行业目的服务的,所需要的美术基础也绝不相同。所以千万不要把跟绘画有关的行业一概而论,理解为艺术行业。跟绘画有关的行业多数都是商业行为,商业行为下,艺术这个词就褒贬不一了。

如果一个ui有绘画能力,有几个好处:

第一:就是你可以短时间,高效率的方式,快速尝试设计和比对,提高工作效率。

第二:就是你绘画越熟练,你真的时工作效率越高。因为你对透视,结构,光原理,光色,的熟练,可以让你快速拆解你眼睛所见的一切事物,然后去根据需求改变和重新组合它们。

第三:很多时候手绘是一种不可替代的存在。

2

ui手绘图标临摹


什么是ui手绘_ui手绘图标临摹,虽然说做UI不要求一定要很强的手绘能力,但会手绘的话肯定能加分不少,也会提高审美和逼格的!

什么是ui手绘_ui手绘图标临摹


一:观察第一步应该是先观察,观察你要临摹的设计亮点地方。色彩、构图、质感、布局、交互、版式、光影等等,任何不可放过的细节。

二:思考去揣测作者为什么这样做,这样做的优势是什么?比如配色,为什么用这几种色值?如果改变一些有什么效果?如果换成另外一种呢?表达的含义是什么?

三:草图不管你是不是美术专业出身,手绘功底好不好,我都比较建议去画草图,照着你要临摹的作品画,一来提高你的手绘能力,二来加强记忆,三来能够为下一步”默写“做保障。

四:默写所谓默写,就是把原作放在一边,按照记忆和你画好的草图来设计,凭感觉和思考来调整你的临摹作品。当你遇到了不可阻挡、无法突破的瓶颈时候再去考虑看看原作。这一点很重要,也是临摹提升的重要性。

五:对比临摹好了以后去对比原作,比较一下相互的优劣势,如果你的作品欠缺了一些东西,那么去好好的自省,这个过程也是深记忆的。

3

ui图标手绘


设计手稿是设计师灵感的初次表现,是灵感泉涌的结晶。要创作,而不是凭空想象,既然是创作,肯定需要构思,如果直接凭空画出来,肯定效果不是很理想的。所以,需要手稿。你看别人制作人设的时候,都是有手稿的。不光如此,设计很多方面都是先打型,再局部。

1. 低重心自动铅笔,这个笔叫做低重心自动铅笔,而不是大家平常用的几毛钱的铅笔,因为用低重点自动铅笔,对于UI设计绘制手绘稿时,有非常大的帮助。

2. 交互原型尺,一般要准备这个尺子,因为UI设计在绘制手绘稿时,经常要画一些圆角和直线的形状而这些就需要用到交互原型尺才能绘制的更高效。

3. 设计网点本,网点本的用途就是在绘制UI设计手绘的时候,可以绘制的更高效,利用网点本去约束形状是非常高效的。

准备好了工具后就是进入正式绘制了,首先和大家说明下,我们学的手绘稿在UI设计中只是起的辅助的作用,也就是说即使一个没有任何美术基础的学员,也是可以做UI设计的。

手绘如果要学也不用像那些科班出身的人一样,从小学到大,学个十几年,学到梵高毕加索那个资深画家的程度。我们只需要经过三到五个月的练习就行了。练习方法就是大量的临摹。

4

ui设计需要手绘板吗


手绘板是一种工具,一种硬件输入设备,只是在硬件指标和表现方式上有所区别,理论上讲任何人都可以使用任何一款绘图板,即使你是新手,也一样,就好像买手机一样,除非是几年前的产品,不然配置上都差不多,看见喜欢的就买了,哪里需要考虑太多。

消费级别和专业级的数位板的真正区别不在于参数而在于你怎么使用,这就好像用5年前的电脑和1年前电脑用来画‘SAI’一样,根本看不出区别来,画起来很顺畅,但是一旦运行“Photoshop”或者一些建模软件,差别马上就出来了。

所以数位板导购要看自己要实现什么,如果是学生或者初学者和爱好者,比较好选择消费级别,绘王DWH69、1060PLUS是消费性数位板的代表,如果是从事专业制作,或者在专业公司上班,专业级别可能会比较适合你,如HUION的G-10T,GT156HD。

5

扁平化手绘ui教程


一、常规扁平化

步骤 1:

宽度: 500px, 高度: 400px. 背景色#e8d59b.

步骤 2:

参考线设置:

垂直:157px,177px,250px,323px,343px,378px

水平:72px,107px,127px,200px,273px,293px,328px

步骤 3:

前景色#d14242,,圆角矩形工具,半径40

步骤4:

椭圆工具,颜色#ffffff, 在中心创建圆状物体。

依然在圆形图层,选择减去顶层形状,画出圆环形状。

步骤 5:

自定义形状工具,前景色 #ffffff, 中心创建三角箭头

二、长投影

步骤 1:

矩形工具,前景色#000000, 在三角箭头图层以及圆环图层下方画出形状

自由变换,选择45度

为矩形形状添加图层蒙版

在图层蒙版位置按住CMD+左键单击圆角矩形形状图层,然后选择>反向

使用油漆桶工具,前景色设置为#000000,抹去超出圆角矩形的阴影

不透明度设置为 20%

步骤2:

步骤1是三角箭头的阴影,步骤2是圆环的阴影,类似同上,不再赘述。

三、 渐变式

步骤 1:

复制圆角矩形图层,然后移动到图层顶端,填充设置为 0%

步骤 2:

使用钢笔工具,删除一些锚点,然后拖移一些锚点到中心

为复制后的图层添加图层样式,如下(正片叠底 不透明度20% 缩放)

步骤3:

原圆角矩形图层设置(正片叠底 不透明度10% 缩放)

四、投影式

这个超级简单,给所有图层添加层样式即可(正片叠底 不透明度20% 距离10)

以上是武汉天琥设计培训学校整理的什么是ui手绘_ui手绘图标临摹全部内容,更多精选文章请访问平面设计学习网专栏。