网页设计（web design，又称为Web UI design，WUI design，WUI），是根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计工作。作为企业对外宣传物料的其中一种，网页设计，对于提升企业的互联网形象。
网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。
网页设计的工作目标，是通过使用合理的颜色、字体、图片、样式进行页面设计，在功能限定的情况下，尽可能给予用户好的视觉体验。网页设计会考虑到通过声光、交互等来实现好的视听感受。
网页设计主要以Adobe产品为主，常见的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代码工具，其他是图形图像和FL动画工具。还有近几年Adobe出的EdgeReflow、EdgeCode、Muse。
设计目标
-
业务逻辑清晰，能清楚的向浏览者传递信息，浏览者能方便的寻找到自己想要查看的东西
-
用户体验良好，用户在视觉上，操作上都能感到方便
-
页面设计，用户能得到的视觉体验，不会为一些糟糕的细节而感到不适
-
建站目标明晰，网页很好的实现了企业建站的目标，向用户传递了某种信息，或展示了产品、服务、理念、文化
设计流程
思路
-
简洁实用：这是非常重要的，网络环境下，尽量以效率的方式将用户所要想得到的信息传送给他就是好的，所以要去掉所有的冗余的东西。
-
使用方便：满足使用者的要求，网页做得适合使用，就显示出其功能
-
整体性好：一个网站强调的就是一个整体，只有围绕一个目标所做的设计才是成功的。
-
网站形象突出：一个符合标准的网页是能够使网站的形象得到大限度的提升的。
页面用色协调，布局符合形式美的要求：布局有条理，充分利用美的形式，使网页富有可欣赏性。
-
交互式强：发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。
版式设计
网页设计作为一种视觉语言，讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。
版式设计通过文字图形的空间组合，表达出和谐与美。
多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要求处理好页面之间和页面内的秩序与内容的关系。为了达到好的视觉表现效果，反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。
设计要点
网页设计的两大要点是：整体风格和色彩搭配。
确定网站整体风格
在这里，我提供给大家一些参考经验：
1．将你的标志logo，尽可能的放在每个页面上页眉位置。
2．标准色彩。
3．总结一句能反映宣传标语！
4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是一样的！
网站的整体风格及其设计是难以学习的，难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出一样的网站。
2、位图
位图又叫点阵图或像素图，计算机屏幕上的图你是由屏幕上的发光点（即像素）构成的，每个点用二进制数据来描述其颜色与亮度等信息，这些点是离散的，类似于点阵。
位图在放大到一定限度时会发现它是由一个个小方格组成的，这些小方格被称为像素点，一个像素是图像中小的图像元素。也就是我们俗称的马赛克。
bmp：是未经过压缩的用点阵来表示的真彩图片,占用磁盘空间较大
gif：是经过压缩的,只能表示256种颜色,占用磁盘空间小,常用来演示色彩单一的成块的卡通图案,GIF还有一种可以表示连续的动画。
png：是fireworks的图片格式
jpg：也称为jpeg,是有损压缩格式但是它表示的颜色比较丰富,一般用来显示真彩的照片或图案。
作为设计者和客户（这里指各站长），如果没有明文协议的话设计者有权不提供源文件。
网页色彩搭配
1．用一种色彩。这里是指选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩有层次感。
2．用两种色彩。选定一种色彩，然后选择它的对比色。
3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。
在网页配色中，还要切记一些误区：
1．不要将所有颜色都用到，尽量控制在三至五种色彩以内。
2．背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便文字内容。
