插画与品牌设计微课-UI设计有哪些课程内容

1. 插画是设计的原创性和艺术性的基础

无论是印刷品、品牌设计还是UI界面,更加风格化的插画能够将不同的风格和创意加入其中,在激烈的竞争中更容易因此脱颖而出。留下用户才有转化。

同样的,在博客、新闻和Banner 中使用插画,也是看准了插画可以根据内容进行深度定制的优势,这种微调能让内容更加统一一致,更加符合产品目标,借助色彩、角色、环境甚至暗藏的隐喻,来吸引特定的用户。

2. 插画是视觉触发器,瞬间传达大量信息

我们常说「一图胜千言」不是没有道理的。人的视觉感知能力很强,看到图片的一瞬间,也许还没有来得及进行逻辑思考,但是大脑已经接收到大量的信息和内容。

心理学研究表明,人类只需要大概1/10秒就可以感知到场景中绝大多数的元素和基本视觉信息。

视觉信息可以更快传递到大脑,而重要的信息,人类也通常会被固化为视觉图像,而非文本化的记忆

3. 插画是标题和文本的重要支撑

虽然图片一瞬间传递的信息很多,但是图片在很多时候是无法提供精准而详细的内容。

用户依然需要文本来呈现清晰而可以被阅读和记录的内容,所以文本依然是不可或缺的。在另外一方面,文本和标题已经具备的情况下,经过定制的插画能够辅助用户理解,更清晰的记忆。

在很多特定的领域,举个例子比如说金融,插画能够借助色彩、图形和形象来讲述故事,让用户更清晰的理解复杂的金融功能,甚至强化信任感,而这是文本所不具备的。插画能带来强烈的情感连接。

4. 插画更适宜呈现故事

故事是最令人难忘的内容,剧情的走向和起承转合会给人留下深刻的印象。而插画则以清晰的形象将文字和意象勾连起来,无论是在网页、UI设计还是内容和体验上,都有着足够突出的体现。

5. 插画独有的情感吸引力

人是情感动物,看似理性的皮囊之下,几乎每个决定都是在情感和情绪的驱动下完成的。如果某个设计除了能够帮你达成某个目标,还能让你感到愉悦,会心一笑,那么通常下一步就是将它收藏起来并且分享给朋友。

而在诸多设计因素当中,插画在撬动用户情绪这一点上,有着无与伦比的效用——从线条、色彩到面部表情和曲线和动效,都在竭尽全力地为你阐述故事,营造氛围,将你拉到故事和场景当中去。

6. 插画赋予设计以美学价值,更容易被接受

即使所有人都在分析和争论产品的可用性和易用性,大家在对美的追求上,始终保持着一致的态度。

一个设计是否具备可取性,是否能够通过甲方、客户和实际用户,是每个设计人都需要面对,都力求做到最好的事情。

精心设计的插画在美学和风格上更加扎实,风格化的设计不弱于现成设计素材所提供的价值。

首先我认为绘画学习是可以直接从板绘开始的,当然现在的电子绘画工具还没办法带出去写生(IPAD?),所以要想更快的进步,最佳方案是手绘和板绘结合起来学习。关于板绘有没必要先上手绘,我也有写过一则详细的回答

一:零基础学习板绘之工具篇:

主流的绘画工具包括数位板,数位屏,数位电脑。这其中数位板技术最为成熟,价格便宜,性价比较高,在这个领域WACOM品牌当之无愧的一家独大,压感技术上遥遥领先,板子的质量也十分耐操,如果不摔不用来垫桌角盖泡面,随便一块板子都能用上7、8年。当然国产的绘王、友基也做的非常不错,正因为有了这些国产品牌进入牌局,才迫使WACOM给中国市场特供了性价比极高的CTL-472和CTL-672。这里强烈推荐CTL-672,性价比之王,入门选手的不二之选。

数位屏依然是WACOM技术垄断领先优势一骑绝尘,与之对应的是他令人咂舌的售价,在2017年推出了全贴合的系列数位屏以后,压感笔尖和画迹距离缩短,误差减小,分辨率和压感都有提升,屏幕色域更加宽广,当然还有它不近人情的售价……最小的13寸:

