资深网页设计师需要哪些技能

由于网页代码的限制，网页设计师在做设计前需清楚什么可以做到，什么做不到，而不能像平面设计师那样可以随心所欲的排版设计。下面介绍资深网页设计师需要哪些技能，希望可以帮助到各位。

1、coding能力

由于网页代码的限制，网页设计师在做设计前需清楚什么可以做到，什么做不到。而不能像平面设计师那样可以随心所欲的排版设计。不仅如此，设计的时候也需要考虑到如何对SEO有利，也就意味着许多文字不能够用特异的字体做成图片来展示了。

coding能力包括许多方面：HTML代码、css+div、js、action script等方面。下面就我的一点个人经验列举的几种代码：

HTML：这个不必多说了吧，连这个都不知道怎么能号称懂得网页了呢?具体的可在谷歌上搜下教程。

css+div：开始学的时候分别看了几本书，比较下来《CSS网站布局实录：基于Web标准的网站设计指南》这本书写得比较实在。其他的如：《CSS禅意花园》不看也罢。

actionscript:不得不说，经过这么多年的发展flash是网页里很重要的一部分了。AS2的诸如：gotoAndStop(),gotoAndStop(),getURL()等几个基础的函数还是需要掌握的，如对AS3有兴趣可参看黑羽的《Flash ActionScript 3殿堂之路》(有点复杂的哦，对没有编程经验的设计师可是不小的挑战哦)。

javascript：没办法，如果经常为了加点小JavaScript程序去麻烦程序员确实烦。不说要会写，至少能够看懂代码并可修改现有的代码吧。

php,asp,.net：这个也是，如果你自认是个能够吸引你公司美女程序员的帅哥那你就去小修改也找人家吧。或认为自己是个能够吸引你公司帅哥程序员的美女。如果对方不肯帮忙，那就尽量自力更生吧。

2、提升用户体验的能力

虽然用户体验早在2000年在国外就已经有人开始关注，但在国内是最近几年才热起来的。毕竟建设网站的目的不是给用户欣赏界面，而是要用户使用网站在。网站界面设计得好看，但用户使用起来很不顺畅。那么，也是无法留住用户的。

关于用户体验方面的书有很多，这里不一一列举了。有兴趣的同学可以看我之前的文章《读过的交互书籍整理》里面详细的列举了读过的一些关于用户体验与交互设计方面的书。另外，《交互设计师如何提高自己的能力》这篇文章也应对用户体验感兴趣的同学有所帮助。

3、陈述表达设计能力

不可否认，设计师是靠自己设计出来的作品来打动客户。但这仍旧需要设计师有足够在陈述表达能力来阐述他所做的作品。他不仅要向客户展示设计，也需要用言语来说服客户接受设计。来回答诸如：“为什么需要用红色而不是黑色?”、“为什么要竖着排版，而不用竞争对手横着的排版”诸如此类的客户提问。如何能够顺利的说服客户也是门技术，在我的《译文：如何说服你的用户、老板或客户》里有提到。

4、与客户沟通交流能力

在经过阐述设计作品后，接下来就是需要与客户沟通交流。通过充分的交流才能深挖掘到客户一些原本未知的想法。为什么大家都说做设计这么累?虽然做出来的最终稿子就仅仅这一个，但反复的沟通与修改占了设计师的大部分时间与精力。甚至有的被折磨惨了。

我相信，只有充分的与客户沟通才能确保修改的设计稿更能复合客户的想法。这样后客户才敢放手让你做，也向客户证明了你的信心，也意味着修改量不会增加那么多。

而一味的做应声虫只会让客户觉得自己是个设计专家，你是完成他设计的一个工具而已。要记住：在设计上你是专家，不要一味的答应不是设计专家的客户的在设计上面的过多要求。否则，不但被客户牵着鼻子走，并且如果做错了，还可以猪八戒抗耙子–倒打一耙，说是设计师做的。想来这也是许多的设计师比较苦恼的地方，这里不展开说了，如有兴趣请参看之前的文章：《设计师能力：充分的准备–让你的设计更易被通过》。

5、不断自我学习的能力

如果你对设计行业有足够的关心，会发觉每年所流行的设计风格都有所不同：在04年的时候韩国风流行，大大的纯色块，细腻的渐变色到处可见。05年起，web2.0风格开始渐行，字体大小等一系列风格又开始流行。也就需要设计师时时关心设计流行风向，不是跟风设计而是从设计趋势中吸取有用的成份，提高自己的设计能力。

