网页设计要学的技能 网页设计需要学什么知识

色彩是网页设计的核心，因为它是快速有效构建主题和样式的基础，另外，色彩和心理学关系紧密，合理地运用色彩可以提高用户体验，让访客流连忘返。下面介绍成功网页设计师的必备技能，希望可以帮助到各位。

1、熟悉设计的完整流程

请注意，我们强调要了解的是“完整”流程。怎么算是完整呢?网页设计和平面设计有许多重叠的地方，以至于在许多学校教育中它们并没有明确地区分开。这也是为何不少网页设计师对于设计和设计流程有着颇为深入的了解。一般而言，他们的知识结构应该包括下面的内容：

色彩

色彩是网页设计的核心，因为它是快速有效构建主题和样式的基础。另外，色彩和心理学关系紧密，合理地运用色彩可以提高用户体验，让访客流连忘返。

轨迹

这里所说的轨迹是用户浏览网页时视觉运动的轨迹。要掌控用户的浏览轨迹，你需要懂得正确使用色彩、层次结构、深度、形状和线条的方法，明白透视法，空间和方向的运用。

平衡和比例

这所说的平衡和比例指的是视觉上的稳定性和平衡。比例上，了解对称和非对称的使用技巧。在设计信息流的时候，各个元素的比例控制是重点。

间距

其实间距控制说起来并不复杂，一个元素和另一个元素之间的距离控制。但是要让网站用户体验良好，控制好各个元素的间距并不是一句话说的清楚的。较大的间隙能让布局更大气，富有呼吸感;叫窄的间隙能让内容更加靠近，呈现相关性，拥有更加的阅读体验。衡量你的各个元素之间的关系，明白自己的目的，掌握好间距的差异与平衡。

2、让HTML如臂使指

作为网页设计师，你无需像其他程序那样精通C/C++并能让自家的扫地机器人自动发推，但是你必须熟悉HTML代码。有些设计师认为不懂代码也无所谓，但是更多的设计师开始认识到熟悉HTML代码是成为合格设计师的必备技能。即使不够熟悉，最起码你得了解HTML的基础知识，最起码!

HTML是所有网页的基础框架，网页设计师了解它是应有之义。了解它意味着你能对网页设计有着更精确的掌控，让它拥有更好的可用性，更加易用。你可以拥有属于自己的展示网站，可以更好的出售你的设计和服务，打破设计能力的界限。

3、掌控创意文案的技巧

作为网页设计师，你常常会应客户要求做许多设计之外的工作，有时候甚至会被要求为网站撰写文案，尤其是当网站没有配备专职文案的时候。想想看，如果客户发现他们的网页设计师能写得一手创意爆棚的文案的时候，他们绝对会如获至宝的(当然你也有了涨价的理由了)。不要以为你的文案技能只能在为客户做网站的时候用上，这对于你而言绝对是无与伦比的无形资产，当你做市场营销的时候，设计与文案的结合能让你和其他设计师拉开距离。

好文帮你加技能点：《年度最佳教程!7招教你写出互联网顶尖文案!》

4、坚持不懈学习

作为一个网页设计师而言，“学无止境”并不是一句单纯的口号。你确实需要不停的学习新技能，发掘新创意，它能提高你对设计的热情，打动你的客户。

另外一个让你不得不坚持学习的重要原因来自网页设计行业本身——不断进化的设计趋势和不断涌现的新技术。你刚刚学会了视差滚动和扁平化设计，Material Design 又立刻出现在你眼前。作为一个设计师，学习是需要坚持不断的，只有对新趋势新技术了如指掌才能让你保持住你在设计圈的位置。

5、发掘商业技能

越来越多的设计师开始选择成为自由职业者，而许多还未曾独立的设计师也开始宣传属于自己的设计品牌，这也是为什么在自己身上发掘更多商业技能成为一件必要的事情。你拥有自己的业务，销售的是自己的设计技能，如果没有系统的商业技能，你会挣扎于营销、找客户、维持客户等一系列冗杂的事务中无法脱身。

