UI/界面设计

科普小知识:UI设计难在什么地方?做单个图标并不难,难在如何统一风格,难在设计师需要和多个部分协同完成。

UI图标

图标虽小,绝对烧脑。抄抄抄,抄到天荒地老!什么时候创作灵感不用找,先学走后,再学跑

界面

界面构图是什么?是习惯的养成游戏

学生作品

学生的努力和付出才是根本,老师是催化剂。

我们如何上课

零基础也不用担心,小班教学,个别指导。老师根据学生自身程度安排课程难度。课程类型分为:标准课,定制课,师徒模式,可以根据自己的需求选择不同的类型。

标准课

【标准课】课程标准化。针对想打扎实基础,目标还不太明确,并且时间比较充裕的学员。上课方式是循序渐进的,按照我们的课程安排上课,优点是内容全面,费用低。费用包含公共画材(自己家里用的画材可以根据老师给的清单购买)。

1试听测试
2试听总结
3提出建议
4参加学习
5阶段总结
定制课

【定制课】课程个性化,目标明确的学员。老师会根据你的要求和目标,细化教学步骤,设计课程。课程内容不同于标准课,可以跳过前面针对性不强的部分,直接画你需要的内容,明显提高学习效率。费用包含公共画材(特殊画材可以根据老师给的清单购买)。

1试听测试
2师生沟通
3设计课程
4签字同意
5参加学习
6阶段总结
师徒模式

【师徒模式】具备准行业水平的学生,可以参加师徒模式。由极典推荐优秀学员,到行业大咖工作室实习,并获得行业一线信息的学习方式。师徒模式缺点:学员基本素质要求高,费用高。

1大咖测试
2达成协议
3参加实习
4总结反馈

课程体系

第一期 绘画潜能训练

(标准课)

共16次课(重新认识美术的重要基础课程)

  • 观察训练
  • 线条训练
  • 图形简化
教你如何正确使用眼睛,正确收集图形信息,不是有眼睛就懂观察。
教你如何流畅的运用笔,画出看到的图形(脑中的短时记忆),建立眼、手协调性。
教你如何画复杂物体,从学会运用大脑对物体进行加工开始,建立眼、手、脑的协调性。

第二期 UI基础与提高

(标准课或定制课)

共16次课(如果跳过前面的课程,该阶段为定制课)

  • 光影训练
  • 构图训练
  • 速写练习
学习光影素描的步骤,理解结构和光影的关系,包含静物素描和风景素描。
学习常用构图方法,如何开始创作从构图开始。
教你如何快速把握创意灵感,用速写表达出来。

第三期 UI从临摹到原创

(标准课或定制课)

共16次课(如果跳过前面的课程,该阶段为定制课)

  • 色彩搭配
  • 色彩练习
  • 临摹训练
认识孟塞尔色球的作用,如何搭配出适合环境与功能的色彩。
可以在这个课程中,可以选择任意一种工具,进行练习。画出完整的作品来。
在自己还不具备创作出一幅完成作品前,临摹可以了解整个绘画过程。

第四期 UI原创步骤

(标准课或定制课)

共16次课(如果跳过前面的课程,该阶段为定制课)

  • 材质表现
  • 创意素描
  • 图标创作步骤
学习玻璃,金属,木头等,绘画表现方法。
写实、抽象、变形、扭曲、翻转。用不同的方法表现出我们看见的事物。
教你如何收集素材,提炼灵感,图像化等。将想法变成具体的设计稿。

标准课与定制课区别

【定制课】:1.时间短任务重的。2.无论有无基础,解决瓶颈问题。

【标准课】:1.零基础无明确学习目标的。2.时间充裕。3.试探性学习的。

  • 试听
  • 课程设计
  • 定制课程
试听课是测试课程,测试结果可以大致看出您的学习的接收能力,可以帮助老师设计课程进度。
测试结束后可以通过和老师充分交流,说明学习目的,老师会为学生量身定制课程。
针对您所选择的教学目标,定制课程可以让老师深度指导您的创作过程。学员和教师协商后,经双方同意设计的定制课程,需双方同意签字后执行教学。

关于学美术有没有前途的问题,怎么回答才算负责呢?站在大多数培训机构的立场会回答:有前途啊!有人怎样怎样了,现在工资多少多少,学美术如何如何。殊不知,那是利益驱动让这些培训机构如此回答。一个有良心的培训机构,其实会根据具体某一个学生的自身情况作出主观判断,请注意为什么是主观判断呢?因为老师的经验本身就是主观的,如果哪位老师对某个学生做出信誓旦旦的结论,无论这个结论是褒还是贬,都不足以决定一个人的未来。因此这类的回答,学生只能借鉴,而不是盲信。那么反思,为什么学生喜欢提出这样的问题呢?因为学生在为自己行为找一个合理的解释,或者说是支撑。而我个人认为,当迷茫的时候,其实答案已经在自己心中,我们潜意识中其实已经有了选择,我们在询问周围的人对这件事的看法时,其实是在找最后一根稻草。那么为什么不在夜深人静的时候问问自己内心的想法呢?这时候做出的选择才是有勇气承担结果的选择。

