怎样能使塑料有金属质感

html-css07

怎样能使塑料有金属质感,第1张

不连续镀膜技术、NCVM不导电电镀

NCVM又称不连续镀膜技术或不导电电镀技术,是一种起缘普通真空电镀的高新技术。真空电镀,简称VM,是vacuum metalization的缩写。它是指金属材料在真空条件下,运用化学、物理等特定手段进行有机转换,使金属转换成粒子,沉积或吸附在塑胶材料的表面,形成膜,也就是我们所谓的镀膜。真空不导电电镀,又称NCVM,是英文Non conductive vacuum metalization的缩写。它的加工工艺高于普通真空电镀,其加工制程比普通制程要复杂得多。

NCVM是采用镀出金属及绝缘化合物等薄膜,利用各相不连续之特性,得到最终外观有金属质感且不影响到无线通讯传输之效果。首先要实现不导电,满足无线通讯产品的正常使用;其次要保证“金属质感”这一重要的外观要求;最后通过UV涂料与镀膜层结合,最终保证产品的物性和耐候性,满足客户需求。NCVM可应用于各种塑料材料,如PC、PC+ABS、ABS、PMMA、NYLON、工程塑料等,它更符合制作工艺的绿色环保要求,是无铬(Non-Chrome)电镀制品的替代技术,适用于所有需要表面处理的塑料类产品,特别适用于有讯号收发的3C产品,尤其是在天线盖附近区域,如MobilePhone、PDA、Smart Phone、GPS卫星导航、蓝芽耳机等。

NCVM的主要特征是结合了传统真空镀膜技术的特性,采用新的镀膜技术、新的材料,做出普通真空电镀的不同颜色的金属外观效果,起到美化工件表面之功用。采用NCVM技术制出的成品可以通过高压电表几万伏特的高压测试,不导通或不被击穿。正是因为它的不导电性,当手机或蓝牙耳机收讯或是发射讯号时,产生的电磁场不被导电的镀层所屯积,从而不影响手机的RF(射频)性能以及ESD(静电放电)性能,也就是说使得无线产品达到更好的收讯效果,无杂音,更不会对人体产生任何影响。从电性能角度出发,它能够通过导电测试和电子干扰测试。从真空镀膜本身,它能同时保证正常的物理和耐候测试,如附着力、耐磨耗、耐醇、耐人工汗液、高温高湿储存等。当通讯产品的机壳采用NCVM制程时,产品的天线模块不需再设计回路接地至机板上,由此可节省在天线模块上的检测,并节省成本;同时产品的外观金属质感较强烈,进而提高产品的科技含量,增加产品的附加价值。

另外NCVM在使塑料具有金属质感的同时可实现半透光性控制,即体现金属质感同时具备光线可穿透性。产品机壳采用NCVM制程时,利用透光或半透光特性,可使产品的设计更富变化,外观更为靓丽多姿。

目前在我国的部分跨国企业,如MOTO、SONY ERCSSON和NOKIA等生产的通讯产品已导入NCVM镀膜加工。国内一些企业也纷纷研发NCVM技术,如厦门夏新、深圳金源康、佛山德莱宝、深圳市济达公司等,可对蓝牙耳机、手机外壳进行不导电真空电镀加工,或提供PMMA、PC、塑胶等材料的各种彩色电镀和不导电电镀等。

NCVM技术以其特殊的不导电、金属质感和优良的物性与耐候性,正在真空电镀技术领域中脱颖而出,抢占鳌头,成为3C企业在电子通讯产品上重点技术,为塑胶材料表面镀膜实现新价值。NCVM技术消除了电镀过程中六价铬和电镀层中镍、镉元素对人体的危害,解决了电镀给环境带来的污染。虽然NCVM技术的整体工艺目前仍不成熟,但其产品价值高,市场潜力大,盈利空间大,将逐步替代传统电镀工业而成为主流的塑料类产品表面处理技术,将为企业和社会带来显著的经济效益和社会效益。

第一阶段:photoshop

