1 网页设计的基本理念

网页设计项目开始工作之前，你需要做的第一件事情就是要清楚了解你的客户或组织的目标。下面介绍网页设计的基本理念，希望可以帮助到大家。

1、建立你的目标

网页设计项目开始工作之前，你需要做的第一件事情就是要清楚了解你的客户或组织的目标。新的网站或重新设计你想实现什么?网站的主要目的是什么?要求你的客户，你的经理或自己，这些是什么。如果他们或你还不知道，那么就应该讨论并商定。是必不可少的，如果你希望你的设计有一个目的明确的方向。

请记住，一个网站是不是一件艺术品，它是一个接口，它提供的功能。该函数可能是销售产品，为客户提供信息内容，娱乐，告知或提供的服务。不管那是什么功能，你的设计必须着眼于满足它。目标也很重要，特别是如果你做了重新设计。问为什么你正在做的重新设计：你要买的注册量增长的数量，降低跳出率，可能增加用户的参与?

2、确定您的受众

谁是你的观众将在你的网站应该如何的外观和功能发挥了很大的作用。有很多的人口统计，在这里，可以影响你的设计，如年龄，性别，职业和技术能力的。一个年轻观众的计算机游戏网站需要不同的样式了严重的商业杂志。可用性年长的和不太精通技术的观众应该发挥更大的作用。

谁是你的观众将不仅影响的审美的网站，但也将决定了很多小的细节，如字体大小，所以一定要确保你清楚将使用您的网站。

3、确定你的品牌形象

很多设计师往往会得到一点灵感来自于最新的流行趋势，然后实施他们没有首先想到什么样的形象，他们真的应该输送。有光泽的按钮，渐层和反射层可能适用于一些网站，但他们可能不适合你的品牌。

想想颜色。想想你想达到的目标和情绪你想引起的感觉。你的设计应该体现你的品牌的个性和性格。任何事物都有一个品牌，即使你不卖的产品或服务-例如，如果你运行一个博客-你的网站还是有一定的感觉，让您的访客留下深刻的印象。决定什么印象应该是。

4、目标驱动的设计方向

您已经建立您的网站的目的，你要达到的目标设定了一些目标，确定你的听众，并确定了自己的品牌形象。现在，您可以继续去实现它。那么，你如何做出设计决策同步你的战略吗?让我与一个可能的例子来说明这一点。

假设你的主要目的是为了提高您的Web服务的用户数量。你的设计如何帮助实现这一目标吗?我可以看到至少三件事情在这里，将有所作为：

“关于”到达网页上的片段清晰，尽量精简。你的访问者，您的网站的功能不能有任何混淆。

使用颜色和对比度，以使按钮或链接注册脱颖而出。如果人们不能找到它，然后你会得到许多登录。

通过删除不必要的和可选的元素，人们可以填补这些后来简化注册过程。如果表单看起来很长，人们可能会推迟填充它。

这些都只是三种方式对完成目标的数量增加登录到您的服务，你可以带领你的设计。你的目标可能会有所不同，但相同的策略是：塑造和集中所有的设计元素，以满足这些目标。

同样的策略适用于你的品牌和观众设计的美感，最适合它。如果您的网站的重点是娱乐，然后创建一个“经验”，您可以自由使用大量的色彩和形象塑造的经验。另一方面，如果你正在设计一个网站，是专注于信息消费，例如，一个博客或一本杂志，然后专注于可用性和可读性。创建一个接口，消失了，不会分散用户访问的内容。

5、测量结果

一旦你设计和部署你的网站，它的时间来衡量你的成功。这是前两个步骤一样重要，因为直到您测试您的设计进行，你会不知道它是否是有效地履行自己的目标。

如果你的目标是增加登录到您的服务，衡量一下，看看如果你的变化作出了积极的影响。如果你想增加的用户数量到您的博客，请检查您的RSS统计。如果你想增加用户的参与，看看你得到更多的意见或论坛帖子或其他任何你的背景是相关的。

当然，您可以询问他们的反馈，这是一个很好的方法来检查，如果你是在正确的轨道。要小心，但不执行每次人们建议。每个人都有不同的口味和希望，所以每个人都会有不同的意见，您的网站看起来应该像什么。如果你收集反馈信息，寻找模式，看看是否有常见的问题，作物和处理这些。

测量各种网站的指标是一个完整的科学本身就超出了本文的范围。但是，无论在深入分析在这个阶段其实并不重要，重要的是，至少你有某种方式来测量你的主要目标。您可以使用这些信息来确定您的设计和未来的变化，您或您的客户端，如果你正朝着正确的方向。

6、持续改善

有一个日本哲学被称为“改善”，专注于持续改进，使用小步骤。当您在您的网站上，你应该考虑的持续改善，因为您刚刚发布的版本不是最终版本。甚至没有成为最终的版本。

您可以随时进行改进，并很自然的一个网站，您就可以在任何时间介绍这些。这是因为一个网站是不是一本杂志，打印和出售：一次一本杂志的副本，伸出你的双手，你不能做任何更改或修正任何拼写错误或错误。然而，坐在一个网站，你的服务器上，如果你发现一个错误，你可以解决它的时候了。同样，你可以逐步改善和更新，使您的网站更有效地服务它的功能。