如果你懂得运营自己的业务，那么你会明白如何通过与客户沟通来做决策，学会在职业生涯中高效处理多任务，保持作为网页设计师的创意思维，灵活多变地的应对多种客户和不同项目，在闲暇的时候发展爱好，锻炼身体。

6、学会倾听的艺术

沟通是一门艺术，而倾听就是其中的关键。和客户构成业务关系，也是起始于你们的沟通，首要的一点，就是听取客户的需求，而这是构成后面一系列沟通与合作的基础。而且，作为一个合格的倾听者，不仅会在客户沟通中起到作用，还会运用到许多其他的地方。作为一名网页设计师，为何你不能具备这一技能呢?

设计师倾听技能包：《告别玻璃心!设计师如何正确听取反馈》

如果你无法正确听取需求，甚至拒绝去听，那么你是无法成为一名合格的网页设计师的。许多客户会在设计过程中，不断提意见或者补充要求，这种情况非常普遍。不称职地忽略这些声音，或者在沮丧中继续修改，伤害客户，还有影响业务。学会倾听，了解要求背后的深层需求和目的，然后提供你的专业意见和建议，实现它，皆大欢喜。

7、向着职业巅峰前进

很多时候我们会用王大锤那句“出任CEO，赢取白富美，走上人生巅峰”来自嘲，但是实际上，每个行业都有它的专业标准和可见的“巅峰”，你需要这样的目标来鞭策自己。也许你无法在一夜之间达到目标，甚至几年之内都无法抵达那里，但是瞄准目标，设定计划，是能够让你保持激情前进。在这个过程中，你会发现更多的方法来加快这一过程。

一、 培养整体大局观

1、提升高效沟通的能力

高手级别的网页设计师,需要花相当一部分时间用于与项目负责人、策划人员、前端开发人员进行沟通,甚至有可能直接跟客户沟通。这时候,你需要加强沟通的技巧,以实现高效的沟通。

2、加强时间管理的能力

除了沟通技巧之外,高效地管理时间也是网页设计师需要提升的能力。你需要把网页设计过程中的时间安排提前规划好,并严格按照进度来执行,以免延误Deadline。

3、加强项目管理的能力

要知道,网页设计师不仅仅是埋头画图PS,你也需要了解整个项目从启动到规划、到执行、到结束的全过程, 而且还需要在项目过程中管理好你的团队, 把控好设计质量, 这样才更有利于网页设计工作的开展,因此你需要加强自己的项目管理能力。

二、 视觉、技术、执行

1、视觉——数据驱动下的设计——F布局

特别是电商设计,由于电商网页的设计是以“转化率”为目的的,因此在设计的时候需要根据数据分析的结果进行设计,而不单纯是为了视觉上的“好看”。电商设计是传统平面设计和网页设计的结合体,就好比以前我们看到的超市海报,你可以看到这些折扣促销信息,但是你要买东西还是需要去店铺里。而电商设计的任务就是,直接在网上把这些商品展示在网页上、手机上,你直接点击可以购买了,这个购买的过程就涉及到了人和设备之间的互动交流。

2、技术——设计之外的世界也要多了解

作为设计师, 我们不能只关心纯视觉的知识,在国外特别是在美国的大公司, 纯视觉设计师已经少之又少了,他们大多数都是身兼数职的,包括交互、数据分析整理、开发等。所以我们不应该只作为某一行业的专家,而应该以互联网专家为目标去不断学习,这样才能不断成长适应这个快速增长的社会。

3、执行——网页设计师的“执行”主要体现在功能实现上

必须说明的是,网页上的功能能否实现,不是需求方或者项目负责人说了算,也不是你一个人能定夺,而是需要跟前端开发人员进行沟通,了解能否实现,更需要了解实现该功能的成本和时间。工作过程中经常会存在这种情况:某一技术功能是可以实现的,但是需要的时间或成本很有可能超出预算,这时候就需要多方人员协调沟通,到底是为这个功能增加成本、拖延工期,还是放弃这个功能?

