平面设计转网页设计可行吗?

Author: Chris Song

平面设计师转行做什么好?曾经有人问我这个问题。我想都没想就直接回答。做网页设计最合适。无论是两者在版式设计以及品牌延伸设计上都有着非常相似的特征,过度起来更轻松一点。而且,精通品牌设计的平面设计师,在今后跟顾客沟通的过程中更容易拿捏顾客的需求及痛点。反而,一开始就参加网页设计培训班的这一批老司机更难进一步塑造。他们在策划与执行品牌网站设计方案上大多数都是力度不到,只是在网页设计及企业建站技术方面相对专业。正由于这一点,素马设计通常招聘网页设计助理都是瞄准了有着品牌设计经验的平面设计师




北上广平面设计师现状

-


平面设计,是艺术与商业的结合,是带着镣铐跳舞的舞者。它一方面要求有不断更新,不断跟进且引领普罗大众审美的艺术素养。光这一点,就能筛除掉一大批热情老去,随波逐流的从业者。另一方面它更要受到商业市场的束缚,它是克制的命题作文,不是天马行空离题万里的自我抒发。这一点,又能筛除掉一大批从业者。


好多做平面设计的做了几年都没有再做了,有的是兼职着做些设计赚点小钱,有做一辈子的都是大师级的人物在大单位里面拿待遇。三流的设计职业工作者很难干得长远。


他们或是工作成果越来越随波逐流,缺乏竞争力。做创意漂亮的稿子,靠着热情坚持一两年你觉得还好,三四年呢,更久呢?你开始懒于动脑,找找抄抄,过稿就万事大吉。或是无法用自己的工作成果来与市场沟通,作为服务型创意产业的一枚螺丝钉,这是致命的。时间一长,你再也不愿意去思考问题,去耐心探明需求,去跟客户沟通,时间一长,你对客户惟命是从只为稿子通过提案拿钱,心身俱疲…


平面设计这个工作门槛低,这是实话,国内环境下,去学几个月软件培训都能去做,但要做好,就是另外一回事了。如何拿笔写字谁都会,但把字写的漂亮呢?写的漂亮且有个性呢?写的漂亮有个性且大家拍手叫好呢?写的漂亮有个性大家拍手叫好且引领潮流成为大家呢? 做到这个程度的设计师,屈指可数。


当然,网页设计师在这一点上跟平面设计师有着相似之处。每年从网页设计职业培训班出来的“精英人才”一批又一批。同样有着入行门槛低,人才饱满等等相似现象。



平面设计转网页设计是否可行

-


不少做平面的设计师想转行走网页设计这条路,做网页和做平面是完全不同的思维,加上还要熟悉或了解html和CSS代码,所以就很考验设计师的自学能力了。而且还有一点,我们在设计网页的过程中,并不是你想怎么设计都可以的,还要考虑编码实现和用户体验。所以说,平面设计转网页设计,还需要加把劲学习一下网页设计及企业建站相关的技术和常识。



想转型成为网页设计师,需要必备的一些技能知识点

-


1.Photoshop

2.Illustrator

3.HTML

4.CSS

5.Responsive


加分:Bootstrap、Sass、Compass、Susy…等,会套用现成的 jquery 包、JS 包之类也就差不多了。再深入就是F2E的领域。


//Photoshop


基本中的基本,只要是任何单位是「PX」、给屏幕用的图稿我都建议用 Photoshop 制作,Illustrator 是印刷用软件,对 PX 支持度很差。


//Grid


现在新开发的网页通常会要求制作 Responsive ,为了要方便套用 Bootstrap 或 Susy ,Grid 就是一定要懂的观念。


更多栅格系统设计技巧及技能教程


//切图


当你会写 Html、搞懂 Div、Css 后,你就知道怎么切图了(无误),不会写 Code 的视觉设计师切出来的图常常被退货也只是刚好…做个蛋糕需要糖和巧克力粉、材料供应却老给他盐和胡椒粉,是想逼写 Html 的人从种甘蔗和可可树开始吗?


//Illustrator


既然都是平面设计师想转型,这套一定用的非常熟悉,可惜我对这套的定义就是「送印刷厂」用。在我的制图过程中,所有能用向量绘制的部份我都会用向量。PS 的向量工具不太好操作,遇到比较复杂的图型我会在 AI 里画好、贴进 PS 为形状图层,再来调整图层样式。所以 AI 只会用到画向量的功能,其他全进 PS 处理。


//HTML


推荐:HTML5


不会切图、不会手写 Code 的不要说自己是网页设计师,做网页只靠 Dreamweaver?和蒸饭箱蒸出来的便当感觉差不多,勉强能入口但很难吃。有的 RD 会接受用 Dreamweaver 之类可视化软件产生的 Code,这要看和设计师配合的 RD 接受度到哪里。通常平面想转网页设计很大部份是薪水可以喊比较高,如果想拿更高的薪水就不要依赖 DW ,老老实实的练英打吧。


//Responsive


先把 Html 和 Css 练熟了再来看 Responsive 这个大难题。要做好一个 RWD 从 Wireframe 就要规划好。在 Wireframe 阶段我习惯先设计 Desktop 版本,功能最多最完善。但在写 Code 的时候会是反过来、先从 Mobile 的尺寸开始刻。刚接触 RWD 的先套 Bootstrap 增加成就感和手感,等熟悉了觉得不够用绑手绑脚的时候,差不多该踏进 Sass、Compass、Susy 的领域。



别用现成的软件做 Responsive,除非是纯静态网页不需要和 RD 合作,原始码脏就脏没关系反正不会有人看了。目前我看到「排排版就好」的软件产出的 Code 没有干净的,只要是之后有人还要接手的产出、拜托维持它的干净整齐。有没有打开厕所门看到一团乱产生晕眩感脸色发青的经验?看到恶心的 Code 就是这种感觉。



小结

-


本文写的有些粗浅,只能算是给个方向让初学者知道要怎么学习。如真想从平面设计师转行做网页设计,最好的建议是直接投简历到素马设计团队,到队伍里去学习,跟专业的同事参加新项目的策划、原型图制作ui界面设计等一系列真枪实弹的工作,从实践中学习是最好的!


相关阅读