UI设计师 | UI软件应用 | 通过各种不同风格GUI设计,掌握Photoshop、Illustrato、c4d、HBuilder、MindManager、Axure、Adobe After Effects等相关软件操作基础,熟练使用软件,通过项目实训直接设计。 | 很多来学习的小伙伴虽然会点PS什么的,但是还有不会的同学呢!诚筑说趣味案例入门,先把软件赶紧学会,大家号一起进入学设计的课程! | |
平面设计师 | LOGO标志设计 | 1、图形标志 (扁平化、立体、矢量) | 我们用软件来学习设计中最简单也有代表性的内容-标志设计!各种风格,设计标准与设计规范,你会发现为什么一个标志就能卖几十万几百万的原因,因为他们确实在应用上给产品带来巨大的效益! | |
2、字体标志(中英文) | ||||
3、VI组合方式 | ||||
4、国内外最新标志流行趋势(点状、放射等) | ||||
艺术字体设计 | 中文字体设计 | 每个视觉端都会需要展示文字信息,能代表品牌感受的文字字体,特别的字体给观众留下美好印象的字体。其实看出你品味细节的时候到了!哪怕是一个小的转角我们都要认真设计。 | ||
英文字体设计 | ||||
PS及AI字体样式表现 | ||||
VI设计及提案 | 学习到平面构成、主体信息、辅助信息和背景信息及排版技巧(对比、对齐、分组、画面层次感、光影、辅助元素、字体设计、留白、配色等) | vi设计是打造品牌形象的重要方法之一,vi设计不仅仅只是表面工程,他更多的是展示企业的内在形象,在为企业打造vi视觉设计的时候,通常是要根据企业的不同性质量身打造出符合市场的需要的企业形象设计,来实现公司的视觉和品牌的全球统一性。 | ||
标准色 | 某一特定色彩或一组色彩系统的知觉刺激与心理反应。学习广告中对色彩的使用。 | 设计师要相识色彩的各种属性,如明度、饱和度、味觉、冷暖色调、重量感、空间感等。设计师要根据色彩的属性,色彩对眼睛的刺激结果,给人的感受来确定标志的色彩,标志色彩的数目,标志的色彩搭配方案等。 | ||
名片设计 | 设计不同类型名片案例,企业名片、个性、创意名片等,掌握名片相关的字体、排版、格局的设计风格应用。 | 是时候了!给模拟的指定互联网公司设计名片。也可以构思下为了我们创业时候的名片。 | ||
移动端宣传品设计 | 1、插屏广告 | 一个应用你最先看到是它的图标,然后呢引导页面,最吸引你的呢?就是打开后的轮播图,这节课我们就来学做这些吧!光大淘宝店也是急需的! | ||
2、banner广告 | ||||
3、全屏广告 | ||||
单页折页设计 | 1、学习字符样式、段落样式、对象样式应用等 | 平面媒体广告设计。现代社会,广告被认为是运用媒体传递具有目的性信息的一种宣传形式,旨在唤起人们对商品的需求并对其产生了解和好感。 | ||
2、掌握商业产品画册版式规范设计(版式风格) | ||||
3、了解海报、杂志布局分割 | ||||
商业修图 | 1、人物修图 | 通过图像处理软件photoshop对任务面部,体部修补下次,进行修正的技术。 | ||
2、产品修图 | 对产品照片进行光影,质感,视觉效果整体加强,增强画面效果,提高竞争力。 | |||
3、合成设计 | 产品与场景相结合,提高契合度,完成产品最终效果。 | |||
图像后期海报设计 | 学习对图象、文字、色彩、版面、图形等元素进行组合和设计,结合广告媒体的使用特征,实现表达广告目的和意图。 | 学习对图象、文字、色彩、版面、图形等元素进行组合和设计,结合广告媒体的使用特征,实现表达广告目的和意图。 | ||
构图与版式技巧 | 学习形式美通用法则的量化标准,能够快速获得程式审美能力。掌握视觉分割的发生原理,进行经典案例分析,了解黄金比例等在设计中的应用。 | 学习形式美通用法则的量化标准,能够快速获得程式审美能力。掌握视觉分割的发生原理,进行经典案例分析,了解黄金比例等在设计中的应用。 | ||
颜色管理 | 掌握设计色彩的应用,色彩的装饰美感及色彩的表现方法。 | 掌握设计色彩的应用,色彩的装饰美感及色彩的表现方法。 | ||
海报设计 | 1、实例讲解扁平化海报设计风格,流行趋势。 | 学习如何使用情绪版快速获取客户设计需求方向,了解海报设计的概念作用。 | ||
2、学习如何使用情绪版快速获取客户设计需求方向,了解海报设计的概念作用。 | ||||
3、理解海报设计中的构成方法及创意方法,掌握海报设计的规则及纸张和印刷工艺的表现,提升抽象思维和想象力 | 理解海报设计中的构成方法及创意方法,掌握海报设计的规则及纸张和印刷工艺的表现,提升抽象思维和想象力 | |||
企业、产品网络版宣传品设计 | 1、单页设计 | 通过设计折页,画册、海报等内容,积累能够应用于实际的工作经验,设计网络需要的招聘信息、宣传海报等。并且通过实际案例分析,了解宣传方向,用户心理习惯和规律,设计简洁、色块分明。 | ||
2、折页设计 | ||||
3、异性设计 | ||||
4、卡片设计 | ||||
画册设计 | 1、板式设计 | |||
2、设计中的点线面 | ||||
3、设计中的疏密对比 | ||||
DM设计 | 1、真实设计需求 | |||
2、学习和客户沟通技巧 | ||||
3、获取灵感素材 | ||||
4、设计提案 | ||||
项目实战 | LOGO、VI提案项目实战,提高设计能力。 | LOGO、VI提案项目实战,提高设计能力。海报、广告等创意设计能力提升。通过实战项目设计,提高设计审美,熟悉整套项目设计流程。 | ||
海报、广告等创意设计能力提升 | ||||
网页设计师 电商设计 |
网站banner技巧 | 动态banner处理 | Banner图的组成要素大致是文字内容、商品情况、图片背景以及行动引导按钮,这些能可以更好的展示企业和产品的特点。Banner图的设计风格我们推荐使用简约风、复古风、时尚风等等这几种,也可以根据自己的实际情况选择。 | |
多风格多类型的Web界面设计 | 1、视频网站讲解 | 固定式,响应式,自适应网站设计规范整理,栅格式布局的实际应用。包括页面交互效果的设计以及不同分辨率下的网页显示效果。 | ||
2、瀑布流网站 | ||||
3、视频网站 | ||||
电商整体营销构架方案设计 | 电商专题页面设计,着陆页面,高停留着陆页详解 | 电商页面设计:1、制作淘宝/天猫投放广告图片 2、掌握详情页的制作与技巧,从而提高产品销售量 | ||
电商网站设计制作 | ||||
电商活动页面设计 | ||||
平台规则适配 营销类网站设计 | 1、了解主流浏览器设计规范 | 实现某种特定的营销目标,能将营销的思想、方法和技巧融入到网站策划、设计与制作中的网站。 | ||
2、学习掌握主流分辨率尺寸规范 | ||||
3、充分考虑首屏设计重要性 | ||||
4、切图标注适配不同产品 | ||||
响应式网站设计(多平台) | 通过使用的设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相对应的布局。最终达到网站的不同尺寸布局。 | 通过使用的设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相对应的布局。最终达到网站的不同尺寸布局。 | ||
响应式网站宣传品 | banner、广告、幽灵按钮等。 | |||
网页全栈 | TO B 网页全栈 | TOB企业官网的设计重点在于提供影响客户价值评估的信息,并做好“信息加工”,从而影响客户决策。我们学习的流程是用户-需求-产品-交互-视觉TOC产品最重要的是交互设计能力和用户体验感知。我们会从零开始学习如何做一款让用户管理信息比较方便的后台管理系统 | ||
TO c 网页全栈 | ||||
Web项目实训拓展 | 结合之前掌握的知识,独立完成 业界设计最多的商业应用的Web端网页UI设计项目,掌握不同用途不同类型的网页UI界面设计的特点。 | |||
PPT提案及Adobe Acrobat 9 Pro | 学习掌握Powerpoint软件应用,针对提案PPT文档进行设计,制作商业提案,将设计方案完美展示给客户观看,并通过讲解与阐述观点得到客户认可,同时展示设计师的风采。并通过实际项目演练,同时学习阐述产品优点及特色内容。 | |||
UI设计师 | 手机端UI图标设计 | 1、扁平化图标 | 图标能够快速的传达信息。随着信息技术的提升以及信息过剩,人们的注意力更加短暂和稀缺,图标成为了这个充满噪音和过多无价值信息世界的救生员。通过简单快速的查看就可以知道图标中携带的复杂信息。 | |
2、线框图标 | ||||
3、卡通图标 | ||||
4、创意图标 | ||||
光影材质 | 1、金属材质表现形式 | 在苹果之前的Mac OS X 和ISO系统中,用户会发现许多具有拟物化设计的软件,比如备忘录的色合计,音乐界面的设计,这样的设计让用户觉得自己在用一个真实的备忘录和唱片机,降低使用时的学习成本。 | ||
2、光影表现及图层样式学习 | ||||
3、透视的表现方法 | ||||
4、木纹及皮革材质的贴图表现方法 | ||||
5、游戏ui的表现方法 | ||||
产品LOGO | 1、充分理解产品表现关键词 | 精美与易辨性是设计 APP图标的重要特点,如果不经过创意设计,就会令用户怀疑品质;如果不具备易辨性,就会让你的 APP黯然无光,不能脱颖而出,更重要的是连应用商店的审核都通不过,那就前功尽弃了,因此移动终端图标的设计就至关重要。 | ||
2、绘制设计方案脑图 | ||||
3、方案组合绘制手绘稿件 | ||||
4、关键词灵感收集 | ||||
5、软件绘制及标准制图 | ||||
IOS设计规范 | 1、移动端设计原则及用户使用环境分析 | iOS Human Interface Guidelines(以下简称iOS)是苹果公司针对iOS设计的一套人机交互指南,目的是为了使运行在iOS上的应用都能遵从一套特定的视觉以及交互特性,从而能够在风格上进行统一。 | ||
2、ios设计尺寸规范及适配 | ||||
3、ios控件设计讲解 | ||||
4、页面布局方法总结 | ||||
5、切图标注设计规范 | ||||
最新设计风格 | 实时更新,分析当下流行风格的设计特点做出易用符合产品定位不过时的页面 | 要想发布一款能够位于App Store排行榜之首的产品,产品在质量和功能上的高标准表现是必不可少的,而为了达到这种高度,我们应该如何做呢? 我们会主要讲解IOS界面交互设计,比如图像大小和分辨率问题、页面栅格布局、图标设计规范、卡片式设计等。 | ||
IPAD设计规范 | 学习ipad设计尺寸规范及适配方法 | iPad是由苹果公司于2010年开始发布的平板电脑系列产品,除了具有普通数码设备的硬件指标和性能参数之外,还具有很多诸如重力和加速度感应、多点触控、手势识别等人机交互新特性。 我们会主要讲解ipad界面设计尺寸规范、横屏竖屏及不同分辨率的适配。 | ||
IOS适配 | 1、设计单位与开发单位换算 | 最初的3.5寸屏幕,到后来推出的4寸屏,直到苹果推出iPhone 6 和 iPhone 6Plus,也宣告着苹果阵营被彻底攻破,进入了屏幕尺寸碎片化的时代。只为某一个屏幕尺寸设计的日子已经不在存在。为了适配所有的屏幕,设计师必须考虑各种屏幕尺寸。但是又不可能为每个尺寸都设计一遍。那么我们又该如何面对屏幕碎片化的困境? 这段课程就会为大家解决这些问题。 | ||
2、iphoneX单独适配方案 | ||||
3、安全区及横屏安全区域设计 | ||||
4、标准化输出 | ||||
安卓设计规范 | 1、品牌及及分辨率讲解 | 安卓是一个野蛮生长的市场,没有如苹果一样严格的硬件生产规范,造成了安卓屏幕尺寸非常杂乱。市场上的安卓屏幕尺寸简直是一场噩梦。大小不一的屏幕中,但使用率最高的是720P和1080P。要想让我们的APP同时在这么多种屏幕下都显示完美,我们建图时一般使用1080P的分辨率来进行设计。 | ||
2、MD设计规范 | ||||
3、设计风格总结 | ||||
4、ios和android的异同 | ||||
5、分辨率适配设计 | ||||
标注切图 | 1.标准化命名 | 切图:APP切图是实现设计效果的重要环节,开发们在实现的过程中需要计算好各个元素的位置,排布,然后再调用我们切好的图进行填充。其存在是为了程序提高产品的开发效率和团队协作。 标注:标注能够帮助其他团队理解设计页面的布局关系、模块大小、颜色与字体规范等等。 | ||
2、输出最适配清晰的切图 | ||||
3、标注程序员看的懂的设计稿件 | ||||
4、输出视觉规范 | ||||
点9切图 | 9是andriod平台开发里的一种特殊的图片形式,文件扩展名为:.9.png。 | 这种图片能告诉程序这个图片哪部分可以被拉伸,哪部分不要拉伸。开发人员在开发环境就可以设置哪些部分可以拉伸哪些需要保留了。 | ||
视觉包装 | 学习长图设计技巧及产品视觉包装展示 | 对于UI/UX设计来说,一个人的作品集要比其学历重要的多。雇主和招聘人员会根据你的个人作品集来评估你的工作经验,审美品位,和你对于实际业务的处理能力,同时这一点也是最被看重的。不管你设计作品逼格多高,若包装不当给人的第一印象分就会大打折扣,毕竟作为设计师视图的布局排版是基础 | ||
交互UE设计师 PM产品经理 |
产品规划 | 1、业务视图规划 | 做产品规划,就先就了解你的产品在产品的生命中的维度。 产品的生命周期会有四个维度:孕育期、成长期、成熟期和衰退期,而这四个维度所表现出来的产品生命力肯定C是不同,那么就需要有针对性的了解你产品所处的维度。 | |
2、功能视图规划 | ||||
3、系统视图规划 | ||||
4、技术视图规划 | ||||
竞品分析 | 1、定位竞品 | 竞品分析是指对现有的或潜在的竞争产品的优势和劣势进行评价。这个分析提供了制定产品战略的依据,将竞品分析获得的相关竞品特征整合到有效的产品战略制定、实施、监控和调整的框架当中来。 | ||
2、获取竞品数据 | ||||
3、竞品框架分析 | ||||
4、用户分析 | ||||
5、表现层分析 | ||||
6、竞品总结 | ||||
用户画像 | 1、用户访谈,确立内容 | 市场上的产品很多,根据2/8原则,只有20%的产品有可能存在在用户的手中,我们应该准确地刻画出产品的用户画像,深度地去了解你的用户到底是一个什么样的人。用户画像,是为了更好地模拟使用场景,让产品的用户粘性更好. | ||
2、数据采集 | ||||
3、建立行为模型 | ||||
4、用户画像可视化 | ||||
5、根据结论分析产品业务逻辑 | ||||
产品框架原型图 | 1、视觉清晰,具有功能预见性 | 按照常规的工作流程,交互设计师最终交付的产物包括任务流程图、信息架构图、页面原型图、页面交互说明、页面流程图,这些内容是产品的前期必备工作.原型图设计遵循的首要原则是:在满足将产品需求转化为界面功能需求的同时,尽可能的维持原型图的美观简洁,可以让下游工作人员很好的理解产品功能逻辑 | ||
2、视觉焦点及边界条件输出 | ||||
3、事件状态显示及事件标注 | ||||
4、交互状态表现 | ||||
5、明确业务逻辑 | ||||
6、泳道图输出 | ||||
鼠标及手指操作 | 在移动优先的今天,我们设计产品更多是用手指完成操作,手势操作,是通过手指轻微移动来让用户操作应用。 | 触屏界面提供了许多自然的手势,比如点按、滑动、双指缩放。但这些交互方式不像UI控件,通常对于用户是不可见的。除非用户事先了解手势存在,否则他们并不会尝试使用。所以我们要学会引导培养用户习惯 | ||
导航设计 | 1、沉浸式导航设计 | 产品对于用户来说就是一个未知的的迷宫,我们需要导航来为他指路,导航设计的目的就是需要突出产品的核心,扁平化用户的任务路径。让用户能够顺利的在产品中畅行,让用户时刻清楚自己在应用中所处的位置,及如何前往目的页面。 产品的导航系统,是产品的信息结构在用户界面上的展现方式。移动端产品导航的设计没有最好之说,只有最合适,根据你的产品采取最合适的导航设计。 | ||
2、标签导航 | ||||
3、舵式导航 | ||||
4、顶部导航 | ||||
5、宫格式导航 | ||||
架构设计 | 1、架构设计的清晰及平衡性 | 架构设计的好坏能够决定用户对于整个产品的易用性。日常生活中,大家也一定听过这个抱怨“这个功能怎么会在这里面,找半天没找到”,这样的原因十有八九是因为架构设计的问题。 为什么我们需要信息架构设计呢?因为没有的话,整个产品就会混乱,能够让用户看到产品第一时间对于整个产品有大致的感觉,能够实现什么。 | ||
2、流程设计发企业需求及用户需求 | ||||
3、产品架构的异常处理 | ||||
4、信息架构的延展性 | ||||
用户体验 | 1、如何寻找产品的战略层 | 用户体验,即用户在使用一个产品或系统之前、使用期间和使用之后的全部感受,包括情感、信仰、喜好、认知印象、生理和心理反应、行为和成就等各个方面。 当今的时代,是一个体验为王的时代,也是一个用户至上的时代。用户体验的好坏直接关系到产品的成功与否,用户购买使用产品后,并非是结束了交易,而是一个新的开始。当用户拿起产品,使用产品的时候,用户体验之旅才真正开始,而用户的体验之旅是否愉快直接影响到产品的口碑及市场 | ||
2、定位产品的范围层 | ||||
3、设计产品结构层 | ||||
4、产品架构层 | ||||
5、产品表现层 | ||||
交互心理学 | 中央凹与边界视野——如何呈现信息以获取注意力! | 我们的注意力受限于我们的感知能力,人的感知力含视觉、听觉、嗅觉、味觉、触觉、第六感官等。 | ||
格式塔原理——如何处理不同界面元素的关系! | ||||
时间感知——如何让应用具有高响应度! | ||||
意识与无意识——别让用户思考! | ||||
记忆的局限——如何降低工作记忆负担! | ||||
交互方法论 | 7±2法则 因为人脑处理信息的能力有限,所以它通过把信息分成块和单元来处理复杂问题。根据George A Miller 的研究,人们短期记忆每次能处理5~9件事情。这经常贝作为把导航菜单的元素限制在7个以内的依据。 | 根据总结的交互方法,我们可以让产品更加合理化。可以更好的提高产品的用户粘性 | ||
交互动效设计师 | 界面动画 | 1. UI基础介绍 & 动画初探 | 包含等待界面,载入界面,以及页面转到效果。界面动画可以提高页面视觉呼吸感,丰富感。动静结合减少长时间固定静态页面的窒息感。 | |
2. 动画初探 | ||||
3. 基础动画 | ||||
4. 图形变化 | ||||
5. 图标动画 | ||||
6. 文字基础 | ||||
7. 滤镜动画 | ||||
8. 界面动画 | ||||
元素动画 | 1.文字与图形变形 | 增加产品视觉效果,在等待的同时添加元素动画不会让用户产生疲倦感。在产品介绍时添加动画能更多的表现产品特点,为产品加分。 | ||
2.UI元件动效 | ||||
3.像素动画 | ||||
4.游戏元素与光效 | ||||
5.表情动画 | ||||
6.角色动效 | ||||
粒子动画 | 学习到平面 | 粒子系统表示三维计算机图形学中模拟一些特定的模糊现象的技术,而这些现象用其它传统的渲染技术难以实现的真实感的游戏图形。经常使用粒子系统模拟的现象有火爆炸、烟、水流、火花、落叶、云、雾、雪、尘、流星尾迹或者象发光轨迹这样的抽象视觉效果等等 | ||
2. UI界面粒子应用 | ||||
3. 粒子文字动画 | ||||
4. 图标与粒子 | ||||
5. 粒子创意动效 | ||||
6. 特效粒子结合 | ||||
实战演练 | 1. 交互与动效 | 用户交互的全部细节完成,各种状态的展示,同时增强整体产品风格展示,是提高产品完整度和整体水平的必要因素。 | ||
2. 网页交互动效 | ||||
3. 启动页与闪屏 | ||||
4. UI界面操作动画A | ||||
5. UI界面操作动画B | ||||
6. 动效延展,作品包装 | ||||
Premiere 视频剪辑 | Premiere提供强大的视频特技效果,包括切换、过滤、叠加、运动及变形等五种。 | Premiere提供了采集、剪辑、调色、美化音频、字幕添加、输出、DVD刻录的一整套流程,并和其他Adobe软件高效集成。 | ||
pr与ae的 动态链接 |
Premiere技巧:一秒钟对齐音频和视频 7个提高效率的Premiere剪辑技巧 | Premiere技巧:一秒钟对齐音频和视频 7个提高效率的Premiere剪辑技巧 | ||
多机位 视频剪辑 |
让视频的声音更棒,Premiere和Audition可以这样协同工作! | 使用Pr把照片变成唯美的动画效果 如何更优雅地管理音频轨道 | ||
视频转场 特效 |
根据片段内容以及节奏,设计场景之间衔接需要的转场特效。 | 音频特效与视频特效同步进行,承担场景变换中承上启下和过渡的作用。 | ||
片头设计 | 1、ae基本动画学习 | 通过一定的叙述或剪接精彩片段,以故事大致情节为主,穿插自身特色所在的手法,以吸引观众。用于营造气氛、烘托气势 反映概念、主旨或特征。 |
||
2、效果和预设学习 | ||||
3、运动曲线调节 | ||||
4、音乐节奏学习 | ||||
MG动画 | 1、蒙版遮罩动画学习 | vi设计是打造品牌形象的重据企业的 | ||
2、动画转场学习 | ||||
3、MG动画设计表现 | ||||
4、插件及表达式学习 | ||||
C4D专项设计 | C4D应用 | 近年来,电商行业,影视行业发展迅速,C4D视觉设计师已经成为一个备受关注的职业,而被媒体誉为“金色灰领职业”之一。C4D不同与其他三维软件,虽然所有同类软件看上去大同小异,但它的操作之便捷,效果之惊人,超乎你的想象,与PS,AI,AE,NUKE,FUSION等软件都能无缝结合,渲染器更强大。 | ||
场景建模 | 1. 硬边建模(多边形建模) | 单个物体建模组合形成场景模型,完整场景形成的画面感强过单个物体本身的视觉效果,视觉冲击力以及对比关系更能留住眼球,提高竞争力。 | ||
2. 曲面建模 | ||||
3. 简易雕刻 | ||||
4. 变形器建模(low poly效果制作) | ||||
5. 卡通角色建模 | ||||
灯光材质 | 1. 不同场景布光攻略 | 模型建立之后添加材质以及灯光,可以增强物体质感和立体感,增加更多的真实性,搭配ps制作视觉效果达到以假乱真的写实画面。 | ||
2. 几种常见材质 | ||||
3. 渲染设置与多通道设置 | ||||
4. 影棚与室内部分的灯光材质与渲染 | ||||
5. 抽象场景的灯光材质与渲染 | ||||
三维动画 | 掌握动画12法则在动画中的应用。深入了解动画的时间与节奏, | 学习摄像机动画,掌握Layout(动画脚本)制作方法。以及常用效果器的使用技巧,深入了解各种变形器的使用. | ||
动力学 | 1. 克隆工具的运用 | 学习c4d高级建模方法,让作品的视觉表现更加抓人眼球! | ||
2. 效果器与克隆工具搭配使用 | ||||
3. 刚体柔体是什么,怎样制作布料 | ||||
4. 粒子发射器与烘焙 | ||||
5. 发射器与克隆的应用 | ||||
实战演练 | 1. 三维场景的构图和平面的区别 | 在C4D中添加摄像机运动轨迹,完成场景中的视觉焦点移动,搭配After Effects后期合成形成大片既视感。 | ||
2. 后期合成的小技巧 | ||||
3. 基本的运动规律在C4D里如何呈现 | ||||
4. C4D与AE的运用 |