教学中常常有学员问我:“老师,我朋友想学电脑数位板画CG人物和场景,他在犹豫是直接学数位板绘画还是先学真实纸笔的手绘。”一下简称电绘与手绘。
我本人是手绘和电绘都能画,下面说说我个人感受,请大家自己判断。
电绘是社会科学进步的产物。中国近十余年电脑、互联网的普及,插画、游戏、漫画等商业美术可以直接在网络上展示,同时也可以线下印刷喷绘,加之电脑上作图相对实际纸笔方便,所以有很大发展。

对我个人而言,电绘和手绘,讲究的作画步骤、原理其实相通的。例如草图线,图形意识,图形简化,构图,黑白灰关系,人物动态夸张,艺用人体解刨,色彩搭配,上色遵循光的素描关系等

但是对于初学者来说,我觉得入门最好还是选择手绘,因为手绘是一气呵成的,中途修改次数是有限的,而电绘可以无限修改。往往画面效果也许电绘可以更胜一筹,但是对于绘画习惯的培养,电绘不是一个好的选择。

800800 (1)800 (3)800 (2)800 (4)

数位板大大提高了画面的精细程度,但是却不能让画者体会到手绘的温度。看一幅手绘作品和一幅印刷品感受是不一样的。
有温度感的绘画训练都能让我们心情更愉悦,更好的促成对画笔的掌控和对效果的把握。事实上,电绘牛逼的大师,手绘能力都是很强悍的。
只要素描和色彩基础好了,再接触电绘就能更快上手并得到好效果。

第1,锻炼我们理解物体的形体、轮廓、明暗的思维。

v2-14be69fd47ab6f327d21c1e22c3f4d37_b

比如看上面这张作品,在创作过程中我们要画出瓶子的明暗关系,物体间交汇的阴影,各物体的轮廓,前后景的景深,画布的褶皱方式等……而这都是有意识的思考后动手才能完成的结果,构成一幅平稳准确细节丰富的作品。

持续的绘画练习,除了排线这些硬性的技巧,同时就是在锻炼我们对画面的专业思考能力,观察和发现细节的习惯,而有这样的思维训练,在以后我们绘制图形、图标、拟物风格作品的时候才能快速抓到要点。

v2-6889e23b1f5249fc6ff55943c21ec788_b

比如看上面这练习,就是因为缺乏这样的思维能力,所以各处细节都有明显的错误。比如上层圆弧和下方的完全不一致,冰淇淋的投影导致像插在蛋糕上的纸片,左侧流下的酱料已经没有受到光源直射了还和其它位置的高光使用一样的亮度。

这些细节的问题并不是来源于软件使用的不熟悉,而是做的时候在意识里压根没有这种概念,依葫芦画瓢也是有门槛的!所以很多人在拟物的练习上无论增加多少素材,也只是在错误的道路上越走越远。再看看另一张大家都看过的图:

v2-b24387e6f1795b04a42a6da7e07acfb1_b

成熟的作品,透视关系严谨,圆盘和纸张垂直并倾斜的角度自然,纸张螺旋的形状也合理。更细节的地方还包括边缘做旧的效果,是持续变化的,而没有这种美术思考能力的人只会画出一条生硬的曲线。底部的反光和地面带有橘红氛围色的处理也是亮点,更接近真实世界的通透感塑造,没有这种思考能力的人绝对想象不到的。

当通过绘画掌握美术的思考能力时,画拟物图标很快就会突破软件的限制,因为你会清楚知道每个步骤自己应该实现的是什么,然后查阅软件的功能去实现,每一次操作都是有的放矢!

 

第2,学会构图

还用上面那种那副静物素描的图来解释。学画画的人应该都知道,每次开始这种现实描摹时,我们要给静物凹造型,比如瓶子要在正中央还是右侧,苹果要放几个,堆到一起还是散开各地,下方的画布怎么给褶皱好看!这就是立体构成的实践操作~~

然后你需要把内容完整画进纸上,就需要在画布也做构图,是用居中还是三角,黄金三分还是螺旋,无论通过什么手段,最终都是找到一个你觉得好看的位置。而这个过程也是平面构成的实践操作。在未来如果学习摄影也会有良好的助力!

再说日常一点的,这种经验,会落地到以后你做主视觉和排版的能力。

v2-236a745f6fbff71031af030fa1972806_b

第3,最经济的试错手段

纸和笔是我们最高效的试错工具!!!!!

