网页设计师也要学习网页代码编写

通常,在完成了一件网页设计后,设计师的无知都会显露无遗而备受指责。他们把创建网页代码的繁重工作都留给了程序员们。这种现象不只出现在网络开发行业,在软件及游戏开发业也是如此。

残酷的事实就是:开发进度可能会因设计师而停滞不前。为了追求最佳效率,设计师不仅需要描描画画,还需要能把它做出来!本文中,网页教学网想与读者分享一些为什么设计师需要学习编写代码的理由。

做现实可行的设计

有了一个最终产品将如何实现的明确印象,设计师将拿出更多实际可行的概念。作为开发进程中不可或缺的一份子,设计师肩负着确保他们的设计能够顺利转 移到网络介质上,同时还要考虑其可用性,网页易读性和可实现性。一个对用户友好的网站不仅有简洁清晰的浏览顺序逻辑,还向用户提供一切所需的信息而不会显 得咄咄逼人或是杂乱无章。想要知道一种 Web 布局是否可行的唯一途径就是亲自去了解如何建立一个网页。

使沟通更轻松

在几乎所有的设计与实现各自独立的产品中,设计组和实现组从没有满足过对方的期望,尤其是那些无形的产品,比如网站,软件和游戏。这通常归结于产品的期望和产品可行性的相互妥协,目前看来,这是难以完美统一的。解决之道是:设计师应该亲身尝试设计作品的实现,以避免沟通中的混淆,误解和误传。

方便的迭代开发过程

一个实践中的设计不应是绝对的。我的意思是,设计应该是灵活友好的,能够在修改以迎合系统技术限制的同时不扭曲其原有内涵。这些重复但必要的改动只 能由原设计师来实现。一个设计师/开发者能够比开发人员把设计重提到设计师手里进行改动更加高效。而且设计师和开发者之间——事实上经常如此——会产生摩 擦。

更好更和谐的结果

我常常喜欢把软件,网络或是游戏开发想成是管弦乐,而设计师是作曲家,开发者是乐团的指挥家。想象一下二者是同一个人将会怎样?交响曲将会是令人惊叹的,迷人的,纯正的!不仅是大师的神作,而且还是其本人亲自指挥的!

缩短开发时间

设计师同时充当程序员的角色意味着设计和编码的进度即使不是同时的也是连续的。结果就是开发周期的缩短——谁会不关心效率呢?

设计师更加市场化

现代的设计师需要提升自身的能力以保持个人价值,有一套技能是远远不够的,我们往往需要戴着不同的头衔:设计师,前端开发者,文章作者和项目经理。

通过学习实现你自己的设计,而不是让设计成为开发者手中的孤儿——你提升了自身价值。毕竟,在简历中提到设计和编码技能不会有坏处。相反,在这个金融危机时代的企业重组(参见:大规模裁员)和缩减开支的环境下,还能够强调一个人的重要性而免遭解雇。

然而,即使有这么多的理由支持设计师学习编写代码,这里还是有反对的声音。

引用 Lukas Mathis 的一篇有争议性的文章“设计师不是程序员”(注1)

如果设计师实现自己的设计,他会受制于两个不同的目标:代码的整洁和良好的用户体验。这两个目标是相互矛盾的。如果你要实现你自己的设计,你必然会为了代码的质量而妥协,这是不利于交互设计的。

实现自己设计的设计师面临着两个问题:他们知道一个很棒的新思路会建立混乱的代码,他们也知道如果改进用户体验,现有的代码会被打乱。这两者相互矛盾,因为用户体验都在于小的细节,而这些小细节最终毁于他们的不忍心使代码变得混乱。

这恰如其分的总结了“Web 开发纯化者”们所采取的强硬立场。他们是守旧派,倡导在设计和开发之间划清界限。显然,设计师为人类创作,开发者为机器创作。因此,用户体验设计师们应该设计出最可行的用户界面并让开发者做出最可行的编程决策。虽然这有一定的道理,但当我研究一个用户界面的时候,我从代码中寻找灵感的努力却以失败而告终。总之,在头脑中有一个技术及可用性限制的正确观念还是更有好处。

写在最后

归根结底,所开发项目的规模可能最终决定着设计师和开发者的角色。一个小型的应用可以由一个项目经理(注2)一手掌控,而一个大型的系统必然需要不同的专业人才!

注1 Mathis-Lukas——“Designers are not Programmers”——ignore the code

注2 Spolsky-Joel——描述了一个叫做“设计师兼程序员”的职位——“How to be a program manager”——Joel on Software

作者 John Urban 是加州大学的大二学生,主修计算机科学。

英文原文 http://sixrevisions.com/web_design/why-designers-should-learn-how-to-code/

时间: 2024-12-27 05:46:56

网页设计师也要学习网页代码编写的相关文章

网页设计师如何应聘网页设计职位

各位大家好!很荣幸能在这里和大家聊聊!(*^__^*) 嘻嘻--此处省略488字,切入正题. 关于网页设计这个行业,在中国来讲这个行业并不成熟,这个跟国家的经济,文化修养有密切的关系.我们不能跟欧美和韩国相比,他们有强大经济实力,设计这个东西,只有在经济蓬发的时代或在经济发达的城市才能产生价值.设计是推动市场营销的生产力,只要是视觉设计类,都有一个共同的目地,传达信息为商业服务.网页设计也是如此.如何在这个混乱的市场中,站住脚跟,向下一步迈进.请看下面文字 一.职能规划 恩,第一节,我们先讲职能

