在工作上，依据每个公司、每个部门的业务目标之不同，其工作范围及工作性质也有所不同，有可能一个人同时需负责网页设计与平面设计工作，也有可能单纯只负责其中一个工作。今天我们简单介绍一下网页设计工作与平面设计工作，让这个领域以外的朋友们，对网页设计与平面设计相同与差异之处有一个基本概念。



一、什么是网页设计

网页设计（web design/web UI design）指的是网站的前台页面美化设计，根据网站策划好的功能，和企业想要向用户展示的品牌信息、企业简介等内容进行的页面布局设计。

具体包括整个网站设计风格的把控、横幅设计、栏目页设计、内页（文章、新闻、内容页面）排版等。好看的网页设计能够给浏览者留下良好的第一映像，树立企业良好的品牌形象。

二、什么是平面设计

平面设计（graphic design）的定义泛指具有艺术性和专业性，以“视觉”作为沟通和表现的方式。透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。

举个例子，一部电影准备上影，这时宣传部要做出几张电影海报，用于线上线下媒体宣传，于是需要设计师借助软件将广告文案、图片素材、各种元素发挥创意设计、排版成可视化的具体画面。

三、网页设计工作与平面设计工作的对比

典型的网页设计工作

典型的平面设计工作

基础概念

设计基础、色彩学、造形原理

视觉传达、创意设计、排版

技术

网页相关技术

印刷相关技术

常用软件

Dreamweaver(网页开发)
Flash(网页动画)
Fireworks(网页排版)
Photoshop(影像处理)

InDesign(印刷排版)
Illustrator(印刷排版)
CoreDraw(印刷排版)
Photoshop(影像处理)

相关专业知识

Html标签用法
前端代码(DIV+CSS)
FTP资料上传
SEO搜索引擎优化
程序语言(php、asp.net…)
服务器(Apache、IIS…)

印刷(色票、特别色、CMYK、四色黑…)
拼版
书藉装订(骑马钉、胶装、线胶装…)
印刷加工(镂空、上亮光、上雾光、压箔、压凹、打凸、印金、烫金、烫银、摺页、经本折…)

图片使用

色彩模式：RGB
图片解析度：72dpi
常用图生格式：JPG, GIF, PNG

色彩模式：CMYK
图片解析度：300dpi
常用图片格式：JPG, TIFF, PSD, EPS

色彩标示

例：#FF6688

例：C:100, M:100, Y:20, K:40

相关重点

介面设计
使用性设计
互动设计
文本设计

美編排版
使用性设计(海报、书籍、目录…)
文字设计(內容量、诉求焦点…)

设计师心中永远的痛

每台显示器的颜色都不一样

每次印刷出來的色彩都不一样
印刷：约5%色差
喷图：约10~20%色差

字体

纯文字：宋体、微软雅黑
将文字做成图片：不限字体

不限字体