学ui设计需要手绘吗?-萧蕊冰

用户头像
北京/UI设计师/5年前/117浏览
学ui设计需要手绘吗?-萧蕊冰
用户头像
萧蕊冰

学ui设计需要手绘吗

经常有很多人在问:学ui设计需要手绘吗?一直以来都有人问类似的问题。那么到底ui设计需要手绘能力吗?手绘不好是不是不能做UI?不是科班出身,没有手绘基础怎么学UI?今天这篇文章萧蕊冰就针对UI设计要不要手绘能力做一些回答。


手绘只是职业技能而非职业需求

首先先明确一点,手绘只是一个职业技能,并不是主要的职业需求,它不会给你雪中送炭一样的作用。手绘只是在视觉表达上会有优势,但并不是不会手绘就做不了UI。手绘对于UI设计师来说是锦上添花。

手绘是根据项目需求、作品性质而定,不是所有的设计方案都需要手绘,有些方案甚至根本就用不到手绘。


手绘体现的是原创绘制能力

对现有的设计资源进行合理的搭配完成设计方案,是UI设计中一种很常见的设计方法,采用这种方法是不需要很强的手绘基础的。而在一些游戏UI设计上,是需要大量的原创素材的,没有手绘原创的能力,设计师可能会痛不欲生,无法完成项目。

相同的逻辑,手绘的背后体现的原创绘制能力,手绘只是展现原创能力的一种,如果你不会手绘,但用电脑也可以表达这样的原创能力,为什么不用呢?不要局限于手绘,它只是展现你原创能力的一种工具。

undefined

UI究竟需要哪些手绘基础知识

大多数的UI设计师是在做了UI之后开始学习手绘,因为从业2~3年之后,大都会遇到瓶颈期,而对于设计师来说,手绘能力的提升有助于设计师的整体能力突破和提升,手绘基础越深厚,设计思路和表现手法也会越开阔,作品的质量也会更加提升。

所以建议大家多少学点手绘,但要明确一点,你是一名设计师,不要以其他行业的绘画标准去要求自己,那样就本末倒置了。

那么问题又来了,UI究竟需要哪些手绘基础知识?手绘和素描一样么?

undefined


手绘不等于素描,但却是共通的。左边的是写实的素描作品,右边是手绘人物作品,两者都是超写实,只不过右边是彩色的,左边是黑白,但右边没有素描基础也无法画的如此细腻。

对于没有基础的小白来说,建议先掌握透视、结构和光影,这是最基础也是最难掌握的。

基础透视

平时我们常用的透视是一点透视(平行透视),两点透视,三点透视(都用于建筑手绘)。

一点透视:强调纵深,画法简单,适合表现偏平视且高度不高的物体和空间。
二点透视:适合表现在一定距离外偏平视的高度不高的物体和空间。
三点透视:强调高度,在使用仰视或俯视、尤其是表达高和深的概念的物体和空 间的时候,适合使用三点透视。

一二三点透视我都学过,但是怎么用?

undefined

如果只是会拉透视线,是一辈子也学不会透视的应用的,要从具体的环境中去决定使用哪种透视。

结构

undefined


可以先从结构素描入手,慢慢的开始画一些产品的草图,尝试着去分析它们的结构,由于人类机器设备的工业生产上便利的缘故,我们所能看到的大部 人造物体,都可以很轻易地用这些基本几何体来概括。

所以,如果要练习,不妨从今天起就不要把东西太当成『那个东西』,而把它当成『基本几何体』来认知,真的会非常有用。

但对于结构的理解记住有一点要牢记,所有的产品都是有厚度、有圆角的。扁平化的设计,产品也应该有厚度,再尖锐的产品也都会有倒角的。


光影

undefined

拟物化的图标材质表现大多靠的是光影,而光影效果的呈现还需要考虑光源大小、光源的冷暖、光照效果……

undefined


对比上面的左右两图。 如果单看左图,似乎显得还不错,已经很靠谱了。但对比右图,就总觉得左图少 了点什么…而左图只是把右图中受天光冷色影响的部分给去掉了,可见光影的重要性。


综合以上所说,ui设计需要手绘吗?当然不是一定的,但是会了可以锦上添花。UI是一个涉及面非常广的职业,配色做不好不行,排版做不好也不行,构图做不好更不行……说到底,手绘和PS、AI这些都是工具而已,可以学手绘, 让你的作品更加出彩。更多UI设计相关经验教程请持续关注 ~


0
阅读原文
|
举报
|
1
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
抽象液态渐变UI背景模版
UI应用平面图标
高级表盘系列UI源文件
UI通用设计素材1
【新年UI图标】银行卡icon
盲盒APP UI设计
科技医疗透明柜UI界面设计
3D卡通UI界面图标可爱插画免扣素
新能源APP应用UIKit
【新年UI图标】影音icon
【新年UI图标】会员icon
【新年UI图标】30个图标
【新年UI图标】钱包icon
【新年UI图标】秒杀icon
新拟态风格 UI设计组件库
【新年UI图标】珠宝icon
钱包ui模板
手表表盘UI系列
智能家居中心 简约 UI设计组件库
3D渐变流体抽象矢量UI背景图
我的钱包-UI界面设计-app
高级感金属拟物 UI设计组件库
拟物风质感写实UI卡片合集源文件
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册