三、 提升你的软件技能

PS——图片处理

Photoshop在平面设计和网页设计中的强大功能不需我多费唇舌了

AI——图形处理

Adobe Illustrator,简称“AI”,是一款非常好的矢量图形处理工具,主要用于字体设计、图形设计,产品包装的设计、画册/书籍/杂志的排版、插画设计等。

AE、Principle——动效

Adobe After Effects简称“AE”,是Adobe公司推出的一款图形视频处理软件,简单来说就是一个动态版的PS,功能十分强大,但是操作比较复杂。

Principle 是一款比较容易上手的交互设计软件。界面类似 Sketch,思路有点像用 Keynote 做动画,但它更加可视化一点,可惜的是目前它只支持Mac系统。

Origami、Axure——原型交互

虽然现在不少公司的项目团队会将交互原型的绘制交由项目策划人员来负责,但是网页设计师也需要了解常用的原型设计软件Origami、Axure等的使用方法。

ps软件基础

要想学会简单的H5制作，首选应该学会ps的基础软件操作，我们都知道在H5整个制作当中图片也是占据很大一部分内容。

懂点文案

一个简单的H5页面肯定是需要有一定的内容做支撑，对于整体内容的构思，你需要有一个清晰的文字描述，让读者看到这个H5页面时，能够获取到一定的信息。

懂点策划

一个好的H5页面并不是你会做图片、会写文字那么简单，真正吸引人的是整个策划的方案，你将要以什么样的方式来展示你的内容，以什么样的表现形式来达到宣传的效果，这些都需要你能够懂点策划。

选择H5制作平台

如果你不懂H5相关的程序或者技术，那么必须选择与你企业契合，或者比较容易使用的H5页面制作平台，这样可以快速地帮助你实现整个H5页面的制作。

多收集案例

对于初学者来说，一定没有什么制作经验，因此一定要到网上搜索一些比较经典的案例，模仿或者学习他们的制作方法和思路，这样也将对于整个H5页面的制作与学习有很大的帮助和提升。

一个简单的H5页面制作并不是难事，但是要想制作出一个既有实际的宣传效果的H5页面就需要多花点时间练习、思考，从客户、读者的角度出发，找出他们的兴趣点，才能够有更多绝佳的创作。

前言最近很多同学提问网页设计该怎么学?那么网页设计究竟该从哪里入手，需要掌握那些工具，以后的职业发展如何等问题应该是很多同学都有的疑问。

兴趣/基础学习任何一门技术除了兴趣，建议先从基础学起，网页设计也不例外。

在日新月异的互联网技术发展过程中，网页设计也不单单是会使用Photoshop、网页三剑客那么简单了，网页设计也有很多细分的分类。

所以如果以后打算从事网页设计师相关的工作，还得从基础做起，掌握更多的技能。

工具/技能学习网页设计要能熟练使用一些工具和技能 工具类熟练使用：Photoshop 、 Fireworks(可以做矢量图的)Dreamweaver(可视化的网页编辑器)等; 语言类建议学习：HTML/XHTML 、CSS 、Javascript 网页特效等 其他重要：网页版式设计、配色技巧、交互设计等知识

有点蒙?别害怕咱们先从简单的开始，先了解制作网页的流程开始。然后再学习PS(Photoshop )的基本用法，并熟练掌握之，再次学习html语言和CSS。

网页制作流程从最简单的静态网站制作流程开始，完成一个网页/网站流程如下：

第一步：使用photoshop制作页面效果图;

第二步：切图(用ps将效果图切成成小图)第三步：将切好的效果图实现成html页

这是最基本、最简单的网页制作流程，当然现在有很多工具可以简化流程，但这样的方法对零基础的同学有帮助。