网页设计师必备:网页优秀设计的十条准则

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 一.优秀的设计应该是创新的 创新的可能性是永远存在并且不会消耗殆尽的.科技日新月异的发展不断为创新设计提供了崭新的机会. 同时创新设计总是伴随着科技的进步而向前发展,永远不会完结. 二.优秀的设计让产品更加实用 产品买来是要使用的. 至少要满足某些基本标准,,不但是功能,也要体现在用户的购买心里和产品的审美上. 优秀的设计强调实用性的同时也不

为网页设计师而生的14个文本编辑器

  可视化的工具的易用性通常非常优异,因为它更符合人们交互和操作的自然逻辑.不过,要精准控制网页和程序,你总需要一款称心如意的文本编辑器来帮你搞定代码,哪怕是视觉至上的Adobe都会在Master套装里面保留Dreamweaver. 的确,从某种程度上来说,文本编辑器看起来没有可视化程序那么高大上,但是多年以来网页开发的方式和基本流程都没有本质上的改变,因此网页开发也无法和文本编辑器割裂开来.热爱文本编辑器的开发者和设计师都很清楚,一个得心应手的文本编辑器不仅高效而且具备良好的可控性,助力设计,

网页设计师的美丽陷阱

从上面的图片你看到了什么?请思考 这是有一次陪同商务同事去一家内衣公司洽谈业务时,内衣公司的网络负责人对我提出的一个问题.当天我们一行4人大概花了2个小时的车程到达客户公司,这家公司在业内有一定知名度,在当地的规模属于比较大,所以感觉上大家都非常重视这一次企业网站建设的谈判.经过3个小时的会谈,到下午2点多吃完饭继续开会,此时已感觉有点疲倦不堪了,客户突然打开了爱慕的网站,指着上面的图片问道:从这张的图片中你能看到了什么? 不知道是不是上午讲了太多东西的原因,一时间突然哑口无言,面对这么简单的一

网页设计师基本功

  @Akane_Lee :不少做平面的设计师想转行走网页设计这条路,做网页和做平面是完全不同的思维,加上还要熟悉或了解html和CSS代码,所以就很考验设计师的自学能力了.而且还有一点,我们在设计网页的过程中,并不是你想怎么设计都可以的,还要考虑编码实现和用户体验.那么今天我们就来和您聊聊,想转型成为网页设计师,需要必备的一些技能知识点: Photoshop Illustrator HTML CSS Responsive 加分:Bootstrap.Sass.Compass.Susy-等,会套用

网页设计师美丽的陷阱

从上面的图片你看到了什么?请思考 这是有一次陪同商务同事去一家内衣公司洽谈业务时,内衣公司的网络负责人对我提出的一个问题.当天我们一行4人大概花了2个小时的车程到达客户公司,这家公司在业内有一定知名度,在当地的规模属于比较大,所以感觉上大家都非常重视这一次企业网站建设的谈判.经过3个小时的会谈,到下午2点多吃完饭继续开会,此时已感觉有点疲倦不堪了,客户突然打开了爱慕的网站,指着上面的图片问道:从这张的图片中你能看到了什么? 不知道是不是上午讲了太多东西的原因,一时间突然哑口无言,面对这么简单的一

网页设计技巧之网页首屏高度如何确定?

一个经验丰富的网页设计师在做网页原型设计或者视觉效果图时,首先必须要做的是标注清楚网站首屏的高度线,以便直观的看到网站首屏的高度,首屏可以显示的元素.那么,我们该如何来标注一个网页的首屏线那?笔者结合网上的一些谈论特整理如下: 首屏的高度直接跟客户端的各种客观的条件有关系,因为我们要确定首屏的高度(标注首屏线)就需要结合一些相对准确的内部统计数据来分析了,根据各个客户端的操作系统.浏览器分布和屏幕分辨率等情况,并结合常见浏览器状态栏.任务栏等高度进行分析如下: 第一步:分析常见分辨率及浏览器下高

网页设计技巧之网页首屏高度如何确定

中介交易 SEO诊断 淘宝客 云主机 技术大厅 一个经验丰富的网页设计师在做网页原型设计或者视觉效果图时,首先必须要做的是标注清楚网站首屏的高度线,以便直观的看到网站首屏的高度,首屏可以显示的元素.那么,我们该如何来标注一个网页的首屏线那?郑州网海科技公司设计部首席设计师小K结合网上的一些谈论特整理如下: 首屏的高度直接跟客户端的各种客观的条件有关系,因为我们要确定首屏的高度(标注首屏线)就需要结合一些相对准确的内部统计数据来分析了,根据各个客户端的操作系统.浏览器分布和屏幕分辨率等情况,并结合

网页设计师的平衡点:到底要不要学写代码

网页设计师到底要不要学写代码?这个问题很有趣,但是却很少被大家提及.因为在一个网站开发中,网页风格设计和前端的布局代码(比如用 CSS,HTML)是分别是由美工和前端开发人员完成的.两者之间泾渭分明,在业界,几乎也从没有逾越这个界线.当然,这个问题的答案就需要仁者见仁了.不过,你可以阅读下文,或许你能从中找到一些启发. 这是个有趣的话题,不过网页设计师们却很少讨论这个问题.以Photoshop作为起点难度大,在完成第一个项目之后,你会感觉兴奋又紧张.但是,如果你不会写代码,网站的原型设计的用处又