UI界面设计WEB前端页面设计专业培训一对一授课
部分 平面设计
(一)PhotoshopCS5图像处理:PhotoshopCS5操作基础、图象优化处理、网页页面设计、经典实例分析与制作。
(二)CorelDrawX4、Illustrator图形设计:包装盒的设计、宣传单、海报及名片的制作、产品及商业广告设计。
学习目标:
1.PS与AI、coreldrawX4的完美结合;
2.提高视觉设计的能力,加强商业广告设计的学习;
3.掌握平面设计规范及印刷原理;
4.户内外广告设计规范与技巧;
第二部分 手绘
(一)绘画中的:概念;手绘基础;一点原理;两点画法;两点特点;两点注意事项。
(二)绘画形态及明暗关系的掌握:手绘排调子;绘制正方体;三大面表现;绘制球体;五大调子及注意事项。
(三)彩铅上色与创意表现:头脑风暴模式;头脑风暴应用;头脑风暴与创意;表现抽象事物;表现复杂的文字;彩铅上色。
(四)UI扁平、拟物ICON绘制:扁平化概念;图标的表现形式(用针管笔描边);拟物图标注意问题。
(五)APP用户端草图绘制:做APP界面与手绘的关系;原型图设计;项目流程分析;绘制原型图经验法则;原型图关系梳理。
学习目标:
1.加强及光影关系的学习;
2.学习体会UI图标的光影细节;
3.学会APP产品草图的绘制方法与规范;
第三部分 电商设计
(一)电商工作环境及字体设计排版:字体认知与字体应用情景;字体排版方法及技巧;字体效果表现形式。
(二)配色与设计构思:配色基础;色彩意向;色彩三属性搭配(强中弱对比原则)的应用;颜色轻重远近应用;版式平衡与版式分割的实际应用。
(三)场景合成及立体表现:版面布局方式;版面分割;Banner形式讲解。
(四)详情设计分析与制作:详情页结构分析;运营需求梳理;详情页标题排版形式汇总;运营专业术语讲解及查看方式。
(五)详情页设计与主图设计:详情页后期制作;主图设计规范;主图设计方法;详情页和主图的应用。
(六)gif动画及专题设计:详情及导航常见动效;时间轴基础;帧动画及时间轴动画;视频转GIF格式;切图及详情上传;专题介绍及基本制作。
(七)活动专题设计:专题设计应用方向;专题需求分析;店招及导航设计;专题banner设计及字体变形设计方法;立体空间深入及应用。
(八)服装首页设计、详情及主图设计:首页设计店招及店招常用设计元素及方式;首页导航;专区版块设计。
(九)无线端店铺装修:无线端版块讲解;无线端首页结构;无线端各部分模块及尺寸要求;整理运营需求进行设计;无线端详情页设计;无线端店招设计。
第四部分 UI设计
(一)UI图标创意:图标的作用与分类;图标常见风格;图标创意方法。
(二)图标抽象及绘制技法:像素图标应用场景与技法;金属质感技法;玻璃质感技法;塑料质感技法;木质质感技法。
(三)交互设计:什么是交互;交互设计师工作流程和产出;xmind(思维导图软件)软件绘制脑图;axure(Axure RP专业的快速原型设计工具)软件绘制流程图。
(四)保真原型及交互说明:axure绘制低保真原型图;axure实现基础交互效果;交互细节说明。
(五)ios移动端界面设计:app行业分类及现状;iOS平台规范;启动图标设计;启动页设计;引导页设计;主页面设计;导航样式;常见版式特征。
(六)iOS改版安卓及适配切图:安卓改版;项目文件整理;输出标注图;输出切图。
(七)app高保真原型制作:高保真原型制作流程与规范。
(八)用户体验及项目迭代:何为用户体验;体验的设计原则;不良体验优化;项目2.0迭代。
学习目标:
1.掌握精美UI图标的创意方法和技巧;
2.掌握UI设计规范与应用;
3.学会如何去把控一个整体设计项目及角色扮演;
4.更进一步学习界面设计,掌握多媒体终端界面设计;
5.视觉效果打造提升,可进行复杂的视觉效果表现;
6.培养学员抽象思维及逻辑思维,拥有设计项目实战能力;
7.掌握超写实UI图标设计技巧;
8.掌握Axure、xmind等软件绘制图;
(一)PhotoshopCS5图像处理:PhotoshopCS5操作基础、图象优化处理、网页页面设计、经典实例分析与制作。
(二)CorelDrawX4、Illustrator图形设计:包装盒的设计、宣传单、海报及名片的制作、产品及商业广告设计。
学习目标:
1.PS与AI、coreldrawX4的完美结合;
2.提高视觉设计的能力,加强商业广告设计的学习;
3.掌握平面设计规范及印刷原理;
4.户内外广告设计规范与技巧;
第二部分 手绘
(一)绘画中的:概念;手绘基础;一点原理;两点画法;两点特点;两点注意事项。
(二)绘画形态及明暗关系的掌握:手绘排调子;绘制正方体;三大面表现;绘制球体;五大调子及注意事项。
(三)彩铅上色与创意表现:头脑风暴模式;头脑风暴应用;头脑风暴与创意;表现抽象事物;表现复杂的文字;彩铅上色。
(四)UI扁平、拟物ICON绘制:扁平化概念;图标的表现形式(用针管笔描边);拟物图标注意问题。
(五)APP用户端草图绘制:做APP界面与手绘的关系;原型图设计;项目流程分析;绘制原型图经验法则;原型图关系梳理。
学习目标:
1.加强及光影关系的学习;
2.学习体会UI图标的光影细节;
3.学会APP产品草图的绘制方法与规范;
第三部分 电商设计
(一)电商工作环境及字体设计排版:字体认知与字体应用情景;字体排版方法及技巧;字体效果表现形式。
(二)配色与设计构思:配色基础;色彩意向;色彩三属性搭配(强中弱对比原则)的应用;颜色轻重远近应用;版式平衡与版式分割的实际应用。
(三)场景合成及立体表现:版面布局方式;版面分割;Banner形式讲解。
(四)详情设计分析与制作:详情页结构分析;运营需求梳理;详情页标题排版形式汇总;运营专业术语讲解及查看方式。
(五)详情页设计与主图设计:详情页后期制作;主图设计规范;主图设计方法;详情页和主图的应用。
(六)gif动画及专题设计:详情及导航常见动效;时间轴基础;帧动画及时间轴动画;视频转GIF格式;切图及详情上传;专题介绍及基本制作。
(七)活动专题设计:专题设计应用方向;专题需求分析;店招及导航设计;专题banner设计及字体变形设计方法;立体空间深入及应用。
(八)服装首页设计、详情及主图设计:首页设计店招及店招常用设计元素及方式;首页导航;专区版块设计。
(九)无线端店铺装修:无线端版块讲解;无线端首页结构;无线端各部分模块及尺寸要求;整理运营需求进行设计;无线端详情页设计;无线端店招设计。
第四部分 UI设计
(一)UI图标创意:图标的作用与分类;图标常见风格;图标创意方法。
(二)图标抽象及绘制技法:像素图标应用场景与技法;金属质感技法;玻璃质感技法;塑料质感技法;木质质感技法。
(三)交互设计:什么是交互;交互设计师工作流程和产出;xmind(思维导图软件)软件绘制脑图;axure(Axure RP专业的快速原型设计工具)软件绘制流程图。
(四)保真原型及交互说明:axure绘制低保真原型图;axure实现基础交互效果;交互细节说明。
(五)ios移动端界面设计:app行业分类及现状;iOS平台规范;启动图标设计;启动页设计;引导页设计;主页面设计;导航样式;常见版式特征。
(六)iOS改版安卓及适配切图:安卓改版;项目文件整理;输出标注图;输出切图。
(七)app高保真原型制作:高保真原型制作流程与规范。
(八)用户体验及项目迭代:何为用户体验;体验的设计原则;不良体验优化;项目2.0迭代。
学习目标:
1.掌握精美UI图标的创意方法和技巧;
2.掌握UI设计规范与应用;
3.学会如何去把控一个整体设计项目及角色扮演;
4.更进一步学习界面设计,掌握多媒体终端界面设计;
5.视觉效果打造提升,可进行复杂的视觉效果表现;
6.培养学员抽象思维及逻辑思维,拥有设计项目实战能力;
7.掌握超写实UI图标设计技巧;
8.掌握Axure、xmind等软件绘制图;