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

  网页设计师到底要不要学写代码?这个问题很有趣,但是却很少被大家提及。因为在一个网站开发中,网页风格设计和前端的布局代码(比如用 CSS,HTML)是分别是由美工和前端开发人员完成的。两者之间泾渭分明,在业界,几乎也从没有逾越这个界线。当然,这个问题的答案就需要仁者见仁了。不过,你可以阅读下文,或许你能从中找到一些启发。

  这是个有趣的话题,不过网页设计师们却很少讨论这个问题。以Photoshop作为起点难度大,在完成第一个项目之后,你会感觉兴奋又紧张。但是,如果你不会写代码,网站的原型设计的用处又有多大用处?

  设计师理所当然地认为不需要懂任何编程语言。设计工作仅仅是把图像里的漂亮像素组合在一起。但是,许多有才华的人都纷纷都花时间去学习设计和编程。在今后的工作,我们会讨论一些该话题的观点,也许能从中找出网页设计师找出两者之间的平衡点。

  问题

  在理想世界里,我们能创建图片,并且轻易地把它导入到程序中,之后编译到网站,桌面应用程序。可悲的是,事情并非这样简单,这并不是任何地方都会发生的。目前,网页设计是和开发人员必须并肩作战,才能做出漂亮的视觉效果以及满足功能的项目。

  因为当几个专业人员一起工作时,合作关系很重要,大家会去注意谁的技术更过硬。但是,这个界线应该如何制定呢?这完全取决于你的团队和个人情况。

  我认为,那些能熟练地做出漂亮的网络图片的人应该能够懂得,甚至是很少的HTML/CSS内容。如果你从未接触过开发语言,那么刚开始的时候会很困难。但是,给定几周的时间去学习,任何人都能学会HTML/CSS的基本知识,并且今后你绝对不会后悔学习这些内容。

  你的责任是什么?

  如果你只靠一个成功的设计作品,就侥幸得到一个不错的职位,这是非常走运的。大部分项目经理认为每一位网页设计师都应该去了解前端开发语言,这样才能把他们的想法付诸到浏览器中。正都如前面所说,你可以从零开始学习HTML,几周之内就能掌握基本知识(也许1到2月,这要因人而异)。

  CSS要麻烦一点,你需要明白其中的定位元素。虽然,完全吃透这些概念可能花的时间较长,但这些都是网页布局必备的。我相信大多数已经了解了这些前端开发语言的设计师们会拍着胸脯说,相比只进行图片处理,这对自己是一个重大的提升。

  网页脚本

  前端网页开发语言一直被认为是动态内容的灰色区域。JavaScript是最受欢迎的脚本语言,支持当下所有浏览器。不过网页设计师却觉得不需要去学习它。但是,这种异常强大的语言可以为你的设计增添灵性。

  为了提升库结构的普及程度,比如jQuery学习起来就非常容易。事实上,大多数网页设计师根本不会写JavaScript,jQuery容易得多,只需很少几行代码就能处理相同的任务。但是,我必须得承认它的语法结构比HTML或CSS更像是编程语言。

  如果你真的有兴趣挑战前端代码,可以花时间去学学jQuery。这对你以后加入创意团队是非常有利的条件!这年头,既能进行原型设计,又能编写动态页面代码的网页设计师是非常稀罕的。通常,设计和代码是分别由设计师和前端开发人员完成的。

  但是,学了这些编程语言,你在展示自己时,可以同时充当设计师和开发者两个角色,这会为你加分。

  慢慢来

  如果你是刚加入这个行业,没有任何网页编程的基础知识。那么会异常困难。不要在第一天就期望用HTML语言建立你的网站!在你记住常见的网页元素和CSS属性之前,你要花一点时间去专心学习才行。但是,一两周时间足以让你读懂HTML。

  不要忘记,你是要创建一个合适的网站,同时还要遵守语义规则。如果有比网页设计师不懂写代码更糟的事,那就是网页设计师的代码写得很烂。

  HTML5的最新说明非常易懂,建立文档大纲也更容易。我们收集了一些HTML5的网站模板供大家免费下载,其中的源代码可随意修改。一旦你掌握了HTML中基础知识,这会对你的学习是莫大帮助。深入了解 同行业的专业人士的代码可从中学到一些布局的技巧。

  自由职业的稳定性

  如果你只会使用Photoshop进行布局设计,客户也没有花钱请前端网页开发人员写代码,仅凭一己之力是无法接手这个任务的。这样就会导致你的利益受损。

  我自己从事过许多自由职业。我最乐于接这类客户的活儿:在基本的网站设计中用到非常复杂的JavaScript脚本语言实现动画或下拉效果。我现在工作中掌握的大部分技能都是通过自由职业期间所学到。现在通过google可以搜索到许多这样的资源,比以往任何时期都多。

  但是,即便你对自由职业不感冒,依旧钟情于为设计机构工作。当你创建了一个网站原型图,但它并不能准确反映出网站的界面元素时,问题就会接踵而至,团队中的开发人员会提出更改,项目也会处于长期中断。

  工作流程会被一些莫明奇妙的小事打乱。在Photoshop中和HTML/CSS中进行开发会加大了你对最终的成品控制力度。这为PHP和JavaScript开发经验的开发者带来了机会,他们可以用HTML作为模板写出更多的定制的脚本。

  未来目标

  最终,“设计师究竟应不应写代码”这个问题的答案是因人而异的。这也是提出这个有趣的讨论的原因。你需要考虑今后的目标以及代码对你建站是否有帮助。

  你可以从事的设计工作有很多,比如从事跟品牌元素相关的标志,矢量图,图标,吉祥物以及其它产品的设计。但是,即使是数码画师也希望有一天建立属于自己的网站,这时候,你所储备的HTML知识便于建站。

  如果你希望了解更多该话题,可以点击阅读我们之前的文章《设计师应该如何写代码》。再次强调,这都取决于你的个人偏好以及产品设计的需求。

  总结

  到底学习哪种技能,怎样强化你的知识,这是问题都留待你自己考虑。现代网页设计师几乎都被认为有一定的HTML和CSS代码知识。首次开始设计时,很难同时兼顾这两个方面。但是过几个月,你处理起来就会得心应手。

  希望本文能对你有帮助。

  注明:本文由站长之家编辑编译,未经允许不得转载,如需转载请联系pj@chinaz.com。

  VIA:speckyboy 编译:jasming