基础入门初识PS软件PS基本介绍;PS基本概念;PS软件的基本功能及适用范围;界面讲解;选框工具;图层基本认识与操作;填色功能讲解;对齐与分布;选框的布尔运算;选框的修改可掌握的核心能力:

(1)养成良好的做图习惯;

(2)通过PS软件实现多种案例设计;

(3)用图层样式巧妙的设计各种特效,如文字特效、图片特效等;

(4)掌握时下主流的设计趋势及技巧;

(5)学习一定的设计规范流程;

(6)掌握工作中的设计技巧;

(7)学习简单调色与修图技巧。

可解决的现实问题:

学员可以掌握ps软件的基本使用方法,并学会常见修图技巧、背景图设计,可以轻松完成各种图像的抠图、后期处理及初级图像合成效果的制作,进而打造精美商业广告设计图。

市场价值:

熟练掌握和学习后,对快速进入设计行业打下坚实基础,对软件的基本功练习有很大的帮助;可满足设计行业的初级需求,根据市场反馈数据看,薪资普遍在 3000-4000元/月。工具应用及图像合成多边形套锁应用;透底图讲解;魔棒应用;快速选择工具;图像合成;工具综合应用;渐变工具;选框工具;选框修改;渐变类型径向钢笔工具基础及高级使用钢笔工具基本应用;钢笔工具抠图方法;定义画布;商业案例抠图,画笔工具,渐变工具,及商业案例形状绘图及综合应用形状模式绘图;形状图层;形状属性栏;形状填充类型、描边类型;布尔运算;小白小黑的应用;形状的绘制;形状的复制;综合应用形状和画笔等功能字体设计及图层样式渐变叠加;描边;斜面和浮雕;内阴影;投影;形状绘制;文字工具;字体排版;图层样式综合应用调色功能及色彩三属性色阶;曲线;色彩平衡;色相饱和度;渐变映射;可选颜色图层混合模式及蒙版正片叠底;滤色;叠加;认识蒙版;蒙版应用;蒙版高级应用及技巧;蒙版及混合模式的综合应用;蒙版及调整层

滤镜的应用及使用原则液化;滤镜库;扭曲;镜头光晕;铬黄;素描效果通道抠图基础及高级应用通道基础讲解;通道抠图技巧;通道抠图制作广告;通道抠图及商业案例高级磨皮与海报制作人物高级磨皮;高级磨皮;特效打造;电影海报制作

第二阶段:

平面广告实训初识AI软件AI基本介绍;界面讲解;绘图工具及基本操作;图形基本绘制;颜色填充;渐变工具;吸管工具;选择工具;直接选择工具;路径查找器;形状模式;描边应用;描边面板;描边扩展应用可掌握的核心能力:

(1)认识AI软件,了解AI软件的基本功能及适用范围;

(2)PS与AI的完美结合,制作VI视觉识别系统;

(3)提高视觉设计的能力,加强商业广告设计的学习;

(4)掌握平面设计规范及印刷原理;

(5)户内外广告设计规范与技巧.

可解决的现实问题:

熟练掌握各种平面设计相关规范与设计技巧;熟练进行字体设计,打造个性化字体;使平面设计作品更具规范化。

市场价值:

学完此阶段课程,已成功进入平面设计行业,可根据所学做出精美的平面设计作品,如海报、易拉宝等vi视觉设计;可满足平面设计工作需求,根据市场反馈数据看,薪资普遍在 6000-8000元/月。手机图标的综合应用路径查找器;变换功能;路径查找器分割;渐变网格工具;网格添加、删除、改色;剪贴蒙版;AI综合应用;混合工具;透明度面板字体设计及软件中的一些知识点文字创建轮廓;文字变形;文字设计方法;路径文字;绘图综合;字体设计综合;立体文字制作方法;3D突出和斜角;混合工具名片设计及平面印刷原理知识名片分类与设计流程;出血;纸张;名片设计流程;版式设计技巧;名片设计改版;名片设计原则;视觉焦点设计;底纹装饰添加原则;Logo使用原则;印刷专色;专色版建立;透明专色;非透明专色;PVC卡片的设计户内外广告易拉宝展架;尺寸规范;制作规范;设计技巧;输出原则;折页设计与结构;设计权重级别;根据级别设计;区域文字排版;标题与正文规则;PS与AI结合使用技巧

