UI设计培训中所需要的手绘能力

一、漫画

    主要不是绘画能力,更重分镜头,叙事能力,脚本编写能力,很多画的不好,但依然存活很多年的漫画还真不少,甚至可以证明,绘画能力的底线可以很低。

 

    二、游戏原画

     虽然工作内容是画画,但游戏世界观多数是架空世界观,历史及文明的视觉搭建。所以对历史符号,架空世界观,产品类型,研发流程实现等行业知识更重要。

    三、影视

    跟游戏差不多,但是你设计出来的东西都能实现。场景,道具,服装,你对施工,材料,拍摄效果,后期等相关知识得有足够了解。那些看起来都是画画的工作,其实绘画只是表达手段。是最最基础的一个职业技能。但是并不是主要的职业需求。UI也一样,绘制能力是表达手段,基础需求,只是工作里的一小部分。

    在所有这些跟绘画有关系的行业里,绘画是为行业目的服务的,所以,所需要的美术基础也绝不相同。

 

    所以千万不要把跟绘画有关的行业一概而论,理解为艺术行业。跟绘画有关的行业多数都是商业行为,商业行为下,艺术这个词就褒贬不一了。

    在聊美术需求以前,我们先来聊一个跟绘画有密切关系的东西:素描。

 

    多数想要学习绘画的人貌似第一个能了解到的绘画方式就是素描……

 

    具象化超写实素描:像照相机一样的去画画,比照相机更主观,大量细节往往令人印象深刻。

 

    其他很多素描形式就不一一列举了。

    我们做UI需要这种绘画能力么?肯定不是!

    回头来看一下,为什么会有素描这种绘画形式?你能找到的所有的历史名画,都有一个共同的特性:就是都有颜色。

 

     例如这张《奥菲利亚》:

 

手绘-奥菲利亚

 

 

    在普通人的印象里,画家都是很牛逼的无敌存在,画一张这样的画,你别管他花多久,都是一次搞定!其实不是的!不是所有人,都直接有能力在大脑中完成创作,直接绘画的

 

    任何你看到的一张完整作品背后,都有可能有十几张,几十张,上百张的小稿。素描是一种最节省资源的研习方式:因为你可以排除掉颜色的干扰,甚至排除掉构图,等一系列的多余因素,去有目的的研习作品元素。

 

    比如纯结构:

 

 

手绘结构

 

 

    素描的存在,其实是绘画的一个过程。因为你可以不用张张精品的去绘制完成。只需要明确你的目的,去快速熟悉,比对,选择。

    聊到这里,主要目的是确立一个观念:作为UI设计人员,请把绘画能力当做一种辅助研习的手段。

   回到正式话题:UI需要哪些绘画基础知识?结构——物体占据空间的方式。

 

   一般设计行业的素描都是结构素描,结构的重要性不言而喻。

 

    为什么素描要从几何图形画起?原因就是够简单。当你去处理一个复杂图形的时候,把它拆解成简单的几何图形最容易理解和控制。我们是在二维世界里,去表现三维世界的空间,所以理解了结构,就能理解很多其他东西。

 

 

      比如光原理:

 

关原理

 

 

    光是一个永远的存在,影响光的因素,其实就是结构,其次是材质对光的反射比例。

 

 

 

     肯定也需要学习和了解透视原理。因为今天不是讲解美术基础,所以只能做简单介绍。

    常规透视:基础透视原理

    平行透视:其实是平面设计行业用的最多的透视方式,不用考虑灭点形变之类的因素。

    视觉透视:人的视觉是有生理误差了,所以感官上来讲,很多透视都做了相应的修改,以适应人眼的观看方式。

      变形透视:特殊目的下,会使用变形透视,比如,你的手机其实并不是水平于你的眼睛的。很多时候会有倾斜。UI设计时,根据目的也会做相应的调整。

      色彩原理:

 

    色彩是一个可以单独拿出来说事的知识:色彩是视觉引导,情绪引导,观感控制的一个重要手段。很多人都觉得色彩是很难掌握的一个能力,其实也不用太担心,因为有大量的现成的色彩构成,与色表等可以参考。在不能主观去使用的时候,至少学会收集色表,和根据需求使用它们。

    构图:

    因为无论是绘画还是做UI,我们看到的内容都是有边界的。

 

    既然有边界,就要安排主要内容的位置。

    对于影视产品来说,就是镜头感。

    对于UI来说,就是观看舒适度和操作舒适度。

    所以如果一个UI有绘画能力,有几个好处。

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

 

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

 

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

     重新审视一下绘画知识和UI的关系:

     结构:没有任何东西是没有厚度的,哪怕是扁平化设计,很多也都有厚度。

 

     透视:结构的变形一定会在透视的框架下!

     光原理:能理解结构,就能自由控制光源。

      构图:其实是UI工作使用最频繁的原理,布局永远是整体控制的关键。

 

      色彩原理:无处不在,无法忽略。

     无论你做任何绘画练习,请一定要明确你绘画的目的。画画这个事情其实就是一个量的积累,哪怕你没有因为绘画而提高设计能力,但长期保持绘画习惯,绝对大大提高你的设计效率是真的。

 

    其实就国内各行各业来看,其实没有哪个职位是工作内容范定的特别精准的。特别是一些小公司。除了UI本职工作以外,动画,特效,场景元件,角色切片,也都有可能遇到。手绘能力可以让UI职位锦上添花,拥有更强的适应力,更高的工作效率。也有更多横向扩展职业能力的机会。

    所以,你多少都应该具备一些手绘能力。以及相关的绘画知识。

   最后想说的是,以绘画的方法去【理解】 视觉上的世界是一个很好的方式,也可以去尝试绘画,但是请明确你做这个事情的目的。不要为了画画而画画。

 