最大的32寸居然高达三万四千八百元。

当真是居家旅行杀人越货之必备良药,不差钱的土豪可选择性入手,毕竟手眼合一所画即所得,十分酸爽。另外要强调一下,数位屏只是单独一块支持压感的屏幕而已,虽然长得像平板电脑,但它本身是没有电脑功能的,还需要连接电脑主机才能使用。

数位电脑顾名思义就是可以画画的电脑,这一块全世界所有的品牌做的都不够好,WACOM出的几款数位电脑价格离谱,电脑性能平庸,发热控制极差而且丑笨厚,十分不推荐。微软推出的苏菲婆系列漂亮有余但对绘画软件的支持非常不舒服,运行PS开稍大一点笔刷延迟感人,品控和售后更是不敢恭维,十分不推荐。

移动绘画设备里唯一一个能打的居然是苹果iPad Pro系列,品控好,刷新率高,屏幕素质强悍,轻巧易携带,待机时间相对而言也不错,是目前我能想到的唯一一款可以带出去写生的移动装备(苏菲婆绘画待机非常短)。但iPad也有非常大的缺陷,一是压感笔的体验还远远比不上WACOM,二是软件生态还比不上WIN系统的丰富和强大,希望IPAD版本的PS快点上线吧。

综上,目前来说绘画工具的组合如下:

1.台式机+数位板

2.笔记本+数位板

3.台式机主机+数位屏

4.笔记本+数位屏

5.数位电脑、微软苏菲婆系列

6.IPAD Pro系列+apple pencil

强烈推荐1和3,到处跑的选手推荐2和4,6小而美但受制于生态和压感技术,还做不了生产力工具,可以作为工作产出之外的补充。

关于电脑的配置问题,一句话搞定:绘画对电脑配置整体要求不高,酷睿i5 8系列CPU以上,内存8G,最好16G,显卡可以不要(CPU自带集显),显示器色域SRGB95%以上就足够了。有游戏需求和3D制作需求的小伙伴这里不做讨论。

顺便推荐大家可以搜一下:生活就是老师,或者打开手机微信,添加好友框内搜索:生活就是老师,一键关注,学习无忧!上面有很多的插画课程,每天老师在线指导你的插画技法,让你的懒癌无从逃过,划重点,免费的,是真免费,是真的真的免费!

二:零基础学习板绘之软件篇:

1.PS:

PS是公认的最强大的图片编辑软件,正因为强大所以功能繁多导致过于臃肿,绘画者能用到的功能其实只占其功能中的很小一部分,优点是强大的变形工具,图层模式,曲线调整工具等等,当然缺点也很明显,首先是很多操作必须结合键盘快捷键使用,大量的操作离开键盘就需要进入进入再进入,对于数位屏患者实在不友好,软件门外汉学习成本较高;其次是更新到2019CC了,千呼万唤的抖动修正(防滑)依然十分难用,色彩融合依旧难受。他强悍的笔刷制作和适普性决定了大部分的绘画工作者都在PS的生态里,所以PS称为图像编辑或制作的必学软件。

2.SAI2:

注意,是SAI-2,在SAI的基础上完成了翻天覆地的变化,补齐了众多短板,也完美继承了前者的众多优点,线条防抖依然顺滑如丝,色彩融合依然自然感人,这才是一款专心为绘画人士设计的绘画类专用软件,敲一下重点,它是绘画类软件,而PS是图像编辑软件,PS这位老大哥只是在编辑图片的同时顺带做了一些绘画的功能,而SAI2才是专精于绘画的一款小而精的软件。

3.CSP

国内代理名叫优动漫,是一款在漫画方面有着强大优势的绘画类软件,具有SAI的所有优点,又具备PS的部分功能,当然连PS臃肿的窗口也有一学一的照搬过来。它的3D辅助,素材库,修饰笔刷等等都能极大程度帮助漫画作者提高工作效率。这款软件的诞生真正说明了只有日本工程师才能做出真正为画师服务的软件,它才是漫画师和日风插画师的心中白月光,不二之选。