牢记住上面那句话,任何其它方式都没有纸和笔有效率。当我们要画一套新的icon,新的主视觉、原型、分镜、字体,都没有可以媲美纸笔的形式(某些情况数码绘画也行)。比如下面的例子:

v2-d6b737d9043f314a4a515011cf26bb90_b

这是一个Mac OS上的APP的图标,在定稿前经历下方大量的手绘方案。形体和创意是在手绘过程中完成的,换成每次都实际用PS做出来,你们觉得需要消耗多少时间。

并且,画得越像,将需要表达的细节都考虑到,在电脑还原的操作过程效率也就越高,如果你只有小学生的手绘能力,这个手绘方案不仅无法代表最终结果,还可能在最终实现的过程里发现各种问题面目全非。

再者,去年现象级的腾讯营销方案,薛之谦的腾讯动漫H5活动,在前期也做了大量的方案制定。

v2-f7e80ca591739d59ffad4e04a24f8982_bv2-efb8d07ec53eb9dfd3f8ecb90bc13b1b_b

相信我,这个阶段里面谁都不会想看见各种小学生级别的图像表达。

直接和我们核心工作挂钩的,还有绘制原型,这当然是画得越专业大家查看起来越舒适,何乐不为呢?

最后举个额外的例子,包括字体创作里,如果写不出一手好字或者懂得怎么绘制的字体设计师,是成不了大器的!比如左佐老师最近的新书里提供的手稿:

v2-180d7c814c5a29d2efd34eaf02337522_b

如果不会用平行笔、平头笔等专业书写工具,那么只会用PS钢笔的操作是远远不可能比手写更有效率的。

绘画学习提供专业的思考方式,观察细节的方法,具备美感的基本认知,并且让我们以这种形式可以进行的设计方案多样化的尝试。

这,才是我们学习绘画的最终目的。

1、一定要从最简单的几何石膏开画起,第一步掌握具体的轮廓,明暗关系。

2、然后画相对复杂的静物,重点理解物体的排版,还有更复杂立体结构表现,光和影更丰富的表现形式。

3、学结构素描去解构物体,掌握快速打稿的能力。而结构素描的基础比较脱离不开前面素描绘画的意识训练,对物体完整形体的认识越深刻,结构素描就越准确,这也是将来我们日常工作中可以被应用得最多的实际技能。

老实说,这个技能也同样适用未来要学习3D软件的情况,3D的建模水平和效率不止是让你们掌握各种操作工具,更重要的是意识,对物体立体结构的拆解组合意识。

4、可选项,学习速写。更适合经过一点简单的训练,然后经常在日常中随手练习,可以拓展出一些意想不到的效果。

那如果没预算又非常没时间的呢?

只要画好样结构素描和速写!你不需要一本正经的准备画板工具,每天只要有闲时,用水笔和笔记本就可以进行练习,画所有你们视线内可以解构的物体,杯子、电脑、手机、相机、台灯、糖果盒,顺便多看看网上的视频或者买点相关的技法书籍。

再次提示你们,学习绘画我们是通过动手的实践锻炼对应的思考能力。有时候画得不是太好没关系,重点是一直带着思考去学习,每一次实践都应该让你感觉到自己加深对物体的理解。

还有在这个过程中,由简到难的学习,也适合同时进行设计软件中的拟物图标设计训练,图形复杂度和自己的手绘阶段进行匹配,你们才可以更好吸收知识点,将美术思维模式转化到设计思考的过程里。

学习绘画只是我们学习设计的过程之一,不要掉进学习的陷阱里面,觉得自己可以画各种各样的东西,开始买数位板,开始给妹纸、男神画形象,开始学习画CG,画漫画,画插画!

如果没有很多年的基础训练,你在拓展数码绘画的道路上是走不远的。举个常见的例子:

v2-13a83122df3a5341b7e9d6275620d46a_b
很多人急不可耐就上手数位板,你看再多相关的数码绘画的教学,PS教学,功底不行就是不行,画的东西都是半吊子水平。况且你们是学设计不是学插画的,总想着画一些一瓶不满半瓶晃荡的东西出来展示,毫无意义。

一个老师带8人左右,有时候多有时少,周末一般2-3个老师在上课。不过就算只有一个学生老师也要上课。

一期课时(16节课)的有效期为180天,就算是一周只上一次课,4个月也可以上完。课程过期可以续时间的。

同一节课每一位同学所画的内容难度都是不一样的,是根据学生自身程度而定。8人左右小班教学,都是个别指导。随到随学,刷卡上课。我们老师内部有一张上课表,里面详细记录了每一次课应该是什么内容,你如果遇到了不是同一位老师给你上课,没关系的,你告诉他你上第几堂课了,上次什么内容老师就知道给你安排这次应该上的内容。如果你是固定时间段来上课,老师就是固定的。