下面是和UI设计培训相关的文章--五款交互设计APP界面欣赏

每天对自己多一点点的UI设计培训,每天就增加多一点点的经验。
更多的UI设计培训在趣达;交互设计培训,网页设计培训,平面设计培训等等着你。

 

原文来自:牛津教育

免费UI设计公开课

转载于:https://www.cnblogs.com/qudaxueyuan/p/4893277.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/471503.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

LeetCode 2076. 处理含限制条件的好友请求(并查集)

文章目录1. 题目2. 解题1. 题目 给你一个整数 n ,表示网络上的用户数目。每个用户按从 0 到 n - 1 进行编号。 给你一个下标从 0 开始的二维整数数组 restrictions ,其中 restrictions[i] [xi, yi] 意味着用户 xi 和用户 yi 不能 成为 朋友 &#xff…

java检查两个字符串是否包含,java判断一个字符串是否包含另外一个字符串,java另外一个,要检查一个字符串是否包含...

java判断一个字符串是否包含另外一个字符串,java另外一个,要检查一个字符串是否包含要检查一个字符串是否包含另外一个字符串需要使用indexOf()方法,如果indexOf方法返回大于等于0的值,则表示包含,若返回-1则表示字符串中不包含。…

设置停靠模式,切割设置星级图标

//星级 [self.startView setStarLevelFormStr:model.starCurrent]; - (void)createUI{ //在当前图片上放置五星级图片 UIImageView * upImageView [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 65, 23)]; upImageView.tag 2000; upImageView.image [UIImage imageN…

LeetCode 2078. 两栋颜色不同且距离最远的房子

文章目录1. 题目2. 解题1. 题目 街上有 n 栋房子整齐地排成一列,每栋房子都粉刷上了漂亮的颜色。给你一个下标从 0 开始且长度为 n 的整数数组 colors ,其中 colors[i] 表示第 i 栋房子的颜色。 返回 两栋 颜色 不同 房子之间的 最大 距离。 第 i 栋房…

php aura,AuraPHP路由器没有拿起参数

我不认为这与Aura.Router有关。引擎盖下的Aura.Router v 3.x使用Zend框架diactoros(Nothing with Diactoros也:-))。您可以看到匹配是如何完成的:https://github.com/auraphp/Aura.Router/blob/a6897f8f66fe8b89d6ef0ab988ff77b5f77076ce/src/Matcher.php#L115看起来…

LeetCode 2079. 给植物浇水(前缀和)

文章目录1. 题目2. 解题1. 题目 你打算用一个水罐给花园里的 n 株植物浇水。 植物排成一行,从左到右进行标记,编号从 0 到 n - 1 。其中,第 i 株植物的位置是 x i 。x -1 处有一条河,你可以在那里重新灌满你的水罐。 每一株植…

matlab提取图像中的一部分并移动,在Matlab中从图像中提取对象

这是一个很好的解决问题.这是一种你可以使用的方法,但我承认它绝不是完美的,也可能不那么健壮.希望它能带给你创意……我所做的基本上是用中值滤波器过滤图像(就像你做的那样)并使用bwareaopen删除小元素.然后我打电话给regionprops来获得一堆属性,其中最重要的是区域和偏心.这…

LeetCode 2080. 区间内查询数字的频率(哈希+二分查找)