总结这三款软件:PS擅长厚涂,表现厚重真实的质感和光影,或搭配强大的笔刷拓展模仿纸上或布面质感的绘画,曲线工具调整画面也十分好用,即使是以其他绘画软件作为主力工具,PS也需要作为成稿最后调整的辅助工具,必学指数十颗星。

SAI2的优势在于绘制赛璐璐的插画,线稿顺畅舒展,颜色清亮干净,SAI2本身就是一个清纯可爱的小姑娘。CSP,不用说了,画漫画的选他准没错。

4.IPAD iOS系统上最好的两款APP:Procreate、Artstudio Pro

Procreate简单易学,版面简洁,对初学者来说十分友好,目前iPad上最好用的APP之一,微课菌认识的朋友圈用IPAD的基本默认用这款软件。最大的问题在于它无法导入第三方笔刷,所以对习惯于PS和SAI的老鸟必然会有点力不从心俗称不举的懊恼在心中翻腾。

Artstudio Pro是目前IPAD上最接近PS的软件,从版面设计和功能布局都非常相似,甚至可以直接将PS笔刷和画笔预设直接导入到APP里,默认分组十分酸爽。这货就连防抖都完美继承了PS的鸡肋不可用,不过它的变形工具还没做到PS那样充满想象力,大笔刷的延迟感居然要好于PS,如果不是全英文,这货毫无疑问是目前IPAD上最好的APP,没有之一。据说马上Artstudio Pro要推出汉化版本,Procreate已经哭晕在厕所,据说满血无阉割版PS也要登录IPAD,IPAD上所有的绘画APP一起哭晕在厕所。

三:零基础学习板绘之技能篇:

绘画学习必然是一个循序渐进的过程,如同舞蹈一样先从基础学习,舞蹈最初需要长期的下腰、压腿、旋转,等到韧带肌肉都能够承受足够的拉伸,小脑不会在旋转的时候失去平衡,然后才开始学习舞蹈动作。绘画的基础就是造型,而造型的基础训练方法就是素描,包括结构素描和光影素描。

素描对于结构的分析和判断又建立在透视之上,所以第一步:透视。

透视是指在平面或曲面上描绘物体的空间关系的方法或技术 ,在绘画的基础学习中最常用到的是一点透视、两点透视和三点透视,有些大佬会搞一下炫技的鱼眼透视,对于这种人我已经无力唱征服。

在上手透视以后就需要开始枯燥无聊但能够决定你绘画职业上限的素描训练了。

几何素描先画个20组吧。

静物素描再画个20组吧。

石膏雕像再画个20组吧。

事实上想要更好的学习绘画,这样的素描训练量是远远不够的,至少应该在20组后面再加一个零,或者总训练量2000小时以上。

我曾经有过近十年的自学经历,学习方法简单粗暴,就是看见喜欢的漫画和插画作品就开始无脑的临摹,在很多旁人的夸奖中渐渐有了“我很有天赋”的错觉,事实上无脑的临摹是完全无益的学习方法,只有学好素描才能正确的建立分析比例,观察、推导结构的技能,从而在面对临摹对象时能够更深刻感受到原画师的创作思路和意图以及技术手法。开始系统学习素描以后,所取得的进步比之自学5、6年进步还要大得多。

再然后就是漫画从业者必学的――线稿。

线稿是相对直观和快速表现绘画对象的手段,好的线稿能完整的表述形象、气质、材质、厚度等等,一个完善且功底深厚的线稿本身就是一个艺术品。在各个绘画风格中线稿作为前期草图构成起着非常重要的作用,尤以平涂见长的日系动漫插画,一个高完成度的线稿已经是成功的一大半。

接下来就是插画学习的超重点――。

的核心在于骨骼结构和比例的学习,再然后是肌肉的穿插。有一些绘画类别不需要像解剖那样严谨,以日韩动漫插画为例,知晓基本比例和结构即可,所以很多学习教程都会将重点放在“画豆子”或者“火柴人”――

