美工一般是指对平面,色彩 ,基调,创意等进行堆砌的技术人才,分为平面美工、网页美工和三维美工。一般需要精通photoshop等设计软件。
那么平面美工是由美工用illustrator 或者 photoshop 设计出平面外观。三维美工是由美工用3dmax等的三维角色模型设计,道具模型设计,环境场景模型设计,包装设计等。而网页美工是使用photoshop或fireworks等设计软件,将网页的视觉效果、排版等工作呈现出来。有人认为美工精通css/html/javascript等语言来做网页布局,其实这是不正确的,网页布局的工作应该是由前端开发工程师来完成的。所以对于初学者来说,什么都不会的情况下,先来跟着我们学切图吧。
我们经常看到的一些网页,并非只是单单由于设计师的功劳,一般设计师出来的的设计稿还要经过单独的切图经由开发同学技术实现,切图作为设计师与开发者之间的桥梁,它的作用很关键,合适的切图与精准的位置可以在 大限度的还原效果图的设计,精妙的切图更会有事半功倍的效果!但做为设计师也要多少了解这些,这样在与技术的交流中会有所帮助。
我们经常会做一个俗称“点九”的切图,那什么是“点九”呢?“点九”就是android平台处理图片的一种特殊的形式,这是由于文件的扩展名为:“.9.png”,所以被称为“点九”。“点九”也是由于android平台多种分辨率需适配的需求下,发展出来的一种独特的技术。它可以将图片横向和纵向随意进行拉伸,而保留像素精细度、渐变质感和圆角的原大小,实现多分辨率下的完美显示效果,同时减少不必要的图片资源,可谓切图利器。
“点九”的制作工具为“draw9patch”,具体制作步骤这里不多讲了,插播小贴士第 一条:舍弃这个制作工具吧,减少繁琐的步骤,不要再每张图片都拖到工具里画啦!直接用ps+铅笔就可以画哦。
“点九”的知识面也是要非常广的,但android切图不仅需要清楚“点九”的方法,还需要有其他各种小技巧。下面为大家分享我在工作中总结的几个关于切图的心得。
(一)站在开发的角度来切图
在这之前呢,需要了解一些关于技术实现的方式,就好比了解一位开发同学,如此更多的了解,会让工作更加顺畅。
如为下图按钮做“点九”图,一部分同学可能会这样做:
这是一张高度不变左右拉伸的“点九”图片,内容显示区域为整个按钮范围。按钮效果图上看,文字是垂直居中显示的,开发同学拿到这张“点九”图片,就会在代码里写上center的属性,此属性就是设定让文字在按钮的垂直居中位置。到这,有没察觉出存在什么问题呢?那么先让我们看看实现出来的效果。
拥有像素眼一样的设计师们,立刻会察觉文字偏下了。然后找开发同学调整文字的位置,“把文字向上n个像素吧,没有居中”等等,这是很经常发生的对话,开发同学会增加代码微调文字的位置以达到效果图效果。事情圆满解决了吗?想多了,很多事情并非都是理所当然,当你发现时,你已经错了。
当我们了解开发同学实现方法后,我们可以试试用逆推法验证这张“点九”图片是否还有进一步的可能。
如上图,设计效果图中红色区域是文字排版区域,是理想化的位置,1和2的高度是相等的;而实现效果图中3和4的高度是相等的。问题出现了!在我们画点九的时候,把投影的高度也画进去了,所以视觉上文字就偏下了。
我们通常的画法应该是:
1. 在高度不拉伸的情况下,在空白区域点一像素的点。
这是与开发同学之间约定俗成的习惯,凭着默契就知道此按钮高度不进行拉伸,而且就是被拉伸了,拉伸的是空白区域,视觉上也不会造成影响。
对比如图所示:
2. 内容显示区域的高度要避开投影区域,这样可以保 证文字视觉的居中。
“点九”图片的内容显示区域,我喜欢称为内容排版区域。在切图的过程中,还会发现不同的情景,要时刻想着你要的结果,通过对此区域的仔细处理,可以更好的为图片上所承载的内容做排版。这样开发同学只要通过一些简单的属性设定,就可以实现效果图上的布局。这样同时可以减少一些不必要的开发,精简代码,提高产品的性能,积少成多,带给用户更好的体验感受。
(二)选择更优的切图方式
当我们遇到异形或较为复杂的切图时,往往需要抛开固有的思维程式,去寻找一些更适合的切图方式。例如为下图浮层切图的时候,我们还可以用我们的“点九”神器么?
首先分析一下此浮层的几个特点:一是半透明渐变有厚度又有投影的效果;二是有三角异形,而且位置不固定。在切图的时候先走了一下小弯路,用固有思维把浮层分成了上下两个部分,下面方形做成“点九”,上面三角形单个切图,用拼接的方式去实现。这是符合开发同学的原子拆分设计模式的,把会变化的部分取出并封装起来,让其他部分不受到影响。所以开发同学很快做好了实现,但效果却不尽人意。其实我们可以预想得到,因为有投影效果上下拼接一定有重叠,这样拼接处就会有一条明显的线。
那该如何是好呢?经过设计师的进一步思考,终于找到了一种更适合的切图方式:
左右分割成两个“点九”图片,这样即能保 证连接处的效果,又能灵活三角指向的位置。思考好如何切图的同时也要跟技术同学沟通能否实现,衡量实现的成本。 后值得高兴的是,实现出来的效果跟设计效果图没有任何出入。
(三)尽可能的减小资源的大小
切图的时候尽可能减小资源的大小,为产品安装包。
1.“点九”图片拉伸1个像素与拉伸10个像素效果上是没有区别的,所以尽量缩小图片的尺寸。
(在上面的例子当中,为了保持看得清楚,没有缩小到小情况,在实际工作中可以稍加注意。)
2.当我们遇到有纹理的背景或有纹理的按钮时,切图原则为:找到纹理的规律,用小的切图去平铺,可以想象中图案叠加的原理。
第 一种纹理背景,如输入法多媒体中随写输入的界面,不同的信纸,我们就用了尽可能小的切图去平铺而实现的。如下图:
这是我们输入法中信纸的切图,遵循用 小切图的原则,按照不同纹理的规律调整到 小的切图,所以可以看出不同纹理的切图尺寸是不一样的。
第二种有纹理的按钮,我们一般会这样处理:
我们的目标是把按钮分成三段,保留左右圆角部分,找到中间纹理可复用平铺的部分,同事确保中间纹理可以与左右两张图无缝连接,这样按钮的长度就变成可控的了,可以适用于不同的场景。
首先找到纹理的规律,这里的斜线纹理只需切宽为3px的图即可;然后用纹理图片去尝试左右圆角部分,连接到圆角部分的纹理就成功咯。遇到其他类型纹理切图时,思路是可以复用的。
3.适当压缩图片质量,在单色或没有过多效果时可存储为png8位或索引模式。
设计师在提供设计规范后愁苦实现效果不尽如人意的同时,或许可以尽可能的利用一些切图手段,这样能帮助你的设计达到零差别的呈现,同时也帮助那些开发同学减少了很多不必要的开发负担,而对于产品本身也有提高运行速度等很多不言而喻的好处。如此,让设计师同学与我们亲爱的开发同学可以成为更贴心更默契的合作伙伴了!
平面设计(PSCDRAICAD)
课程介绍
第一阶段 计算机基础知识
办公软件:从基础的内容开始学习,逐步深入。
Word:学习日常办公文件排版,文字处理和格式设置,日常表格编辑,精美图文混排技巧。
Excel:专业电子表格制作排版,学习函数和公式计算表格,各式图表的建立和排版,数据库查询操作。
PowerPoint:面向商业及企业的专业幻灯片制作,精彩的动画设计方案,图文并貌,声影结合。 互联网应用:IE的使用技巧;网页浏览;引擎;电子邮件;BBS电子公告牌;软件下载等。
第二阶段 平面广告设计软件
Photoshop:学习图像处理、编辑、通道、图层、路径综合运用;图像色彩的校正;各种特效滤镜的使用;字的制作;图像输出与优化等,灵活运用图层风格,流体变形及褪底和蒙板,制作出千变万化的图像。
CorelDraw 通过CorelDraw的全方面的设计及网页功能融合到现有的设计方案中,制作矢量的插图、设计及图像,出色地设计公司标志、简报、彩页、手册、产品包装、标识、网页及其它。
Illustrator:广告招牌制作、灯箱广告、服装广告设计、企业徽标设计、名片设计
AutoCAD:制图软件:基本操作的学习;工具的使用;熟练应用软件进行室内外建筑制图等。学习软件操作、工具与命令;学习电脑绘制施工图。
第三阶段 设计师美术基础强化课
1、素描:通过此阶段教学提高学生的美术观察能力,了解光和影的概念,及构图、比例、虚实、明暗等关系,可进行常见物品的描绘;并通过此教学使学生熟悉三视图,了解产品结构、透视与比例之间的关系,可进行一般产品造型绘制,培养学生的空间抽象思维能。
2、平面构成:学习点、线、面等设计元素的构成形式,通过学习形式美法则,提高其艺术处理能力,增强平面作品装饰性。从素描的造型过程中去发现设计,为专业课学习奠定基础。色彩构成:通过色彩知识的学习,使学习了解色彩色相、明度、纯度,提高学生的视觉传达能力,了解色彩基础知识和空间混合概念,能够进行一般色彩搭配,培养学生的色彩感知能力。
3、立面构成:从二维空间的平面转化为三维空间立体的构成方法及美学特色、加工手法、材料运用、立体构成在设计中的应用、及立体构成在实际中的应用。
选择云光的六大理由
1. 先进、科学的教育理念和办学精神,严谨、务实的教学管理;
2. 遍布厦门5家教学校区,近300台电脑;
3. 福建省一家同时获得劳动和社会保障部中国大学生就业促进工程实训基地和全国1+N复合型人才职业培训教学基地;
4. 开设培训项目齐全:共开设从基础到就业大专班近40门培训课程;
5. 师资力量雄厚,教学设备先进,共有大中专以上学历多类教师56位,阵容鼎盛;
6. 教学、培训、就业为一体的教学模式,完善的就业体系,高度的就业,为求学者提供成功的桥梁。
考试认证
1. 可获人力资源和社会保障部颁发的《人力资源和社会保障部职业资格》认证证书,全国通用,网上可查。
2. 《全国计算机信息高薪技术职业资格》证书,全国通用,网上可查。
3. 更有机会报读大学专科/本科学历证书(学信网可查询)。
校区地址
上课地点5个校区,就近安排。
湖里总校、同安校区、杏林校区、集美校区、角美校区
总校地址:厦门市湖里区湖里大道同吉大厦东区
乘车路线指示:可乘坐地铁1号线:火炬园站(1号出口)或公交车94路、97路、137路、437路、109路、113路、305路、306路、655路、843路、956路、11路、848路、943路 至 石头皮山站或马垅火炬园站下车,步行10米至同吉大厦东区。
学校简介
厦门云光计算机职业培训学校是由厦门市劳动和社会局批准设立的一所专业从事电脑职业技能培训学校。云光现有10多个教学分校区,教学面积3000多平米、60多名大中专以上学历教师,900多台电脑及相关设备,师资力量雄厚,环境优雅,是目前厦门规模、师资力量雄厚的计算机职业教育机构之一。
云光以IT职业教育为主要战略发展方向,培养社会紧缺的计算机专业应用人才,自1999年成立以来,有近10万名各界人士走进云光,接受云光系统、专业、正规的计算机教育。
学员遍及来厦工作的全国各地人员,精湛的技能使云光学子赢得了众多企业的青睐 云光以独创“7-3案例教学法”的教学方法,将学员实际工作素质的培养列在。“培训一个、合格一个、就业一个”一直是我们坚持不懈的目标。如今已有160多家企业与云光学校签订长期用人协议。使学员由入学、实践、就业有了一个系统的。
培养目标
我校根据学员要求及市场需求,综合国内实际情况,积极探索电脑技能新模式,紧跟技术发展新动态,不断更新教学内容及开拓新课程,让学员掌握有价值的新技能,以适应全球计算机就业市场的需求。“帮助每位学员找到一份IT工作”是我校孜孜以求的目标。
教学特色
我校每个班级配备班主任进行跟踪服务多媒体授课、人手一台机子练习、小班化教学。并拥有一套先进的教学、管理、服务体系:“互动学习法”及“案例教学法”即“教”与“学”的理论和实践的结合是我校的特色。教师把课程内容巧妙地设计成工作中的“任务”,让学员在教师的引导下领会学习的核心内容,让所有的学员学有所成,学有所用。能学到一技之长,早日成为 IT 行业精英。
师资力量
我校拥有一支深厚专业素养和良好敬业精神的教师队伍,电脑教师均是从事多年的计算机相关专业人士,具有多年教学实践经验,他们不但专业技术精湛,教学经验丰富,而且爱岗敬职,师德,谆谆善导,使您在云光电脑学校享受到高质量的IT培训。
学校承诺
报名后即可上机操练实习;在短的时间内学到多、实用的知识;确保教学质量;中途不收任何费用,一期学不会,下期免费再学;就业大专班学员合格后由本校到相关公司工作。
您还在担心这些问题吗:
厦门平面设计培训班哪家费用低?
厦门专业的平面设计培训学校怎么样?
厦门平面设计培训哪家好?
厦门哪家平面设计培训口碑好?
厦门平面设计培训有哪些?
针对以上问题,详情请咨询哦~~
以上就是平面设计培训课程的全部内容介绍,如需了解更多的平面设计培训班、课程、价格、试听等信息,也可以点击进入 平面设计 相关频道,定制专属课程,开始您的学习之旅。