时间: 2024-08-25 02:53:38

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

网页设计师们需要注意的几点优化技巧

  网站优化大致可分为代码优化.结构优化.链接优化.软文编辑等四类,从这点可以看到不会写代码的设计师和不懂优化代码的设计师已经不适合现在的市场需求了.如今,公司的网站不仅仅是之前单纯的展示了,它们需要用网站宣传自己,推广公司业务,这样在搜索引擎大数据时代,网站不得不需要做优化,在搜索引擎上有了一个好的排名,才会有更多的人访问,才会给企业带来更多的利益.那么网页设计师们在设计网站的时候应该要注意哪些呢? 1.让代码适合优化 网页设计师在搭建Web前端的时候,代码一定要精简,标签要合理书写,结构要清

14个网页设计师和前端工程师服务的教学网站

  很多传统的大学都提供网络课程,为了让这些大学的课程能在网上显示,一大批线上教学网站如雨后春笋般蹭蹭蹭的冒尖.本期文章中,我们为您整理了十四个极好的网络教学网站(均在国外备受推崇哟),网页设计师和工程师快来看看吧! 怎样选择教学网站 当你选择网站进行学习时,有几点那你要注意: 教学者的资质. 很多网站都会公布讲师的信息,你要自习研究每个讲师的教学经历,然后选择你最需要的. 提供课程的多少. 一些教学机构只提供很少的课程,另外一些则有很多.如果你需要同时选择多种课程,首先确保你选择的网站有你需要

网页设计师如何获得被动收入

越来越多的自由职业设计师都开始寻找被动收入的方法.我一直喜欢为客户服务,但我却不得不承受几个老板的和项目的最后发布期限所带来的压力,这些压力几乎要把我压垮了. 前几年我开始渐渐关注自己的项目,并思考如何从中赚钱.我出售网页主题与模版并且开始写书.现在我在做自己的项目"job board for designers(设计师求职板)". 在Smashing Magazine的前篇文章内,我对比了几种在线销售软件的方法.在本文中我不仅会比较设计师被动收入方法,而且还会告诉大家我在探索中得到的

毕业生如何打造自己成为优秀网页设计师?