什么三庭五眼,什么手肘到脐这种比例关系这里就不细说了,欢迎想要获取绘画素材的小伙伴可以私信我,回复“学习”白嫖,是的,白嫖。

颜色的把握需要建立在前面素描的学习上,光不但会随着照度的强弱而变化,色温也会随光源的远近、强弱而偏移,绘画对象本身颜色和材质的反光度的视觉投射等……这是一个既存在客观规律又存在主观感受的神奇空间,有着无可名状的无限可能,是反复试验和无数次的更正修改之后的积累。

基础部分的学习完成后就可以开始进阶的学习了,这个时候需要我们开始初探设计的内涵,譬如服装设计,发型设计,光影设计,画面构图设计还有背景的选择等等。

我们绘画的任何东西都需要赋予她文化内涵,而内涵决定了她的生命和感染力,日式的插画我们要给她一个合理的背景,她的年龄,她的职业,她的性格,她此时此刻经历了什么,很多时候我们都可以从她的外部形象从而获取基本信息,这就是背景和文化内涵的意义。

到这里切忌不能无脑临摹哦,要结合前面所学的所有知识点综合观察分析临摹对象,甚至很多时候看的是要多于画的时间,这样才能明确临摹的目的――形成记忆,而不是单纯的复制原作。

总结:

1.分步学习,由易到难,不要跨阶段学习。

2.海量训练,不断的画,尽可能把自己所有零散时间利用起来,1000小时为一个阶段,完成一个阶段不妨回头看看自己的进步,并为自己鼓鼓掌。

3.素描虽然枯燥,但学号素描能帮助你产生难以置信的进步,且真正决定你作品能够走多远产生多大影响力。

4.不要觉得大神是靠天赋,没有人躺着就能变成大神。

5.参考不是抄袭,不要用投机取巧的办法产出,无法产生进步还得不偿失。

如果你对游戏原画有兴趣,推荐先关注“楼主”然后私信回复“绘画学习”即可!

绘画学习是一个循序渐进的过程,自己需要对自己知识概括要有清晰的认知!

当然,我们更加欢迎你加入我们的交流社区!

如果你对我们的自学计划感兴趣的话

欢迎来加入我们的免费公益绘画交流社区

在那里,会有更多更全面的资源,还会定时直播绘画教程

助你开启绘画提升之门

大家在群里,可以畅所欲言

在轻松的交流中享受绘画的乐趣!

UI设计师,是目前中国设计市场一个需求量非常大的领域。

作为一名合格的UI设计师还是需要掌握比较多的技能呢。所谓技多不压身,只求找到一份心意的工作。而成长与21世纪初期的00后们,不仅仅具有自己独特的思维空间,有想象力,并且敢于实践,这些都是一个UI设计师应该具备的技能!

UI设计课程内容如下,仅供参考:

第一阶段:设计基础课

软件、美术基础篇

Photoshop软件基础

Illustrator软件基础

美术基础

数位板操作

设计基础篇

平面构成

立体构成

色彩构成

图形创意

版式设计

品牌设计

掌握核心技能

1熟练掌握软件基本操作

2美术基础与板绘技巧

3图像创意合成技法

4板式设计原理,画面排版布局

阶段课程特点

结合软件操作基础,完成对平面设计、电商设计、品牌设计等初级设计师所需技能的掌握,不掺杂营销、电商运营技巧等无用知识,扎实学员设计功底,为后续高级课程做铺垫。

第二阶段:互联网插画设计课

插画基础篇

构图方式

互联网插画特点与常见风格

简易夸张造型

互联网插画使用场景

比例关系

不同使用场景的配色技巧

几何造型法讲解

互联网教育类企业造型特点

插画进阶篇

扁平风格插画

肌理插画

插画闪屏页设计

Doodle 描边风格插画

伪3D插画

矢量插画

掌握核心技能

1熟练商业插画常用风格的技法表现

2掌握多种造型风格

3熟悉插画在互联网设计中的使用场景

