前端,或者说我所认为的前端,狭义范围内指的是Web网页的页面展现,页面交互和后台数据反馈交换甚至控制。更广义的范围应该指的是所有电子设备,无论是安卓,iOS,电视,Ps4 ,任天堂游戏机甚至是小霸王学习机,未来的VR,AR等等可视界面的总体学问,其中牵扯到可视屏幕尺寸,分辨率,硬件系统支持,交互条件,可操作性,使用场景,等等一系列问题...

     而今天我聊了解前端这个话题,仅仅指的是狭义范围内对Web网页的页面展现,页面交互熟悉以及对前后台数据交换概念的基本理解(这是接下来文章所聊的前端定义范围)。

美工的由来

     那么,肯定很多小伙伴们会说:我特么就是个小小搬砖设计师,还要掰扯一边脑袋去学代码,这不是要我老命吗?我一个美术专业出身,手里日复一日拿着的都是画笔,突然叫我去扒拉扒拉往键盘上疯狂输出ABCD,Hello World什么的,我真的难以接受…不是有专门的前端工程师吗,为什么要我去学这种与设计师无关的东西。世界那么大,我想去看看,请不要骗我去学前端...

呃...那么,咱们换个角度,身为设计师的你是否遇到过如下几个场景...

No.1 产品经理:什么情况?网页上的按钮这么奇怪…这颜色大小也是没谁了...

      某设计师:稍等...打开网页…我ca...这尼玛什么情况,我之前的标注切图不是这样的...

No.2 前端小哥:什么情况?你这粒子效果…不说开发难度,你知道性能瓶颈吗?浏览器兼容...

      某设计师:前面不是说随便设计…我还花了一天做的动画...这效果应该没问题吧…

No.3 前端小哥:什么情况?这个布局有问题,小尺寸上我没法实现…

      某设计师:我设计的就是这个980宽度…你@#%&*… ¥……*!@%阿西吧…

No.4 技术总监:这个功能目前做不到,你让“美工”改一下那个“方块”…

      某设计师:我是美工…美工...改一下那个“方块”…尼玛...方块!他说那个“方块”!!!

No.X And so on…

某技术总监AV你的话:美工这职务其实听起来蛮好听的,美术工程师嘛~扒拉扒拉...

You:what f**k ?我读书少表骗我…叫我改设计的时候从来都是你指挥上上下下ABAB,在放大中缩小一点,以及实在不行就回到初稿的中心思想…

Image title

从以上场景,排除外在因素,呃...那么,客观的从自身角度找问题的话,可以总结一些问题…

1.设计师的能力单一,一般埋头做图,在整个项目中的影响力较低。

2.对前端基本知识一无所知,出了问题无从下手,只能由别人决定,非常被动。

3.项目中各职务之间存在有职务边界效应,极少数人关注到。所以...就给了“中间商赚了差价”(必考题划重点)…

Image title

      设计师是处在项目中承上启下的作用,应该是在整个产品研发从抽象到具象过程中起到最重要的角色才对!怎么会沦为其他职位眼中可有可无任人鱼肉的美工?智能PS助手?说好的设计影响力?说好的设计赋能?

设计师最近这几年都流行一些UED,全链路设计,服务设计等一些概念,我觉得思路是对的,但涉及面太广了。

在针对在实际工作中,设计师的眼界,认知等,大部份人思维聚焦还停留在平面设计时代中,排版,色彩,对比,有关视觉方面类的。虽然交互设计也在国内慢慢开始发展,受到了广大业界人士的关注。

但是,设计的实现呢?迄今为止很少人关注这些…设计师总觉得这些都是前端的事,事不关己,高高挂起;作为前端哥哥们也认为自己只是代码搬砖的,照葫芦画瓢,设计美感理念?Excuse me?

    而这种看似不起眼甚至三不管的问题却经常大幅度导致项目漏水的结果,然后职务之间互相甩guo...
    所以这么看来,作为设计师的你,想成为一名真正有说服力影响力的你,了解前端基本知识,其实是很有必要的...就像优秀的建筑设计师一样,不是简单停留在设计方案和图纸上,是要非常了解力学结构,成本估算,建筑材料的使用和各自的局限性,实际地理和环境等等。这样才能把你的项目落到实处,达成你设计思维和设计赋能的输出最大化。