中介交易 SEO诊断 淘宝客 云主机 技术大厅 很多刚刚毕业的大学生都有缘或者无缘的选择了设计行业,选择了与photoshop作战的职业,而在两年或者五年内,把自己打造成一名优秀的网页设 计师可以说是很多人的职业规划或者是设计梦想,那么毕业生如何把自己打造成优秀的网页设计师呢?下面栗子时代设计师晴儿为大家分享一些经验和想法. 第一,启蒙公司很重要 启蒙公司也就是设计师进入设计界工作或者实习的第一家公司.启蒙公司对设计师的影响就像是上学的时候启蒙老师对你的影响一样. 对于刚刚毕业的大学生来讲,他们

网页设计师的字体替换方法指南

写在这篇文章之前:中文网页字体的窘境 在国外的设计师幸福地讨论着如何不用图片进行字体替换时,当Google Proudly地提供越来越多的web fonts时,使用中文的网页设计师只能发出一声叹息.中文世界的网页字体窘境,不仅仅是由于中文符号过多造成的字体文件过大这样的技术阻碍;更深一层的原因是,根本就没有几种可用的好字体. 一方面,尽管一些中文字体提供商也在致力于提供不同平台的解决方案,字体价格还是贵得令人乍舌,方正字库的年费高达万元,这对普通设计师来说很难承受.另一方面,制作中文字体是吃力不

中文网页字体:网页设计师的字体替换方法

文章描述:网页设计师的字体替换方法指南. 写在这篇文章之前:中文网页字体的窘境 在国外的设计师幸福地讨论着如何不用图片进行字体替换时,当Google Proudly地提供越来越多的web fonts时,使用中文的网页设计师只能发出一声叹息.中文世界的网页字体窘境,不仅仅是由于中文符号过多造成的字体文件过大这样的技术阻碍:更深一层的原因是,根本就没有几种可用的好字体. 一方面,尽管一些中文字体提供商也在致力于提供不同平台的解决方案,字体价格还是贵得令人乍舌,方正字库的年费高达万元,这对普通设计师来

网页设计师需掌握的比较重要的6条能力

网页制作Webjx文章简介:网页设计师需掌握的6种能力. 我在前面的<抄袭–网页设计师必备的本领之一>讲了设计师提升设计能力的一个方法.那么,除了提升设计能力外,想做为一个优秀的设计师还有些方面需要了解甚至是学习才能设计好网页.不得不说一个网页设计师就是个杂学家.平面设计师可以随心所欲的使用各种特殊的字体.使用不规则的排版.等等,而由于网页的某些局限性使得网页设计师需要在些特殊的限定下完成设计.除了要懂得设计外,还需要了解甚至是学习些与设计无关的知识才能做好设计. 我在写本文之前虽然已整理过了

网页设计师面对低廉的价格加上粗糙的设计

网页制作Webjx文章简介:网页设计报价–设计师心中永远的痛. "涸泽而渔",说的是:为了捕鱼,把池水抽干,不管大鱼.小鱼.鱼蛋.乌龟.王八蛋都给捞上来.比喻只图眼前的利益,不做长远的打算.这个道理祖先早就总结出来的道理,却在网站设计这个行业被众人熟视无睹.低廉的价格加上粗糙的设计使得网页设计师的生存越来越困难. 从经济学的角度来说,价格趋近于成本价是行业成熟的标志之一.网站设计公司不是国字头垄断企业,在价格上无法与国际接轨,也不会跳出个砖家或人大代表为网站设计大打抱不平.我们只能控制

备受客户折磨的网页设计师

仅以此文献给那些兢兢业业接单的网页设计师们,相信许多人都经历或碰到过文中的这种难缠的客户!可能这种经历对于设计师来说就是最大的折磨.... 把这个送给曾经接过活的设计师,或者有过类似经历的设计师们.阿门. 刚开始的时候,一切都很棒.客户提出他们的需求,你也满怀期望.充满激情和兴奋感. 客户:新的网站一定会很棒. 设计师:岂止很棒?肯定会难以置信地棒.它会像遨游在外太空的雄鹰一般不可思议. 客户给你看他们现在的网站,你们一起嘲笑它是如此糟糕. 客户:哈哈,这都是什么烂玩意!我们上次请的设计师简直是