4掌握配色与构图技巧

阶段课程特点

案例全部使用数位板结合软件进行绘制,提高作品质量,授课思路与方法完全适用于互联网设计特点,摒弃传统美术艺术思维,利用插画组件化概念进行作品创作,顺应岗位需求,提高工作效率。

第三阶段:互联网运营设计课

运营基础篇

banner设计

字体设计

裂变海报设计

运营长图排版

运营提升篇

运营设计思维

活动主KV设计

运营设计延展规范

活动专题页设计

公司设计中台系统与组件化概念

掌握核心技能

1熟练掌握运营设计思路与设计流程

2活动专题页与运营长图排版规范

3字体设计方法

4运营延展物规范

阶段课程特点

不只是讲作图、讲软件,需要结合企业设计标准,进行案例分析,熟知互联网运营设计规范的同时,也能了解职场中如何体现设计价值,利用漏斗分解法、杜邦分解法等方法论培养学员从设计执行者到形成自己独立思考能力以及设计理念的完整过度,真正意义上实现全链路设计思维的授课模式。

第四阶段:C4D三维制作课

C4D建模篇

C4D常用工具介绍

多边形建模

曲线建模

角色建模

骨骼绑定与调整

灯光材质

辅助软件篇

OC渲染器

阿诺德渲染器

Marvelous Designer布料制作

掌握核心技能

1熟练掌握建模步骤与方法

2掌握灯光材质参数调整以及主流渲染器

3熟练掌握角色骨骼绑定与调整

4三维立体字设计

阶段课程特点

除了基本的建模方式和材质灯光渲染等必学的制作技法外,我们还要着重培养学员从二维到三维表现力,如何与插画作品相结合;作品风格时尚前卫,打破电商风格的局限性,作品使用范围更广泛。

第五阶段:UI设计基础课

UI设计基础篇

Sketch软件与常用插件

icon设计规范与制作方法

iOS系统规范

Android系统规范

网站类型介绍

网站页面设计规范

UI设计进阶篇

交互导航范式

界面布局与层级关系

卡片流与组件化概念

首页、详情页、个人中心

为空页面设计

掌握核心技能

1熟练掌握Sketch软件基本操作

2熟悉各平台系统规范

3掌握页面视觉层级划分与组件化概念

4了解UI界面设计风格

阶段课程特点

课程案例均以线上主流APP为主,针对性、实用性强,UI组件系统与常见界面设计思路相结合,打磨UI界面组件的精细度,提高界面视觉质量。

第六阶段:Workshop实战项目

UXD篇

产品设计与服务设计概念

用户体验设计方法

Workshop项目篇

产品设计流程

分小组项目合作

交互手势与文档规范

Principle交互动效制作

产品汇报

掌握核心技能

1熟悉互联网产品设计流程

2掌握用户研究方法

3掌握交互手势与交互动效制作

阶段课程特点

根据企业项目设计流程进行小组实战演练,结合5W1H分析法、竞品分析、用户体验地图、SWOT分析法等用研方法进行项目制作,不仅要有视觉层级展现,还要从商业角度出发,掌握如何保障设计方案的可用性和易用性,提高设计产出的专业度,更贴合岗位需求,向一线设计师靠拢,课程增加方法论的实战性,接受程度高。

第七阶段 就业指导课

作品集篇

阶段作品完善与包装规范

作品集封面设计

设定作品集视觉规范

面试指导篇

简历制作标准

面试流程与经验分享

表达能力训练

模拟面试

阶段课程特点

本阶段课程分为两部分,作品集制作与面试指导。作品集作为设计师重要的敲门砖,为了让学员在短时间内制作出精美作品集,我们将包装方法精细化、模版化,并且根据所学排版知识和设计规范的定义,让学员作品集更加专业、整齐,根据学员就业方向,将作品进行分类和排序,以提高学员专业度。面试指导会通过企业老学长进行模拟面试,高度还原企业面试过程,调整学员面试话术,提高通过率。

用企业真实项目案例,还原实际工作模式和流程,确保所学即所用!