而另一方面，正如大家所见到的：互联网技术一直在处于不断的高速发展中。几年前热门的技术如果不及时补充学习新出来的技术，那么再过几年能力很可能就过时落伍了。因此，网页设计不仅要对现有技术有所了解，也要保持充分学习的心态去充电。这也是就是之前文章里说到的：《抄袭–网页设计师必备的本领之一》的缘由，通过时时刻刻的抄袭可以与设计流行风潮“与时俱进”，当然做人要厚道记得设计师的“八荣八耻”别抓几个屏拼凑下就跑外面去炫耀。可以说，地球很大，但网络不大。抄袭的作品难保一朝被人看破。

6、交际能力

俗话说：三个好汉一个帮。

如果设计师不仅做视觉设计，同时又要兼着做客户网站的程序更新(虽然现在有许多免费开源的CMS系统可以使用，但难保客户提出一个需要改动代码的需求来)。而这时，有个能够帮改动代码的程序员朋友就显得很重要了。可能设计师需要改2-3个小时的代码，人家十来分钟就搞定了。因此，有个好的合作伙伴是很重要的。

另一方面，虽然说同行是冤家。但也不影响设计师之间的一些交往，好处有很多：互相交流设计经验/组成team接单个设计师不能完成的case等等…;加上做设计的不乏有许多帅哥、美女，如果结识了后除了合作外还发生了恋情什么的，那也没办法了。哼哼~~

还要说的是：关注些业界的名人，通过这种渠道往往可以得知业界的最新动态，或可帮助更快的提升自己的能力。现在的渠道也是多得很：博客/微博等各种方式。

熟练掌握设计软件：

想要设计出一个比较好的网页设计，必须熟练掌握相关设计软件的使用操作，例如：Photoshop、Ai、Axure...等软件，网页设计软件的作用是通过将设计师的规划、计划与目标进行技术性与艺术性的创作与创意活动，使产品的设计形式、内容及行为变得有效可用状态。

丰富的设计经验：

任何的网页设计对设计师而言都必须有一定的设计经验或熟悉整体的设计流程才能设计出一个优秀的网页。例如网站的色彩应用、界面布局、页面比例、文字组合、使用引导、各模块的间距以及网站的设计走向等，这都属于网页设计经验的范畴。网站相当于企业或公司的门面，一个拥有经验丰富的网页设计师，设计出的页面不仅能起到提升企业品牌形象的作用，更为企业的品牌拓展新的空间，加强销售渠道接触更多的消费群体，从而获得更多的准客户。

了解前端开发相关知识：

要想作为一位面面俱到的网页设计师，除了上面所述的网页设计师必须要熟练撑握相关软件操作以及丰富的网站设计经验外，还需要适当了解一些前端开发的相关基础知识，这能让网页设计更具有目的性与实用性。例如，根据美工设计好的独特网页，前端开发人员在对网站进行编写时，由于网页效果设计的过于独特，则大大增加了编写难度或这个效果根本无法去实现，这就无形中延长了项目的工期以及开发的费用。

网页设计的趋势：

想要达到水平超群的网页设计师，除了以上所述，还需要了解网页设计领域的最新趋势。时常关注网页设计动向，不断的了解与学习新的设计技巧，能让网页设计师不断拓展设计思路与创意，从而提升整体网页设计水平。

一、熟悉整体设计流程

整体设计指的是从颜色、视觉走向到平衡比例的稳定性再到间距一系列下来设计师能熟悉掌握，比如颜色是的核心，其有助于设计主题和主旨的构建、走向是网站访客在体验网站时的视觉移动方向、平衡比例是视觉的稳定性和平衡型、间距是不同元素之间的距离。设计师需要熟悉整体流程，权衡好这几点。

二、熟悉HTML

HTML是所有网页的基本框架，也是设计师需要具备的，它能让你的设计更有目的性和实用性。在设计师当中更具优势。

三、优秀的文案编辑能力

作为一名网页设计师，有时候需要涉及到网站文案编辑，如果你能撰写优美文化那将对客户更加有吸引力，成功率更高。

四、笃实好学

俗话说:人外有人，天外有天。还记得爱迪生的名言：天才是1%的灵感加99%的汗水。就算是天才也需要不断的努力学习，就算是资深网页设计师也要不断的提高自己，笃实好学是大部分成功人士的必备条件。

五、善于沟通