使用您的测量结果，你可以找出问题的所在。也许你的访问者无法找到的RSS feed链接，或您的跳出率过高，或在您的网站没有得到足够的访问了重要的一页。不管是什么问题，总是会有东西的方式来改善。

---

 2 网站设计的步骤

一、明确网站主题

一个网站要有一个明确的主题 ，网站主题就是你建立网站包含的内容，找准一个感兴趣的内容，做深、做透，做出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。要想让自己的网站有特色，能够吸引住用户，你就要多搜集材料，这样以后制作网站就容易些。材料可以从图书、报纸、光盘、多媒体、互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

三、规划网站

一个网站设计得好不好决定于设计者的规划水平，网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。

四、选择合适的制作工具

网页制作涉及的工具比较多，图片编辑工具，如firework 、Photoshop 等;动画制作工具，如Flash等;网上有很多这方面的软件下载，你可以自已的爱好和特长选择。

五、制作网页

前面的步骤都做好了，就开始按照规划一步步制作网页了，在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。在设计时先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。可以灵活运用网站管理系统后台功能，这样可以提高制作效率。

六、上传到Web

网页制作完毕，要发布到Web 服务器上，才能够让用户看得到，现在上传的工具有很多，荐使用LeapFTP软件，能方便地把网站发布到自己制作的网站存放服务器上。

七、推广宣传

网站制作好之后，要进行宣传，这样才能提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要经常维护更新内容，保持内容的新鲜，只有不断的更新内容，才能够吸引住用户浏览。

---

 3 网页制作的基本步骤

第一步、网络主题选择

制作一个网页，最重要的是选择一个好的网页内容，一般是选择自己的内容设计。需要注意的是:设计主题的选择必须要有自己的特点，能够在很多深圳网页制作的页面脱颖而出。

第二步、进行好的结构规划

选择了一个明确的页面主题之后，您需要开始计划的就是网页制作页面的结构了。需要明确的是:一定要根据网站主题确定明确的规划目标、合理设置网站页面的结构。同时还需要关注完整的页面内容设置，充分结合主题和页面布局的具体内容。

第三步、进行充分的材料收集

这是需要花时间去考虑的第一步，早期的主题和结构规划，有必要开始根据收集的材料满足用户的需求。收集到的材料一般包括:文本、图片、声音、动画、视频等，同时，通过书籍、报纸、杂志、网络等渠道方式寻找必要的材料。

第四步、网页的制作阶段

网页的制作阶段页面，主要需要网站的设计人员使用Dreamweaver、PS等软件进行网页的制作，设计师可以根据自己的好选择熟悉的网页制作工具，这些网页制作工具没有好坏之分，关键是看设计人员的掌握熟练程度。同时，在网页的制作生产过程中也可能需要收集处理材料的一部分，需要看生产过程的需要进行合理的安排。

第五步、后期检测阶段

从网页开始设计到网页的制作完成，需要以上一系列的基本步骤。这些基本步骤完成之后，还需要对设计的网页制作页面进行全面的测试，包括内容页面的设计是否是合理的，科学的，对网页链接根据实际情况做适当调整。

在网页设计和网页制作的生产过程中，以上的每一个步骤不是必不可少的，为了确保页面的设计的合理性和整体美感，设计师需要更加注意到设计过程中的每一个步骤，每一个过程。

---

 4 实用的网页UI设计流程

1、产品需求分析

当产品经理给出一个产品的需求，我们首先需要对这个产品进行一个大致的分析，分析这个产品的方向，定义产品的用户群体及特征;

2、深层次的用户体验研究与分析

这个时候我们就要对已定义的目标用户群体及特征进行深层次的剖析，包括目标用户群体的年龄，性别及目标户群体的一些情感习惯，心理特征等，这样我们就可以有针对的对这个产品构想设计出一个大概的色系搭配及元素控件设计;

3、初稿设计

这个时候我们就可以把产品经理的原型需求和自己对产品的体验研究分析结合起来设计初稿。(大概的色系搭配，框架布局，元素控件，图标ICON等设计都可以在这一步呈现出来)

4、视觉规范设计及细节优化设计

初稿设计完成了，产品大概的样子都出来了，接着我们就是要做好视觉规范设计及细节优化设计。视觉规范设计就是要对整个产品的颜色，字体，字号，元素控件，图标ICON，间距及交互效果做个统一的规范，这样才可以做出一个成熟的产品，对前端制作也是有很大的好处的。

5、跟进前端工程师实现设计效果

设计稿完成了接下来就是前端工程师制作了，这时我们就不要以为我们的工作完成了，我们要继续跟进前端工程师实现还原我们的设计效果，有必要我们可以设计出一份交互图出来，这样便于他们更好的更准确的更快捷的实现我们的设计;

6、产品体验

当前端制作好页面之后，我们就可以对整个产品做一个线上的体验，界面体验，交互体验，当遇到一些体验不好的地方我们可以直接和产品还有前端工程师进行沟通，共同来商讨解决这些问题;

7、产品的持续用户体验跟进研究与优化

产品上线之后，我们要持续关注与跟进它，进行一些用户体验数据的收集，对于界面上和交互体验上的一些不是很理想的地方做一个收集，用在下期的改版上