网页设计师如何学习前端编码+网页设计师为什么要学习前端编码.doc

网页设计与前端开发技术 前言： 小弟第一次做这个事儿，仓促之间定有不完善或者错误的地方，如有发现，尽请大方指出来，我一定虚心受教，互相学习才是进步王道。 一：网页设计丶前端开发与后台程序开发之间的关系 一般的网站开发流程： 现在网页制作分工越来越细，从网页设计的范畴来讲，主要包括美工和前端，后台属于网站功能的范畴，网站制作流程一般是这样，美工﹥前端＞后台。 首先由美工设计出网站的效果图让客户认可，认可后在由前端编码人员实现为静态的网页，最后由后台程序员实现网站功能。 美工和前端主要是完成网站的 的工作，特别是现在常说的用户体验，需要美工和前端人员相互协调好，前期沟通非常重要，美工在设计页面的时候应考虑好页面在前端编码阶段实现的可能性、性能和效率，因为美工往往通常不太了解网页的语言代码，容易造成页面设计客户认可了，但在前端编码阶段不太可能实现或性能差以及效率低的尴尬境地，因此在设计好页面后先给前端人员浏览一下后在交付客户认可为最佳。 当然，一个优秀的前端人员是能够应对各种情况的页面设计的，但是页面设计还是应遵循一些最基本的用户体验习惯，所以沟通是很重要的。 前端编码工作完成后，后台人员就可以在静态页面上开始功能代码的编程工作了，一个好的前端编码人员所编写的页面对于后台开发人员来讲也是非常重要的，因为程序代码往往都是一些逻辑性很强的语言，静态页面的质量直接也会影响到功能代码的编写，前端人员应充分理解表现（CSS）、结构（html）和动作（JavaScript、jquery等)相分离的编写规则才能提高网站的效率对后台编程人员来讲也较容易添加程序代码。简单来说，就网站设计而言，前端人员应该是很好衔接美工和编程人员的一个重要角色，所以现今，前端开发的职位炙手可热，而且待遇可观。 通常，在完成了一件网页设计后，设计师的无知都会显露无遗而备受指责。他们把创建网页代码的繁重工作都留给了程序员们。这种现象不只出现在网络开发行业，在软件及游戏开发业也是如此。 残酷的事实就是：开发进度可能会因设计师而停滞不前。 做现实可行的设计 有了一个最终产品将如何实现的明确印象，设计师将拿出更多实际可行的概念。作为开发进程中不可或缺的一份子，设计师肩负着确保他们的设计能够顺利转移到网络介质上，同时还要考虑其可用性，网页易读性和可 实现性。一个对用户友好的网站不仅有简洁清晰的浏览顺序逻辑，还向用户提供一切所需的信息而不会显得咄咄逼人或是杂乱无章。想要知道一种 Web 布局是否可行的唯一途径就是亲自去了解如何建立一个网页。 使沟通更轻松 在几乎所有的设计与实现各自独立的产品中，设计组和实现组从没有满足过对方的期望，尤其是那些无形的产品，比如网站，软件和游戏。这通常归结于产品的期望和产品可行性的相互妥协，目前看来，这是难以完美统一的。解决之道是：设计师应该亲身尝试设计作品的实现，以避免沟通中的混淆，误解和误传。 方便的迭代开发过程 一个实践中的设计不应是绝对的。我的意思是，设计应该是灵活友好的，能够在修改以迎合系统技术限制的同时不扭曲其原有内涵。这些重复但必要的改动只能由原设计师来实现。一个设计师/开发者能够比开发人员把设计重提到设计师手里进行改动更加高效。而且设计师和开发者之间——事实上经常如此——会产生摩擦。 更好更和谐的结果 我常常喜欢把软件，网络或是游戏开发想成是管弦乐，而设计师是作曲家，开发者是乐团的指挥家。想象一下二者是同一个人将会怎样？交响曲将会是令人惊叹的，迷人的，纯正的！不仅是大师的神作，而且还是其本人亲自指挥的！ 缩短开发时间 设计师同时充当程序员的角色意味着设计和编码的进度即使不是同时的也是连续的。结果就是开发周期的缩短——谁会不关心效率呢？ 设计师更加市场化 现代的设计师需要提升自身的能力以保持个人价值，有一套技能是远远不够的，我们往往需要戴着不同的头衔：设计师，前端开发者，文章作者和项目经理。 通过学习实现你自己的设计，而不是让设计成为开发者手中的孤儿——你提升了自身价值。毕竟，在简历中提到设计和编码技能不会有坏处。相反，在这个金融危机时代的企业重组（参见：大规模裁员）和缩减开支的环境下，还能够强调一个人的重要性而免遭解雇设计师为人类创作，开发者为机器创作。因此，用户体验设计师们应该设计出最可行的用户界面并让开发者做出最可行的编程决策。虽然这有一定的道理，但当我研究一个用户界面的时候，我从代码中寻找灵感的努力却以失败而告终。总之，在头脑中有一个技术及可用性限制的正确观念还是更有好处。 user experience design，简称UED。UED是进行产品策划的主力之一，他们用自己的知识、经验、设计能力拿出设计方案。ED不只是互联网专家，还是行业专家。能够用自己的互联网知识来设计出行业专家想实现的操作，而付诸以商业营销。 用户体验（Use