文章目录1. 题目2. 解题2.1 超时解2.2 优化1. 题目 请你设计一个数据结构,它能求出给定子数组内一个给定值的 频率 。 子数组中一个值的 频率 指的是这个子数组中这个值的出现次数。 请你实现 RangeFreqQuery 类: RangeFreqQuery(int[] arr) 用下标从…

java里的super杀意思,java中Super到底是什么意思?必须举例说明!

马克-to-win,Super是一个参考(或说指针)指向他紧邻的父类(见下面的例子)。Super is a reference of its neighbour superclassSo Use super to call superclass’s constructor用super可以指向被隐藏的父类的同名成员。Use super to call superclass’s members tha…

C#中的多文档的使用

1.首先,新建一个窗体,设置窗体的IsMdiContainer true; 窗体的大小为700*600 长700 高600 2.在窗体的Load事件中添加如下代码 private void FormMain_Load(object sender, EventArgs e){Form form new Form();form.FormBorderStyle FormBorderStyle.…

list.php tid= field,dedecms列表页模板中调用当前栏目文章数

此方法适合5.6及5.7 其它未测修改 include/common.func.php文件,在最后加以下代码://统计栏目文章数function GetTotalArc($tid){global $dsql;$sql GetSonIds($tid);$row $dsql->GetOne("Select count(id) as dd From dede_archives where ty…

LeetCode 1901. 找出顶峰元素 II(二分查找)

文章目录1. 题目2. 解题1. 题目 一个 2D 网格中的 顶峰元素 是指那些 严格大于 其相邻格子(上、下、左、右)的元素。 给你一个 从 0 开始编号 的 m x n 矩阵 mat ,其中任意两个相邻格子的值都 不相同 。找出 任意一个 顶峰元素 mat[i][j] 并 返回其位置 [i,j] 。 …

Tracing mysqld Using DTrace

http://dev.mysql.com/doc/refman/5.6/en/dba-dtrace-server.html转载于:https://www.cnblogs.com/zengkefu/p/4900476.html

LeetCode 2085. 统计出现过一次的公共字符串(哈希)

文章目录1. 题目2. 解题1. 题目 给你两个字符串数组 words1 和 words2 ,请你返回在两个字符串数组中 都恰好出现一次 的字符串的数目。 示例 1: 输入:words1 ["leetcode","is","amazing","as",&q…

php表白页面,2020情人节表白页面(代码分享)

趁此单身汪伤心之日,作为一名前端程序猿的我也按捺不住了,撸个表白页面送给广大想表白的人儿。话不多说,先看效果(网页地址):功能一个网页输入名称,生成带参数的网址。浏览器输入该网址,即可打开带有该名字…

matlab玫瑰,网上收到的用matlab画玫瑰花的代码怎么不行啊,报告错误,求大神

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼function plot_rosedraw_main(450,90);function draw_main(x,y)%粉红色玫瑰arcdata{1}[65 -60 150 350 866 -54 300 470 865 -56 30 230 1064 -57 300 490 17];ellipsedata{1}[73 -30 250 450 27 4059 -30 100 290 27 4065 -40 140…

设计类职业

设计类分: 1、视觉(2D 3D 2、声音 3、活动 很多时候是三种组合在一起,伴随不同行业延伸发展。 八类设计人才成职场红人 由于人才紧缺,以下八类设计人才已成为职场红人,未来发展前景看好。 1、产品设计师 工业生产型企业…

LeetCode 2086. 从房屋收集雨水需要的最少水桶数(贪心)

文章目录1. 题目2. 解题1. 题目 给你一个下标从 0 开始的字符串 street 。street 中每个字符要么是表示房屋的 ‘H’ ,要么是表示空位的 ‘.’ 。 你可以在 空位 放置水桶,从相邻的房屋收集雨水。 位置在 i - 1 或者 i 1 的水桶可以收集位置为 i 处房…

LeetCode 2087. 网格图中机器人回家的最小代价(脑筋急转弯)

文章目录1. 题目2. 解题1. 题目 给你一个 m x n 的网格图,其中 (0, 0) 是最左上角的格子,(m - 1, n - 1) 是最右下角的格子。 给你一个整数数组 startPos ,startPos [startrow, startcol] 表示 初始 有一个 机器人 在格子 (startrow, start…

PAM+4+matlab,基于PAM4调制的400G光模块

PAM4是400G光模块的主要调制方式,有多模和单模两种类型。基于PAM4调制的400G光模块电口侧以8x50G PAM4调制,光口侧则有8x50G PAM4和4x100G PAM4两种调制类型。多模光模块400G多模光模块常见的有SR8和SR4.2接口,皆使用8x50G PAM4调制。400G SR…