Image title

    胸中有丘壑,眼里存山河。项目中的设计师不仅要上的厅堂,下得厨房,跟产品经理聊交互,聊体验。还更应该要关注你的设计产品的实际还原度,主动向前跨出一步,与开发人员更好的协作。

Image title

学习目的

    学习前端基本知识,其实是能给你带来很大的好处的。但不是为了学习而学习,而是更应该充分体现在你的项目工作中。
    例如在项目中,在你做动画效果,在你实际制作之前,就能充分意识到后续开发可能会带来的一些问题和困难;与研发人员如何更好的交付自己的输出稿;指导研发人员调整界面上的问题;项目研讨会上提出建设性且有实际意义的设计解决方案;用研发的语言和思维去和研发沟通。
    这样,你才能真真正正的摆脱你一个美工的宿命,而不是只能被动的听研发去掉那个该死的“方块”。
    因为没有影响力就没有发言权,没有发言权就又没有影响力…我们只是大自然的搬运工。

常见问答

1.假如要学习前端我应该学习哪些知识呢?还有大概范围?

其实就是最基本的前端Html + Css + Javascript(原理) 页面布局 类似前端框架Bootstrap(栅格系统,响应设计有关)动画效果实现原理理解(animation)甚至可以是一些可视化前端插件了解。

现在前端技术范围很广,还是主要以你的项目目的为主,有针对的去了解,也可以像前端人员请教。

2.为什么要学前端,学会了前端那还有前端工程师什么事吗?

Too young too simple sometimes native.设计师并不能取代前端,设计师学习前端的最主要目的是能很好的与前端人员沟通,修改和调整你的设计,而不会在出了问题后一脸懵逼,一问三不知,甚至前端工程师问你时候答非所问。

学会了一些前端知识也不能沾沾自喜,有自我优越感,因为前端工程师永远是专业的技术员,不要拿你的业余爱好来挑战他们吃饭的本事。除非你的设计和代码都是专业级别的。

3.我是一个文科生,对学习前端代码这类是否有很大困难?

其实还是在乎与个人,无所谓专业,我们设计师所要了解的前端知识只是最基础的前端技术,所以客观来说难度并不大。只要你有心学是不成问题,况且你的工作中还有那么多可爱的前端哥哥们等着你去聊骚,让他们明白你不是一个美工,你是有梦想的咸鱼...

4.学习前端还能带来些什么好处?

你将是设计里最懂开发的,你也会成为开发的好朋友。你可以自己建个有设计感又有创意的小网站发表自己的文章和心情也是个不错的主意哟~但学的知识切记不要出去显摆,因为前端的世界很大很大...

5.特么的骗我学前端,到底收了多少好处?

1.没发广告(主要是接不到),2.没泡到妹(你敢聊我就敢泡),3.没有Kpi(没有Kpi就没有新中国),4.没开培训班(可以考虑代言呀),所以并没有好处。反而可能会引来许多不赞同的意见。总之,为你的设计师职业发展做好长远打算,这年头人心太浮躁,自学点啥总是稳赚不亏。

文章寄语

    设计师的职位看似很光鲜,各种UI设计师,交互设计师,设计主管,设计总监,五年,八年,十年设计经验…个人认为设计师的水平还是应该要以结果为导向,综合能力评估为主。
    一个好的设计师,应该是多方面的。也许你的视觉很棒,你的创意也不错,也有产品思维,但终归是纸面上的成果。假如项目的结果是打折的,五折或者是六七折,再好的设计稿又有什么用呢?
   一些设计上的务虚还是绝对有必要的,是可以张口闭口的用户体验,以人为本。但当你踏踏实实坐下来 在检查你的设计时候,你是否从现实角度来思考你的设计。你的设计是否合理可行?有没有工作断档地带?考虑过实际条件成本和限制吗?

希望你我都能做一个主动且创新的设计师,让想象真正变为现实。