第三阶段:

手绘绘画中的透视透视概念;手绘基础;一点透视原理;两点透视画法;两点透视特点;两点透视注意事项可掌握的核心能力:

(1)加强透视及光影关系的学习;

(2)学习体会UI图标的光影细节;

(3)学会APP产品草图的绘制方法与规范。

可解决的现实问题:

锻炼学员自主动手绘画能力,让学员拥有一定的手绘ui的能力及创造力;可以独立绘制app流程草图。

市场价值:

掌握手绘能力,在做设计行业中很好的提升自我竞争力;根据市场反馈数据看,薪资普遍在 6000-8000元/月。绘画形态及明暗关系的掌握手绘排调子;绘制正方体;三大面表现;绘制球体;五大调子及注意事项彩铅上色与创意表现头脑风暴模式;头脑风暴应用;头脑风暴与创意;表现抽象事物;表现复杂的文字;彩铅上色UI扁平、拟物ICON绘制扁平化概念;图标的表现形式(用针管笔描边);拟物图标注意问题APP用户端草图绘制做APP界面与手绘的关系;原型图设计;项目流程分析;绘制原型图经验法则;原型图关系梳理

第四阶段:

网页实战网站基础网站特征、功能分析与风格表现分析;网站从0到1的实现过程,包括产品定位、人群分析、竞品分析、架构-交互-设计等;设计需求思路整理;视觉、配色、设计规范可掌握的核心能力:

(1)了解网站公司组成(部门),人员配备,工作职责;

(2)熟练掌握网页页面配色及排版设计;

(3)掌握网页设计配色技巧及常用搭配;

(4)学习黄金分割点,掌握优秀的排版比例。

可解决的现实问题:

让学员毕业后快速适应网页设计相关工作氛围状态;了解设计色彩心理学,能力自主分析色彩及构成,可完整做出精美的网页设计图及时下流行的h5页面。

市场价值:

学完可从事平面设计、网页设计等相关工作;并拥有一定的网页设计经验,可以轻松的做出规范的网页效果图,达到公司需求;根据市场反馈数据看,薪资普遍在 8000-10000元/月。网站前台页面设计合理化设计3大要素;如何根据原型功能合理制作界面;从设计角度分析版块之间的联系与区别;合理布局与配色;风格确定及元素的设计(扁平、质感、立体)后台模块设计用户后台设计;后台与前台功能的联系分析;后台布局技巧;如何合理的布局增强用户体验网站h5设计制作h5站设计与实现过程;h5站设计与前端的沟通;h5布局方法及形式;交互方法;界面设计;HTML5动态效果的常见形式总结;创意的来源;交互效果的可用性用户体验

第五阶段:

电商设计电商工作环境及字体设计排版电商面试作品需求;字体认知与字体应用情景;字体排版方法及技巧;字体效果表现形式可掌握的核心能力:

(1)掌握电商设计规范与技巧;

(1)认识电商工作实景,了解店铺组织架构及各部门职责;

(3)加强技法的打造,提升个人创新能力。

可解决的现实问题:

紧追时代潮流,深入学习电商广告创意设计,能够独立分析制作优秀的电商设计作品,毕业后可快速融入电商设计行业。

市场价值:

学完可从事电商设计工作,轻松做出电商设计效果图,达到企业用人需求;根据市场反馈数据看,薪资普遍在 8000-15000元/月。配色与设计构思配色基础;色彩意向;色彩三属性搭配(强中弱对比原则)的应用;颜色轻重远近应用;版式平衡与版式分割的实际应用场景合成及立体表现版面布局方式;版面分割;Banner形式讲解详情设计分析与制作详情页结构分析;运营需求梳理;详情页标题排版形式汇总;运营专业术语讲解及查看方式详情页设计与主图设计详情页后期制作;主图设计规范;主图设计方法;详情页和主图的应用gif动画及专题设计详情及导航常见动效;时间轴基础;帧动画及时间轴动画;视频转GIF格式;切图及详情上传;专题介绍及基本制作活动专题设计专题设计应用方向;专题需求分析;店招及导航设计;专题banner设计及字体变形设计方法;立体空间深入及应用服装首页设计、详情及主图设计首页设计店招及店招常用设计元素及方式;首页导航;专区版块设计无线端店铺装修无线端版块讲解;无线端首页结构;无线端各部分模块及尺寸要求;整理运营需求进行设计;无线端详情页设计;无线端店招设计产品精修服装修图;摄影布光;磨砂、金属材质表现方法;化妆品修图;透明材质表现;

第六阶段:

UI设计UI图标创意图标的作用与分类;图标常见风格;图标创意方法可掌握的核心能力:

(1)掌握精美UI图标的创意方法和技巧;

(2)掌握UI设计规范与应用;

(3)学会如何去把控一个整体设计项目及角色扮演;

(4)更进一步学习界面设计,掌握多媒体终端界面设计;

(5)视觉效果打造提升,可进行复杂的视觉效果表现;

(6)培养学员抽象思维及逻辑思维,拥有设计项目实战能力;

(7)掌握超写实UI图标设计技巧;

(8)掌握Axure、xmind等软件绘制图;

(9)掌握电视平台和智能手表的设计方法。

可解决的现实问题:

可以将各类视觉技法应用到实际商业案例之中,让作品设计更加规范化,学会分析用户习惯,了解UI未来发展趋势与应用范围;学员能够从战略角度分析一个互联网项目,盈利点、运营模式、产品原型、交互设计、用户体验、视觉表现等。

市场价值:

设计师提升之路,帮助学员在公司中学会按照标准化流程,视觉严格规范,分析各角色的特点,更专业的做UI设计,轻松应对UI工作。根据市场反馈数据看,薪资普遍在 8000-15000元/月。

图标抽象及绘制技法像素图标应用场景与技法;金属质感技法;玻璃质感技法;塑料质感技法;木质质感技法交互设计什么是交互;交互设计师工作流程和产出;xmind软件绘制脑图;axure软件绘制流程图保真原型及交互说明axure绘制低保真原型图;axure实现基础交互效果;交互细节说明ios移动端界面设计app行业分类及现状;iOS平台规范;启动图标设计;启动页设计;引导页设计;主页面设计;导航样式;常见版式特征iOS改版安卓及适配切图安卓改版;项目文件整理;输出标注图;输出切图app高保真原型制作高保真原型制作流程与规范用户体验及项目迭代何为用户体验;优秀体验的设计原则;不良体验优化;项目2.0迭代安卓app实战及sketchmaterial design介绍;项目分析;sketch软件;界面设计智能设备认识常见智能设备;智能电视;智能可穿戴设备游戏UI界面了解游戏UI设计师的工作内容;游戏图标;功能组件

第七阶段:

AE动效Ae基础Ae基本操作;Ae中素材导入方法;关键帧类型;关键帧的修改;变换属性的应用;父级;预合成;跟踪蒙版;变换应用可掌握的核心能力:

(1)更深入的学习交互设计,包括项目流程和工作方法;

(2)掌握ae动画制作方法;

(3)学会使用ae软件展示自己作品的方法。

可解决的现实问题:

让UI设计作品更加生动形象真实感的展现在用户面前,对提升用户体验有很大帮助。

市场价值:

协助学员很好的做UI设计动画展示效果;根据市场反馈数据看,薪资普遍在 8000-15000元/月。Ae形状动画效果动画预合成;轨道蒙版;AI路径导入AE;描边修整路径;路径开始结束动画;字符偏移;轨道蒙版;路径开始结束动画;AE绘制图形动画Ae遮罩及路径动画AE中图形动画;保持关键帧;图形动画综合;路径动画;遮罩动画;路径动画;遮罩动画;变换动画;效果与遮罩;遮罩动画;基础动画交互动画流程及项目规范cc仿真世界;Keylight;快速模糊及电波应用;边角固定;形状与变换动画综合;交互文档;整体项目制作

第八阶段:

html+csshtml基础体验html;标签;标题;标签属性;网页基本结构;bui标签;body属性;插入图;下级查找路径;上级查找路径可掌握的核心能力:

(1)掌握html标签及语法;

(2)掌握css的语法;

(3)掌握seo搜索引擎优化技术;

(4)掌握兼容性调试;

(5)学习服务器、域名相关知识。

可解决的现实问题:

学生可独立写出符合w3c标准的网页布局代码和简洁实用的css样式代码,可以写出满足搜索引擎的页面,完成网页从实现到上线的整套流程。

市场价值:

完成此阶段课程,可以制作出符合标准的静态页面,为成为网页制作工程师打下了基础,根据市场反馈数据看,薪资普遍在 6000-8000元/月。列表及表单无序列表;有序列表;项目列表;热点新闻;超链接;表格基础;测试表格边框线;input标签;下拉菜单;表单页面css基础体验h5;H5自动补全标签; html骨架与结构标签;数据列表标签;模拟input选中效果的提示文本;验证表单数据;表单类型;audio标签;video视频标签;CSS语法;实体化三属性; 显示模式及转换;类选择器及应用选择器及CSS引入方式id选择器;页面布局;行内式;外链式;导入式;权重对比;复合选择器;CSS层叠性和继承性;CSS文字控制常用属性;行高属性;超链接伪类基础盒子模型盒子模型组成;盒子模型在火狐显示样式;;border和padding的不同方向设置;padding多属性写法;margin多属性写法;内边距撑大盒子问题;CSS初始化;外边距合并浮动及常见布局标准流;浮动属性;overflow属性;清除浮动;外边距合并;行内元素垂直内外边距定位相对定位;绝对定位;定位的使用;z-index;固定定位 CSS透明opacity属性;background:rgba()写法;应用CSS透明属性CSS精灵CSS精灵详解;background属性拆解;CSS精灵应用;滑动门;文字阴影;凹凸文字效果;盒子阴影;圆角属性;线性渐变;径向渐变实战知识点seo搜索引擎优化;兼容性语法;服务器;域名;ftp详解

第九阶段:

js+jqjs基础alert;prompt;函数(方法);参数;变量;js控制html;事件;下拉菜单;js的书写位置可掌握的核心能力:

(1)掌握了js基础语法;

(2)掌握了jq的常见语法,并实现网页中的常见动效;

(3)掌握了插件的使用方法;

(4)掌握了程序中的逻辑思维。

可解决的现实问题:

能制作市面上绝大多数网页特效。

市场价值:

可以实现带js特效的网页,使网页的交互能力大大提升;能够独立设计商业动画效果,使得网页设计更加多样化。根据市场反馈数据看,薪资普遍在 8000-10000元/月。函数及循环语句入口函数;this;数据类型的检测;自定义函数;条件判断语句;逻辑运算符;循环;数组;体验函数返回值jq基础jq书写规范;入口函数的不同点;jq控制css;jq控制html;jq简单动画;选择器排他思想与索引值.parents() .parent() ;. children();动画排队 ;jquery中的排他思想;jq的索引值;tab栏切换;滑动动画;判断html内容;类名控制节点操作及各种效果展示添加节点;节点的移除;会员标签效果;淡入淡出;突出展示;自定义动画;回调函数;模态窗口;animate精灵图及事件事件坐标 ;鼠标跟随;滚动跟随;导航跟随定时器及动画变量作用域;定时器基础与动画;new Date();SuperSlide插件实现无缝滚动插件插件的引入;缓动插件;pageSwitch各种转场效果;评分插件;验证表单插件;放大镜插件;倒计时插件

