不少做平面的设计师想转行走网页设计这条路，做网页和做平面是完全不同的思维，加上还要熟悉或了解html和CSS代码，所以就很考验设计师的自学能力了。而且还有一点，我们在设计网页的过程中，并不是你想怎么设计都可以的，还要考虑编码实现和用户体验。那么今天我们就来和您聊聊，想转型成为网页设计师，需要必备的一些技能知识点：
Responsive
加分：Bootstrap、Sass、Compass、Susy…等，会套用现成的jquery包、JS包之类也就差不多了。再深入就是F2E的领域。
Photoshop
基本中的基本，只要是任何单位是「PX」、给屏幕用的图稿我都建议用Photoshop制作，Illustrator是印刷用软件，对PX支持度很差。
关于最基础的抠图，有的童鞋懂的方法还不全面，推荐从《从菜鸟到高手!PHOTOSHOP抠图全方位攻略》开始学习。
Grid
现在新开发的网页通常会要求制作Responsive，为了要方便套用Bootstrap或Susy，Grid就是一定要懂的观念，《Guideguide下载及使用说明》能帮助你在PS里快速建立参考线。
切图
当你会写Html、搞懂Div、Css后，你就知道怎么切图了(无误)，不会写Code的视觉设计师切出来的图常常被退货也只是刚好…做个蛋糕需要糖和巧克力粉、材料供应却老给他盐和胡椒粉，是想逼写Html的人从种甘蔗和可可树开始吗?
既然都是平面设计师想转型，这套一定用的非常熟悉，可惜我对这套的定义就是「送印刷厂」用。在我的制图过程中，所有能用向量绘制的部份我都会用向量。PS的向量工具不太好操作，遇到比较复杂的图型我会在AI里画好、贴进PS为形状图层，再来调整图层样式。所以AI只会用到画向量的功能，其他全进PS处理。
HTML
不会切图、不会手写Code的不要说自己是网页设计师，做网页只靠Dreamweaver?和蒸饭箱蒸出来的便当感觉差不多，勉强能入口但很难吃。有的RD会接受用Dreamweaver之类可视化软件产生的Code，这要看和设计师配合的RD接受度到哪里。通常平面想转网页设计很大部份是薪水可以喊比较高，如果想拿更高的薪水就不要依赖DW，老老实实的练英打吧。
想当个网页设计师，W3C是一定要懂的。当然非常多的元素不会每个都记得，把这个网址当目录用吧，不懂或忘记就跑来查一下。All Standards and Drafts–W3C。
CSS
推荐：CSS current work&how to participatemargin、padding是初学者最容易搞混的两个值;Float很常用但不小心就破版;熟悉Background可以玩出很多花样…等等。在CSS细节部份就可以偷懒一点用现成的了，虽然产出的Code比较丑不优雅，但RD比较少去动到这一块，所以还可以接受。