网页设计师不是整天只和电脑打交道的，你需要跟客户说明你的产品，推销你的产品，沟通就显得格外重要了，如果你善于沟通，这将帮助你维护很多客户。

六、懂得倾听

客户往往对自己的网站有一个大致的规划，作为师你需要静下心来倾听客户的需求，适当的时候提出自己的意见和建议，如果因为客户的需求很多你没有耐心听或觉得烦人，那这个项目也不会做好的，你离优秀的设计师就还差得远呢!学会倾听是非常重要的，这也表现出你对客户需求的悉心关注。

1.技术基础

如果说程序员一天中大部分时间都在码代码，那么设计师的时间都留给了Photoshop、Axure、Adobe Illustrator，涂涂修修确实是常态，而这里，也是“美工”称呼的发源地。娴熟的技法，是完美展现设计作品的必备条件，作为UI设计师，也应当熟练掌握这些常用软件。稍低一点的要求，是至少能精通其中一款软件，各种操作都已经形成自然反应，其他软件也能通个七八分。

不过，学完这些软件之后，切忌炫技，学到这步，你只是学会了修图，还只在美工的地步，并谈不上设计。

2.画图基础

有人以为，设计师只要去图库网站找一些素材，借助工具进行修饰即可，其实这只能锻炼你的借鉴能力，当你的技法娴熟到一定程度，就可以尝试临摹。通过临摹，一则用来强化技法层面的能力，二来也能提升初学者的创新能力。

临摹的内容，可以有两方面选择：一种是系统自带的图标，比如Mac OX、Windows，或者移动端iOS、Android的原生图标，都是精心打磨过，既能帮助初学者了解平台设计规则，又能在临摹中逐渐巩固常用软件的技术。另一种则是行业牛人的设计作品，捉摸他们的设计风格、思想和细节，都能加深对设计的认识。

3.各平台设计规则

iOS、Android、WP、Windows、Mac OX各个平台都有自己的设计规则和偏好，在移动端，连每款机型的分辨率、状态栏高度、导航栏高度、图标尺寸、字体、颜色值都有严格的规定。

4.审美意识

为什么我们青睐每日故宫、榫卯、网易云音乐这类应用?除了应用本身生产的优质内容外，设计感是很重要的一点，君不见多少用户赞美良心设计。

那么，什么是设计感呢?投射到设计师身上，大概就是设计师自身的审美意识了。

至于审美意识要如何培养、提高，这就跟你去问文学家要如何提高写作能力一样，他大概也是懵逼的。日积月累地浏览、学习、思考、练习，大概就是逐渐提升的可能途径吧。

5.交互设计

分不清交互和UI的人，可能一抓一大把，事实上，这还是有区别的。从一般意义上说，UI主要做的是图形用户界面，也可以称为GUI设计师;交互设计主要做处理点事人机互动的界面，任何与机器打交道的过程，都需要交互设计师来参与。

但坦白说，现在的App中，有多少操作能把UI和交互完全清楚地剥离开来呢?一个好的产品，需要美观的界面和顺滑的交互，也就离不开设计师两种能力的相辅相成了。尤其现在，设计趋向扁平化的时期，只要遵循设计规范，交互设计甚至能出了设计稿后直接给开发去实现，单纯UI设计的存在感日益弱化。

6.用户体验

从前，除了设计界面的UI设计师之外，互联网公司会专门设置专门的用户研究中心来处理用户体验的种种问题，但如今多元的趋势下，一个互联网产品的视觉设计，需要懂一点产品、懂一点用户体验，才能更有效的推进合作流程，同时也会培养自己多元化的思维方式(用户研究以缜密的逻辑发展，而UI设计则更加追求审美)。

7.时刻保持学习状态与学习主动性

学习的机会很多，无论是在生活里，你结实一个朋友、看场电影，读一本书，浏览一个网站，看一则广告，随处都暗藏着学习的机会，虽然不一定能学到具体的技能，但至少可以领略到一些精神和获得一些专业上的灵感。

锻炼自己的沟通表达能力，因为作为设计师要跟产品经理沟通，你要跟开发沟通，设计师之间的沟通，项目是一个团队协同共事的过程;还有逻辑思维能力，UI设计包括了软件操作逻辑的设计，对逻辑思维也是有一定的要求;

当然专业知识一定要扎实，图标界面绘制、手绘、设计规范、网页设计、用户体验设计、交互软件使用、色彩搭配、平面布局等等;如果有营销思维、策划能力、文案能力，恭喜你，你已经是一个优秀的UI设计师了。