第十阶段:

响应式标签及选择器Change事件;Html5方法;对象转换;本地存储方法;c3属性选择器;结构伪类选择器;c3的常用伪类;伪类配合图标字体可掌握的核心能力:

(1)掌握时下最流行的h5+c3技术;

(2)掌握响应式设计原理;

(3)掌握移动端的适配原则;

(4)掌握流行框架的使用。

可解决的现实问题:

(1)实现响应式网页的制作;

(2)实现微场景的制作;

(3)实现移动端app的制作。

市场价值:

适应市场需求,紧跟时代技术,完全满足市场对网页制作工程师的要求,再加上之前的设计功力,可以成为会代码的全能设计师,大大提升市场竞争力!根据市场反馈数据看,薪资普遍在 8000-15000元/月。C3属性背景属性;精灵图尺寸与坐标;新增颜色模式;c3内减模式;c3过度属性; c3位移属性;c3变形属性效果展示及动画写实图标展示;XY轴旋转;中心点;透视;入场动画;动画延时;位移;图文交互;自定义动画;c3多组动画;逐帧动画;单行、多行溢出省略号视口、轮播图、插件与判断终端视口标签设置和默认大小;lib-flexible.js ;利用rem适配所有设备;用插件实现移动端轮播图;less常用语法; iscroll插件;Hbuilder打包 ;判断终端Fullpage基本api;回调函数;Css3综合案例bootstrap框架Media 语法;关键字;外链; bootstrap框架介绍;bootstrap 全局CSS样式bootstrap组件;bootstrap JS插件;图表插件wow.js实现动画效果Wow.js;animated.css;微场景制作app制作混合app介绍;hbulider + mui + html5plus;搭建基本结构;app综合页面

滑动门可以用javascript来制作,其代码如下所示:

html,body{margin:0text-align:centerover-flow:hiddenheight:100%width:100%}

ul{list-style-type:nonemargin:0px}

.ctt{height:autoclear:bothborder:1px solid #064ca1border-top:0text-align:left}

.w936{margin:2px 0clear:bothwidth:936px/*整个滑动门的宽度*/}

/*tab切换效果*/

.tb_{滑动门背景}

.tb_ ul{height:24px}

.tb_ li{float:leftmargin-right:2pxheight: 24pxline-height:1.9width: 94pxcursor:pointer}

/*用于控制显示与隐藏的css类*/

.normaltab{选中的滑动门标签背景}

.hovertab{未选中的滑动门标签背景}

.dis{display:block}

.undis{display:none}

-->

</style>

<script type="text/javascript" language="javascript">

//<!cdata[

function g(o){return document.getElementbyId(o)}

function HoverLi(n){

//如果有N个标签,就将i<=N

for(var i=1i<=3i++){g('tb_'+i).className='normaltab'g('tbc_0'+i).className='undis'}g('tbc_0'+n).className='dis'g('tb_'+n).className='hovertab'

}

//如果要做成点击后再转到请将<li>中的onmouseover改成onclick

//]]>

</script>

</head>

<body>

<!--把下面代码加到<body>与</body>之间-->

<div class="w936">

<div id="tb_" class="tb_">

<ul>

<li id="tb_1" class="hovertab" onMouseOver="x:HoverLi(1)">

标题1</li>

<li id="tb_2" class="normaltab" onMouseOver="i:HoverLi(2)">

标题2</li>

<li id="tb_3" class="normaltab" onMouseOver="a:HoverLi(3)">

标题3</li>

</ul>

</div>

<div class="ctt">

<div class="dis" id="tbc_01">内容1</div>

<div class="undis" id="tbc_02">内容2</div>

<div class="undis" id="tbc_03">内容3</div>

</div>

</div>

</div>

滑动门的种类有很多很多,从简单的几行JS代码生成的滑动门复杂至使用jQuery效果库实现各种各样的切换效果的都有。网页制作中,很多时候需要充分利用空间。这时候需要使用滑动门这种简单而实用的技术。