[image]10 前端是网页设计思想吗,本人想转行做网页设计思想,以前是做淘宝美工的,现在转做网页设计思想需

26岁的淘宝美工想转行,UI设计、游戏原画、网页设计哪家强?
如题,毕业做了两年多的淘宝美工,现在想转行。 - 知乎73被浏览23761分享邀请回答32 条评论分享收藏感谢收起扫一扫,上赶集群组
扫码使用“赶集群组”
交友&&寻爱&&找工作
聊天&&聚会&&不寂寞
& 石狮网页设计/制作全职简历
手机已验证
没有找到合适的人才?,让人才来主动找你!
赞助商链接
招人才用微信
· 最新简历随时查
· 直接对话访客
· 面试邀请随手发&设计总监团队+教授级课程+企业专员&模式
旨在培养艺术创造力强,专业技能硬,职业素养高的设计人才
您当前的位置:成都天琥教育& &
淘宝美工设计培训学校
成都天琥【电商设计班】适合人员
&0基础转行
&想高薪就业
&想做淘宝,图片美化,海报钻展、店招、首页装修...什么都不懂,加入我们,教你打造炫酷的淘宝店铺。
&年轻任性设计没学好,难道毕业=失业?现在还不晚,学完就可接单赚外快,毕业找工作易如反掌。
&想转行做电商设计,0基础,担心学不会?怕跟不上?天琥承诺:免费重修,教会为止。
&壮志未酬,遇到瓶颈难突破,首席电商设计师1对1教学,强化提高设计水平。
技能缺失,天天加班钱又少,想找个体面又高薪工作。这次机会来了,想改变,就现在。
& &&课程模块
PS基础操作
&熟练掌握选框、画笔、图章、钢笔、路径、修复等PS工具,快速入门
淘宝详情页
&学完能快速制作宝贝详情页面,开淘宝店从此不用愁。
&掌握淘宝修图、批量加去水印、调色上色、图片编辑技巧
高级抠图技巧
&掌握复杂人像抠图、编辑技巧,学完可达到影楼专业修图人员水平
&综合运用各种工具,把两张图巧妙合成一张,移花接木
剪贴蒙版/滤镜
&剪贴蒙版运用,掌握PS滤镜及各种外挂滤镜,制作各种艺术特效
样式/形状图层
&学完可以制作各种立体投影,光景特效,在PS中应用极其广泛。
海报轮播图设计
&快速制作高端大气上档次的海报轮播图,瞬间吸引买家。
网页美工基础
掌握网页设计流程、设计原理、尺寸等、排版布局等知识
DW基础操作
认识DW界面、工作区熟练DW基本操作,学习表格,切片
掌握链接、富媒体,框架网页,使页面设计更加时尚动感。
学习Css种嵌入形式,选择符,盒模型、浮动、页面装修布局等。
项目列表与导航,常用css样式、居中等。
掌握表单创建与CSS样式Spry菜单栏、dI与dd、dt 等
天猫首页设计
页面排版、栅格系统、界面设计与规范、ps切片详解,js学习及应用
企业网站布局与设计规范。
AXURE原型设计
熟悉原型设计工作环境、界面功能,交互设计、并实际运用
SEO网页发布
网页兼容性、SEO优化及发布。
1.色彩的基本原理2.色彩与网店视觉营销3.店铺风格定位
4.字体颜色与背景色搭配 5.冷暖色彩搭配技巧
6.视觉营销 7.色彩搭配与客户心理 8.提高网站视觉冲击力。
直通车图设计
海量案例实训,教你做赞的直通车图。
钻展图设计
众多实用设计技巧,避免误区,快速提高钻展的点击率。
轮播图设计
高端大气轮播图,快速抓住消费者眼球,提高店铺档次。
C店/天猫首页设计
大量实战训练,掌握男女装/3C数码/运动户外/化妆品等主要同类目,首页风格及排版布局、颜色搭配、创意设计技巧
产品详情页设计
详情页制作实践,制作规范、视觉营销设计技巧,快速提高转化率。
活动专题页设计
全年多个节假日专题页面的设计,实战中掌握活动专题页面设计技巧
成都天琥电商设计培训优势:
A.人手一个淘宝店 全流程设计实操
让每个学员申请一个淘宝店铺,实战学习淘宝装修,钻展设计、活动专题、轮播图、详情页设计,全流程装修实操,快速制作吸金无数的店铺。
B.10多年经验&& 完美融入课程
把核心、实用的经验完美融入课程,毫无保留的传授给学员,市面上少有。课程浓缩一线电商设计专家,10实战经验与营销创意技巧。
C.&8大核心技能 千锤百炼
1. 淘宝高级修图;2. C店/商城首页设计;3.活动专题&;&4. 页产品详情页;&5.&钻展设计;6.轮播海报;7. 直通车图设计;8. 无线端装修
D.学完累计1-3年实际经验
近50个真实项目实战,覆盖各主要类目及专题领域,职场零距离学电商设计,学完累计1-3年实际经验。&
选择成都天琥 &20000家就业单位高薪以待
全国20000家就业合作单位 ,一站式人才供应基地。每天超过20家企业上门招聘。天琥学员以艺术创造力强,专业技能过硬,职业素养好,受到企业的一致欢迎。
学校简介:
成都天琥设计培训学校是天琥教育集团成都分校,是一所集设计培训、教育教学、设计应用知识推广、设计课程研发于一体的集团化连锁教育机构,致力为各行业培养精英设计人才。&大道无疆,唯教有道&10多年的发展过程中,天琥始终秉承&把经验传递给有梦想的人&的教育使命,引领设计培训发展方向。成都天琥教育,全国连锁品牌,10多年专注设计培训,开设平面设计、网页设计、室内设计、UI和工业产品设计、淘宝美工,包就业等设计课程,每月开班,随到随学。
学校师资:我们的教学团队=男/女神+创意极客+4A设计师+艺术教授+设计总监
专家职称:资深教育专家/课程研发中心总监/珠江水利研究院设计顾问/艺术院校特聘教授
专家职称:知名设计专家/首席设计总监/园林景观工业产品设计首席培训师
专家职称:网页课程研发总监/资深网站开发设计专家/UI设计实战专家
专家职称:平面课程研发总监/资深品牌设计专家/国际4A广告公司实战设计专家
专家职称:3D室内课程研发总监/资深室内设计专家
学员心声:
在我看来,每一次的面试机会都是一次很好的就业体验和学习过程,尽管不是每一次面试都能获得成功,但是在面试过程当中如果被问及一些自己不熟或不懂的问题时,不要害怕而失去自信,不要因此对下一次面试产生恐惧而选择抱怨逃避,其实,你要做的只是将每一次面试中不足之处默默记下,面试后与就业指导老师进行有效的沟通总结,把不熟悉的知识点加以了解巩固、把表现得不好的地方加以改善,慢慢的在下一次的面试当中表现得更卓越,从而获得面试官的青睐。后衷心感谢一直以来指导我学习的所有天琥老师,谢谢你们一直对我的照顾与帮助,祝愿天琥桃李满天下,越办越好。&&平面设计学员蓝丽琼
详情请进入
查看,文章来源:
咨询电话:400-018-3660 咨询QQ:
下面的这篇APP界面设计切图进阶教程是出自静电设计教师的第四节课的内容。25学堂的小编很容易收集到这样的APP设计干货来分享。
我们大概的来了解下静电设计是一个什么样的主题和宗旨。
静即是安静,平静,静下心寻求内心的平和。?Design即设计,静下心,重新考虑设计的本源,从行业的浮躁中解脱,设计真正属于内心的作品。
25学堂之前的一些关于APP切图的教程有:
1、移动APP切图信息图:iOS界面设计切图指南
2、APP设计和切图基本知识点以及注意事项【APP设计干货】
下面我们跟随静电老师的思路来看看,我们如何完成一个APP切图过程。
在这里演示讲解的案例是iphone5的分辨率:640 *1136来设计。首先我们来分析下,图中都有些什么元素。
静电将这些图标全部拿出来列在下边。
好的,图标就是以上这些了,下面,我们要将这些图标做成一个一个独立大小的文件,以便工程师同学排版使用。
将图标转换成独立文件
首 先我们先来切适用于iphone客户端的文件,由于静电设计稿的分辨率是640-1136,所以这个比例的图标可以直接拿来用。不用进行缩小或者放大的处 理。在安卓和ios开发中,常用使用的图片类型就是PNG,这个格式相信大家一定不会陌生,首先它比jpg和gif拥有更多的颜色和细节,同时失真程度 也非常小,另外,png格式的图片支持通道透明,所以广泛应用于移动端app的开发过程中。静电来制作两个图标,剩下图标的制作方式是一样的,大家可以以 此类推。
我们先来切这样一个图标。
IOS在切图的时候,一般会有两个尺寸,分别适配3GS和iphone4、5、5s.
我们先来设计适用于iphone5/5s/4的图标,因为他们是用的一套图.
首先选中这个图标,图标四周会出现四个蓝色的点,代表我们选中他了.
首先选中这个图标,图标四周会出现四个蓝色的点,代表我们选中他了.在下方的属性面板中,我们可以看到他的宽高,这里显示这个图标的宽高是40-40.接下来,按ctrl+n新建一个画布.宽高是40-40,把刚才的图标拷贝到这个画布中.画布请选择透明.?这里请注意,图标的尺寸一定要是偶数,否则缩小一倍的时候会出现不规则的锯齿,我们要尽量避免他.也就是说,不要出现41-41这样的尺寸.
接下来,我们将这个图标导出.选择fireworks的文件>图像预览> 格式选择png32位.因为只有这个格式是透明的. 接下来选择导出,找个地方存储这个文件吧,文件名我命名为bookshelf_heart@2x.png
小贴士:大家一定注意,ios下的文件名命名规则,二倍的图使用@2x.png做结尾,如bookshelf_heart@2x.png? 这是ios的开发规则,开发过程中,苹果的开发软件xcode使用@2x或者没有@2x来识别是否为一倍或者二倍大的图像.这个一定要记得.
使用切片工具批量切图
上边这种切图方法,在切单个图标的时候,可以用.但如果涉及到如tab按钮这样的有非按下和按下的效果的图,这个时候就要非常在意两个图是否有错位的情况了,这个时候我们使用切片工具批量切图,以确保完全对齐。
首先我们将按钮图片单独拿出来。新建一个透明画布,将这几个图标拷贝过去。
接下来,我们将这些图标均匀排列。比较好能确保非选中和选中状态的图标的y坐标一致。
然后,我们选择左侧工具栏的切片工具.如图所示,或者直接按快捷键k。
接着,鼠标变成了十字形,我们在要切出的图标周围画框。因为这里的图标大小一致,
所以切片的大小也要保持一致。画框后,效果如图,有一层绿色部分,代表切片区域.
这个时候有同学可能发现切片上有jpg这样的字样,如果有这样的文字,代表我们要导出的图片是jpg格式的,我们需要将格式改成png,用鼠标选中切片,同样,屏幕下方的属性面板,将jpg改为png32
我们在某个切片上点右键,选择导出即可,记得文件名有@2x结尾哦。
等比例批量导出其他尺寸图片
在 上一节的设计教室中,静电和大家探讨了不同分辨率图标尺寸的比例。我们再看下图温习一次。在下图中,我们可以看到,iphone3Gs与 iphone4/5/5s的比例为1:2。其他比例如下图所示。也就是ios需要两套图。 安卓的话,静电的经验是hdpi和xxhdpi即可。当然有些同学可能会准确到xhdpi也要切,这个仁者见仁智者见智了。不过工作量会增加就是了。静电 在这里偷个懒。我们这里用到fireworks的另一个神器,批处理功能!这个功能会让你的工作效率直线上升!
刚才我们已经切了一套iphone4.5使用的图出来,现在我们来使用批处理功能,切出3GS使用的一倍图还有安卓480分辨率使用的图片.
1.选择fireworks 文件>批处理,看到如下对话框.选中你要缩放的图标,然后点选添加按钮,接着选择继续按钮.
2.接着选择 缩放 然后点添加,然后在缩放比例中选择 缩放到百分比,选择50%.
3.再将导出添加到右侧,导出选择png格式.
4.选择重命名,这个功能很好用,因为之前我们的文件包含@2x,现在我们需要的这套图是1倍,所以不需要@2x,我们将它去掉.如下图所示. 这样就可以批量替换@2x为空白了.
5.注意,我们必须先才处理好缩放等步骤后,再导出,然后重命名,否则文件会变大,右侧的命令从上到下代表处理的步骤.这个可以调整. 选好后选择继续.
6.接下来的界面中我们选择自定义位置,将一倍的图放到其他文件夹备用.注意不要选与原始文件位置相同,否则你之前切的二倍图会被覆盖哦.切记.然后,选择批次,就开始批处理了
7.转眼之间,1倍和2倍的图就好了,方便吧?
8.那么安卓的图怎么处理呢?有同学已经猜到了,要切hdpi使用的图,只需要把iphone5尺寸的图标缩小到原来的3/4即可.就是批处理的缩放比例中填写75%即可.
对于安卓图片的特殊处理
大 家知道,对于一张png图片,从大往小缩放,是可以的,但从小往大,可是会虚的哦.所以,同学们,可不能硬拉这些位图哦. 对于xxhdip和xhdpi分辨率使用的图片.我们需要特殊处理.要放大,方便的图片格式就是矢量了,如果你在fireworks中使用的是原生的矢 量图形.我们可以直接使用fireworks的放大图像功能,对整个图像进行放大处理,这样图片质量也可以确保不会虚的.
首先,我们假设设计的图全是矢量,接着,我们选择设计稿下方属性菜单. 直接将图片宽度调整到1080,当然 得是等比例的缩放,所有我们将右侧的小锁锁上,这样就是等比例调节了.
无损调整到1080分辨率后,我们可以按上边的步骤进行xxhdpi图标的切图. 然后按照静电上边给到的图的比例进行缩放即可. 比如从xxhdpi缩放到iphone5使用的图标大小,那么比例就是640/1080 这个比例进行缩放,具体大家自己算.
所以,对于图标尺寸,按1080分辨率设计,其实是理想的,但是基于静电在切图教程1中阐述的理由,所以静电选择了使用640分辨率.当然,如果大家设备许可,制作高清图可是不2之选,一切都很方便,少了放大这个步骤.
小贴士:由于安卓机型分辨率比较多,所以安卓开发工程中,采用了几种分辨率来适配各个机型,具体原理比较复杂,静电就不在这里阐述了,但静电给出如下对应关系,可以直接来套用即可. 大家请教下开发同学,就会发现,在安卓开发工程的res目录下,分别有drawable,
drawable- mdpi,drawable-ldpi,drawable-hdpi,drawable-xhdpi,drawable-xxhdpi等文件夹.我们经常 使用的 就是hdpi,xhdpi,xxhdpi等几个.其他的可以忽略.另外,安卓还有一种图,叫点9图.这个静电在下次设计教室中为大家单独讲解.
校区分布Related schools
师资介绍|教学环境|学员评论
相关学校
教学点: 2个}

我要回帖

更多关于 前端网页设计 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信