网页设计师应该懂代码吗?

我总是在做那些我做不了的事情,这样我就可能学会怎么做这些事情了。

                                             ——毕加索

绝对有必要懂——至少懂点HTML后去建网站比只在Photoshop上画图要有效率的多。然而懂代码的网页设计师们往往最终还是把他们的PSD文件发送给了“真正的”开发人员。事实是,大多数获奖的网站都是由懂代码的网页设计师设计的。你想知道为什么吗?

因为HTML和CSS本身都是很视觉化的语言。加之现在的网站交互性越来越强,只用Photoshop是很难预见到用户交互行为的。而“心中有码”则会对做有交互的设计非常有帮助。

更别说钱了。如果你是自由职业设计师,像我之前那样,懂得如何写代码绝对会拓宽你的客户范围,因为你变成了一站式服务(相信我,一个开发人员学设计所需要的时间远远多于设计师学写代码的时间)。而如果你是在公司工作的设计师,正如我现在这样(现就职于ImpressPages,一个用户友好的内容管理系统),至少懂点编码的基础知识能帮助你做出有交互性、更易用的设计,因为它在潜意识里已经考虑到开发人员了。简单来说,你是赚了RP值,能转化成高薪。

新年下决心的时刻该到了,学习写代码也是一个正确的选择呢。:-D

写代码难吗?

与大家普遍认为的恰恰相反,学习如何写代码在开始时其实非常简单,甚至会让人上瘾。不过,如果你开始时没有上瘾,或者你不喜欢自学,那么大部分编程可能不是你的追求了...

但是你如果已经很喜欢网页设计了,那么你还是有很大概率会喜欢编程的。

应该选一个编程语言吗?

一开始时,你应该决定你要学什么。如果你喜欢网络解决方案,HTML5和PHP是这方面最受欢迎的语言。但是,现在越来越流行只管招开发人员,不管他们擅长什么编程语言。好的开发人员总是在新技术刚一出现时就去研究使用了。更重要的是,如果一个人擅长一种语言,他们学新语言的速度会很快。所以你不应该只关注某一种语言,而是多试试其它与网络技术相关的语言。

同样,也有很多网络开发人员在网络设计领域工作(甚至以之为生)。找一个出来喝杯啤酒吧!他会非常愿意告诉你什么样的语言适合你的工作环境、需要注意什么事情。他还会告诉你学会编程以后的好处。

你该从哪儿开始?

网上有很多有用的在线资源教你网络开发的基础知识。很遗憾的是,没有哪个教程是适用于所有人的。我选了一些用来学习和熟悉代码的网站推荐给大家。

Dash


Dash通过可以在浏览器里完成的有趣的项目教你HTML,CSS和Javascript。Dash的优点在于通过现实生活场景教你基础知识,比如“Anna的朋友Jeff需要给他的诗歌博客定制一个主题。”代码是写在浏览器里,课程是按照水平等级划分。对于一个网页设计师来说,这确实是一个学习基础知识的有趣的方法,但是很遗憾,只有四个项目(课程)可以学。


Codeacademy


Codeacademy对于学网页设计的基础知识来说也非常棒。它也提供互动的课程,并且比Dash有更多的编程语言。Codeacademy由HTML和CSS的课程开始(他们称这些语言为基础课程),这些也的确是初学者的不二之选。学完基础课程之后,你可以选择jQuery,JavaScript, PHP,Python或者Ruby。

我也喜欢Codeacademy,因为它在教授代码的过程中有两个单独的部分:拆分成网页项目或者API的理论和练习。也就是说它对于全新的菜鸟和想深入学习的人来说都适用。

Treehouse



Treehouse是付费的学习平台,它有海量的编程语言和系统可选(如开发工具或设计)。Treehouse还有一个特色:视频。它还有学习轨迹——根据你的学习目标不同而设计你的课程,比如“成为网络开发人员”“成为网络设计师”或者“学习HTML和CSS”。如果你有闲钱,会发现它很有用。

W3schools

这套教程非常受欢迎。w3schools既有教程也有参考书——后者甚至经常被有经验的网络开发人员使用。这个网站的课程针对流行编程语言和技术,如HTML,CSS,Javascript,SQL,PHP和jQuery。它也教授服务器,数据库和其它重要内容。它有一千多个代码案例,而且是免费的。如果说Dash更适合菜鸟,那么W3S即使对于专业人员也是得心应手的。

LEARN JS

尽管Javascript相对来说属于进阶的课程,我并不推荐它作为你学的第一门技术,但是如果你想做网页插件或者手机APP,那么它还是很需要学的。这门语言目前需求很高,因此它是一门很方便学习的编程语言。

如果你决定学Javascript,那么Learn-js.com就是你学习的第一站。它提供有交互性的面板供你尝试写出的代码。它的课程既包含基础也有进阶。


其他

每个开发人员都知道stackoverflow,它有成千上万的问题和答案,加上一个非常有活力的社区。它已经节省了数十亿小时的人力,因此它也绝对会帮你省些时间。

说到社区,Mozilla同样也有一个很棒的社区,并且提供很多课程和教程。

当然,你还可以去看看net tut+,它针对初学者可能遇到的问题和挑战提供了数千个教程。

关于作者

Mindaugas Stankaitis是一个设计师兼ImpressPages的联合创始人。ImpressPages是一个免费的网络内容管理系统,适用于不懂技术的用户。它的特色包括拖拽界面和联机编辑使得ImpressPages对于任何内容管理者来说都容易上手。Mindaugas Stankaitis以设计为生,以设计谋生,为设计而生。他致力于网页设计,能用性和网页的用户体验。好东西很简单!


原文地址:http://webdesignledger.com/tips/should-a-web-designer-know-how-to-code