互联网产品设计培训课件(一)

学习互联网产品规范和流程 培训教材 习互联网产品设计规范和流程 主讲人：黄峰 日期： 2009年 6月 学习互联网产品规范和流程 培训教材 课目的 了解互联网产品，了解互联网产品设计，了解行业最新动向。 熟悉互联网产品设计规范和流程。 了解行业对设计的需求以及行业内对设计的要求。 了解如何适应当前就业形势，规划自己的职业目标。 学习互联网产品规范和流程 培训教材 容大纲 一、互联网产品设计概述 么是互联网产品 媒体设计 页设计 件 二、设计规范和流程 个基本概念及区别 计角色分类 计规范 计基本流程 计常用工具 设计网络资源 秀团队设计 三、行业设计需求和要求 业设计需求和要求 四、展望互联网产品设计 联网产品发展趋势 品设计趋势 们的从业目标 学习互联网产品规范和流程 培训教材 、互联网产品设计概述 么是互联网产品 如 否， 浪博客等等都可以算是一种互联网产品。 互联网产品是一种依托于互联网能够满足用户某种需求的产品。 首先它是必须依托在互联网之上的，即你的机子首先要能上网，才能够享受或使用得到的。 其次，和其他产品一样是需要满足用户的需求，比如， 索引擎可以满足人们从海量的信息中找到自己想要的信息的需求。 思考：还有哪些熟悉的产品是互联网产品呢？ 学习互联网产品规范和流程 培训教材 、互联网产品设计概述 媒体设计 多媒体 (是要把多种媒体结合地利用起来。现代多媒体技术是集声音、视频、图像、动画等各种信息媒体于一体的信息处理技术。它可以把外部的媒体信息，通过计算机加工处理后，以图片、文字、声音、动画、影像等多方式输出，以达到丰富的动态表现。 多媒体技术有两个显著特点 : 一是它的综合性，它是计算机、声像、通信技术的综合体。 二是人机交互性（ 它使人对媒体有更大、更自由的选择权和更多角度的观察点。 采用专业的多媒体制作软件，结合图形、图像、音频、视频和 3您创造精彩互动的多媒体世界。 多媒体具有图文并茂、表现力强、动感效果、新颖时尚、易于保存、信息量大等特点，能给人以很强的视觉冲击力，留下深刻印象。其载体目前通常使用光盘，也就是我们说的多媒体光盘。 学习互联网产品规范和流程 培训教材 、互联网产品设计概述 媒体设计 多媒体产业前景广阔，人才缺口庞大：全球数字娱乐市场的规模将达1000亿美元 ；中国目前有超过 2000万动画、网络游戏爱好者 ；未来 5000亿元产值空间 ；影视动画人才需求量： 15万及游戏动画人才需求量： 10万。 职业前景： 艺术总监、多媒体设计者 、 网站设计者 /开发者 、 动画设计者 、 三维平面设计者与动画设计者 、 多媒体编程 、 影视制作与后期制作。 学习互联网产品规范和流程 培训教材 、互联网产品设计概述 页设计 网页设计是一种建立在新型媒体之上的新型设计。它具有很强的视觉效果、互动性、互操作性、受众面广等其它媒体所不具有的特点，它是区别于报刊、影视的一个新媒体。它既拥有传统媒体的优点，同时又使传播变得更为直接、省力和有效。 网页设计区别与网页制作，是将策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来；而网页制作通常就是将网页设计师所设计出来的设计稿，按照 就相当于一个干脑力活，一个是干体力活，但是一个优秀的网页设计师对 这两道工序都是十分了解的，因为他要知道自己的设计稿，是否会为网页制作人员制作页面带来麻烦。 学习互联网产品规范和流程 培训教材 、互联网产品设计概述 件 正如包装那样，一个优秀的软件除了方便实用的功能外，其界面的优秀设计也是必不可少的，因为良好的界面形象一来能够体现公司的形象和实力；二来能够使用户操作更为方便，具有说明性的图表按钮也能够为用户带来使用的方便；三来能够体现其软件的良好特性和功能。 目前软件界面的发展潮流为图形说明化和具体化，以前简单和粗糙的简单设计已经逐渐被淘汰，典型的如 界面和 形化的成分更多了，细致到每一个图表都有其特定的功能含义。而微软的 学习互联网产品规范和流程 培训教材 、互联网产品设计概述 总结 平面设计 广告设计与制作 影视动画 网络游戏设计 . 更多可参见：，从职业发展方向上来看，非常乐观。 多媒体设计是未来互联网的新宠，高新技术的出现和网速的提升，是加速多媒体设计行业的发展的保证。 多媒体设计无论从职业还是从职位上来看，都会按不同角度分得越来越细，因为人们对任何一款产品的用户体验要求越来越高，决定了参与产品设计的所有人员分工的细化以及专业的精细。 学习互联网产品规范和流程 培训教材 、互联网产品设计概述 总结 中国互联网网络广告的发展状况整体市场规模达 801亿元 艾瑞咨询集团副总裁阮京文在中国互联网年度高峰会上发布了“艾瑞咨询互联网行业调查报告”，报告显示中国互联网整体规模达到了 801亿元，相比去年增长了 报告同时预测未来几年的增长速度都不会低于30%。 、互联网产品设计概述 总结 经济危机下，为什么互联网的发展如此迅速，互联网网络广告为什么有增无减？ 是什么样的互联网产品如此赚钱，他们的盈利模式是什么？ 我们对互联网产品有多少了解，了解有多深？ 我们今后就业能否往互联网产品设计中谋取一个理想的职位？ 如果我们想，我们现在该如何去学习，如何去提前准备？ 机会是留给有准备的人！ 学习互联网产品规范和流程 培训教材 、互联网产品设计概述 总结 互联网产品设计规范和流程是什么？ 互联网产品对设计者的基本要求如何？ 学习互联网产品规范和流程 培训教材 、设计流程和方法 个基本概念及区别 什么是 学习互联网产品规范和流程 培训教材 、设计流程和方法 个基本概念及区别 : 用户体验 : 用户界面 :以用户为中心的设计 :用户体验设计 学习互联网产品规范和流程 培训教材 、设计流程和方法 个基本概念及区别 用户界面，也称人机界面。是指用户和某些系统进行交互方法的集合，这些系统不单单指电脑程序，还包括某种特定的机器，设备，复杂的工具等。 学习互联网产品规范和流程 培训教材 、设计流程和方法 个基本概念及区别 软件设计可分为两个部分：编码设计与 码设计大家都很熟悉，但是 使一些专门从事网站与多媒体设计的人也不完全理解 英文 字面上看是用户与界面 2个组成部分，但实际上还包括用户与界面之间的交互关系。 学习互联网产品规范和流程 培训教材 、设计流程和方法 个基本概念及区别 界面设计。在漫长的软件发展中，界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业 造型设计一样，是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造卖点。界面设计不是单纯的美术绘画，他需 要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投 票的结果，而是最终用户的感受。所以界面设计要和用户研究紧密结合，是一个不断为最终用户设计满意视觉效果的过程。 学习互联网产品规范和流程 培训教材 、设计流程和方法 个基本概念及区别 交互设计 (作为一门关注交互体验的新学科在二十世纪八十年代产生了，它由 莫格里奇在 1984年一次设计会议上提出，他一开始给它命名为“ 软面（ ，由于这个名字容易让人想起和当时流行的玩具“椰菜娃娃（ ，他后来把它更名为“ 交互设计。 学习互联网产品规范和流程 培训教材 、设计流程和方法 个基本概念及区别 们用自己的知识、经验、设计能力拿出设计方案。 是行业专家。能够用自己的互联网知识来设计出行业专家想实现的操作，而付诸以商业营销。 简单的说，在进行产品设计时从用户的需求和用户的感受出发，围绕用户为中心设计产品，而不是让用户去适应产品，无论产品的使用流程、产品的信息架构、人机交互方式等，都需要考虑用户的使用习惯、预期的交互方式、视觉感受等方面。 衡量一个好的以用户为中心的产品设计，可以有以下几个纬度：产品在特定使用环境下为特定用户用于特定用途时所具有的有效性 （ 效率（ 用户主观满意度（ 延伸开来还包括对特定用户而言，产品的易 学程度、对用户的吸引程度、用户在体验产品前后时的整体心理感受等。 学习互联网产品规范和流程 培训教材 、设计流程和方法 个基本概念及区别 以 学习互联网产品规范和流程 培训教材 、设计流程和方法 个基本概念及区别 用户体验（ 称 一种纯主观的在用户使用一个产品（服务）的过程中建立起来的心理感受。因为它是纯主观的，就带有一定的不确定因素。个 体差异也决定了每个用户的真实体验是无法通过其他途径来完全模拟或再现的。但是对于一个界定明确的用户群体来讲，其用户体验的共性是能够经由良好设计的实 验来认识到。 学习互联网产品规范和流程 培训教材 、设计流程和方法 个基本概念及区别 用户体验主要是来自用户和人机界面的交互过程。在早期的软件设计过程中，人机界面被看做仅仅是一层包裹于功能核心之外的“包装”而没有得到足够的 重视。其结果就是对人机界面的开发是独立于功能核心的开发，而且往往是在整个开发过程的尾声部分才开始的。这种方式极大地限制了对人机交互的设计，其结果 带有很大的风险性。因为在最后阶段再修改功能核心的设计代价巨大，牺牲人机交互界面便是唯一的出路。这种带有猜测性和赌博性的开发几乎是难以获得令人满意 的用户体验。至于客户服务，从广义上说也是用户体验的一部分，因为它是同产品自身的设计分不开的。客户服务更多的是对人员素质的要求，而已经难以改变已经 完成并投入市场的产品了。但是一个好的设计可以减少用户对客户服务的需要，从而减少公司在客户服务方面的投入，也降低由于客户服务质量引发用户流失的机 率。 学习互联网产品规范和流程 培训教材 、设计流程和方法 个基本概念及区别 交互设计是一门特别关注以下内容的学科： 1、定义与产品的行为和使用密切相关的产品形式。 2、预测产品的使用如何影响产品与用户的关系，以及用户对产品的理解。 3、探索产品、人和物质、文化、历史之间的对话。 交互设计从 “目标导向 ”的角度解决产品设计： 1、要形成对人们希望的产品使用方式，以及人们为什么想用那个这种产品等问题的见解。 2、尊重用户及其目标。 3、对于产品特征与使用属性，要有一个完全的形态，而不能太简单。 4、展望未来，要看到产品可能的样子，它们并不必然就像当前这样。 学习互联网产品规范和流程 培训教材 、设计流程和方法 个基本概念及区别 人机交互的认知心理学、工程心理学基础 人的因素、人类工效学基础 人机交互的研究方法 用户调查和研究方法 可用性工程不评估方法 软件中的交互设计 软件产品的界面视觉设计原则、标准及经验分析 以用户为中心的界面设计不开发过程 界面设计不评估案例分析 人机交互界面的编程实现 人机工程项目管理 人机交互技术的最新进展 学习互联网产品规范和流程 培训教材 、设计流程和方法 个基本概念及区别 推荐的网站： 口碑网 阿里妈妈 淘宝网 阿里软件 阿里巴巴 19楼 网易 艾网 蓝色理想 、设计流程和方法 计角色分类 一个产品从规划到最终成型的任务流方向，是一个从抽象到具体、商业到技术的过程： 品经理 译为产品设计师，也可能叫产品规划师、需求分析师。 面为用户体验师，可能称作交互设计师、界面设计师。 文直译为用户界面，可能也叫界面设计师、视觉设计师，很多小作坊简称美工，与 学习互联网产品规范和流程 培训教材 、设计流程和方法 计角色分类 关于 “团队组织 ” 的建议在这个快速的软件开发时代如何去组建一个高效的产品团队。 业务负责人（ 通常是你的 品最初的策划人或者是整个产品的业务主管，他们会分析产品的市场、定位客户、定义品牌、提出想法，同时拿定主意，产品团队里面的万金油 学习互联网产品规范和流程 培训教材 、设计流程和方法 计角色分类 产品经理（ 对产品负责的人，产品主管，他们会提出概念、收集确定需求、制定计划、控制进度并保障产品质量。在很多团队里面 “业务负责人 ”和 “产品经理 ”通常是同一个人。 产品设计（ ui/id/ia 机界面设计） , 业设计）息架构设计）。将这三种职能混合起来，因为他们并不能孤立存在，我们统称为产品设计。他们决定产品的所有功能细节，配合产品经理制作产品原型，与视觉设计师和用户研究人员共同完成产品的详细设计。产品设计过程中最重要的产品功能说明文档将由他们来跟踪完善。 学习互联网产品规范和流程 培训教材 、设计流程和方法 计角色分类 视觉设计（ 产品团队中最有艺术细胞的人，他们完成产品的外观和界面设计，是否好看由他们说了算，他们作为产品团队的艺术设计权威指导。 用户研究（ 最接近用户并了解用户的人（不需要技术高手或者是逻辑人），他们从产品的原型阶段就介入，配合产品设计师们做典型用户分析和用户目标分析，并对原型进行可用性测试，并制定最终的可用性测试计划。在很多产品团队里面，产品设计、视觉设计和用户研究通常会由一到两个人来担任， 觉设计是会做信息架构分析。 学习互联网产品规范和流程 培训教材 、设计规范和流程 计规范 对规范更深层次认识来自于 个几乎已经是控件代名词的英文缩写，可能很少有人注意全称 实就是整套带有开发模式的界面规范，因此我也喜欢把整理好的各种规范叫做 产品规范的应用对象，分为设计师、工程师两类人。对设计师来说主要是“协调”工作，使交付物统一；对工程师来说主要是“配合”工作，使开发效率提高。 学习互联网产品规范和流程 培训教材 、设计规范和流程 计规范 满足用户需要 满足协作需要 提高团队效率 学习互联网产品规范和流程 培训教材 、设计规范和流程 计规范 描述信息结构和交互设计的图示词汇表（ 图表是网络应用开发团队（ 沟通信息架构和交互设计方面最基本的工具。本文所讨论的是使用图表来描述系统时所要考虑的事宜、信息架构和用户交互设计时使用这些基本元素的要点，并且介绍这些元素的使用方法。 访问网址： 、设计规范和流程 计规范 阿里巴巴（中国）用户界面指南（阿里巴巴） 这是阿里巴巴（中国）站的设计用户界面指南，是阿里巴巴（中国）网站的设计规范，此规范体现一个繁荣、进取、专业化的网上贸易平台。 访问网址： 、设计规范和流程 计规范 易趣网视觉规范 （易趣网） 访问网址： 、设计规范和流程 计规范 访问网址： (（翻译中文版） 学习互联网产品规范和流程 培训教材 、设计规范和流程 计基本流程 用户体验要素模型 学习互联网产品规范和流程 培训教材 、设计规范和流程 计基本流程 用户体验的 5个要素： 觉呈现】 局】 互。如何、可以、应该 】 需求的整合】 身目标与用户需求】 学习互联网产品规范和流程 培训教材 、设计规范和流程 计基本流程 学习互联网产品规范和流程 培训教材 习互联网产品规范和流程 培训教材 、设计规范和流程 计基本流程 六个阶段，每个阶段又有关键的工作内容和要求。 第一阶段：基础调研 竞争产品分析 寻找市场上的竞争产品，挑选 3理竞争产品的功能规格；并分析规格代表的需求，需求背后的用户和用户目标；分析竞争产品的功能结构和交互设计，从产品设计的角度解释其优点、缺点及其原因，成为我们产品设计的第一手参考资料。 领域调研 结合上述分析基础和资料，纵观领域竞争格局、市场状况，利用网络论坛、关键字搜索等手段获得更多用户反馈、观点、前瞻性需求。 产出物：相应的对比分析文档和领域调研报告 学习互联网产品规范和流程 培训教材 、设计规范和流程 计基本流程 第二阶段：产品分析 产品定位 从软件提供者的角度分析产品推出的意义和重点关注的方面，实际考量、丰满决策层的 确列出产品定位，通过讨论修缮取得决策层的认可； 用户分析 结合竞争产品的分析资料，采用定性分析的方法，获得对产品目标用户在概念层面的认识； 产品概述 以软件提供的身份，以最简短的文字，向用户介绍产品，突出产品对用户的价值。避免功能点的简单罗列，而应该在归纳总结的基础上突出重点； 功能需求规格整理 在归纳关键功能的基础上，结合竞争产品规格整理的领域认识，从逻辑上梳理需求规格列表，重在逻辑关系清楚、组织和层级关系清晰。划定项目（设计和研发）范围； 产出物：用户分析文档和产品概述、功能规格列表 学习互联网产品规范和流程 培训教材 、设计规范和流程 计基本流程 第三阶段：交互设计（功能结构和交互流程设计） 产品概念模型分析 从产品功能逻辑入手，结合对常见软件的经验积累和竞争产品的认识，加上对用户的理解，为产品设计一个尽量接近用户对产品运行方式理解的概念模型，成为产品设计的基础框架； 功能结构图 在产品概念模型的基础上丰富交互组件，并理顺交互组件之间的结构关系； 使用场景分析 模拟典型用户执行关键功能达到其目标的使用场景； 交互流程分析 模拟在上述概念模型和功能结构决定的产品框架之中，支持使用场景的关键操作过程（即鼠标点击步骤和屏幕引导路径）； 产出物：产品设计文档的交互设计部分 学习互联网产品规范和流程 培训教材 、设计规范和流程 计基本流程 第四阶段：原型设计（信息架构和界面原型设计） 信息架构和界面原型设计 设计产品界面中应该包含的控件数量和类型、控件之间的逻辑和组织关系，以支持用户对控件或控件组所代表的功能的理解，对用户操作的明确引导；所有界面设计成为一套完整的可模拟的产品原型； 设计要点说明 对界面设计的重点添加说明，帮助涉众对设计的理解； 产出物：产品设计文档的原型设计部分 学习互联网产品规范和流程 培训教材 、设计规范和流程 计基本流程 第五阶段：详细设计（详细设计和交互逻辑表述） 详细设计 完善设计细节、交互文本和信息设计（ 控件和交互逻辑表述 对界面控件 /控件组 /窗口的属性和行为进行标准化定义，梳理完整的交互逻辑，用状态迁移图或伪代码形式表示； 产出物：产品设计文档的详细设计部分 学习互联网产品规范和流程 培训教材 、设计规范和流程 计基本流程 第六阶段：设计维护（研发跟踪和设计维护） 语言文档整理 设计通过评审之后，把产品中所有的交互文本整理成 备研发工作； 研发跟踪维护 进入研发阶段后负责为研发工程师解释设计方案、问题修改、文档完善、 产出物：产品语言文档，设计调整维护 学习互联网产品规范和流程 培训教材 例 土豆网前端概况 学习互联网产品规范和流程 培训教材 例 土豆网前端概况 学习互联网产品规范和流程 培训教材 例 土豆网前端概况 学习互联网产品规范和流程 培训教材 例 土豆网前端概况 学习互联网产品规范和流程 培训教材 例 土豆网前端概况 学习互联网产品规范和流程 培训教材 例 土豆网前端概况 学习互联网产品规范和流程 培训教材 例 土豆网前端概况 学习互联网产品规范和流程 培训教材 例 土豆网前端概况 学习互联网产品规范和流程 培训教材 例 土豆网前端概况 学习互联网产品规范和流程 培训教材 例 某公司项目设计流程 项目需求 页面设计 页面合成 原型设计 沟通 确认 前后端代码嵌入 学习互联网产品规范和流程 培训教材 例 某公司项目设计流程 产品需求的用户沟通、项目负责人的签字认可 产品图片的用户确认，项目负责人的签字认可 学习互联网产品规范和流程 培训教材 例 某公司项目设计流程 业务流程的优点 满足少数人的需求设计，加快了项目的实施 简易的项目管理流程，降低了项目管理成本 学习互联网产品规范和流程 培训教材 例 某公司项目设计流程 业务流程的缺点 并丌是真正意义上的以用户为中心的设计 缺失产品的用户体验 学习互联网产品规范和流程 培训教材 、设计规范和流程 计常用工具 原型设计： P 缩写。P 一个快速的原型工具，主要是针对负责定义需求、定义规格、设计功能、设计界面的专家，包括用户体验设计师（ 交互设计师（ 业务分析师（ 信息架构师（ 可用性专家（ 产品经理（ 学习互联网产品规范和流程 培训教材 、设计规范和流程 计常用工具 原型设计： P 相关人员对你的设计进行体验和验证，向用户进行演示、沟通交流以确认用户需求，并能自动生成规格说明文档。另外， 对设计进行方案版本控制管理。 进行更加高效的设计； 让你体验动态的原型； 更加清晰的交流想法； 学习互联网产品规范和流程 培训教材 、设计规范和流程 计常用工具 网页三剑客： , , 合着 个网站界面非常容易也非常快。 网站动画设计软件，可以说是 也是 学习互联网产品规范和流程 培训教材 、设计规范和流程 计常用工具 图像处理工具： 用于处理像素图 。 件缩略图补丁 ,不用装 多用于排版 多用于绘制矢量卡通 学习互联网产品规范和流程 培训教材 、设计规范和流程 计常用工具 有用小工具： 1、 看到浏览器旁这个小图标了吗？先用 后再用这个软件转换成 、 换 它能够把 文件，转换好后在 和 、设计规范和流程 计常用工具 有用小工具： 3、 如果是开网店的，用这个小工具是再好不过的。 4、 业去背景软件 连极细的毛发都能从复杂的背景中分离出来。解压到 滤镜目录中；即可在 、设计规范和流程 计常用工具 有用小工具： 5、 网站整站下载器 可以将整个网站下载下来。好用。可以作下载模版所用。 、 可以快速制作一些简单的 置几百种特效，可以迅速制作 、 批量替换工具 不用多说了，可以批量修改页面中的代码。自己做个的页面可以迅速加上自己的版权信息。 、设计规范和流程 计网络资源 你丌该错过的五十多种网页设计资源 初学者资源区 高级用户资源 图形设计资源区 其它资源区 注意资源收集 +熟练使用工具 =菜鸟变成设计师 学习互联网产品规范和流程 培训教材 、设计规范和流程 计网络资源 初学者资源区 你可以瞬间设计、建立并开通一个具有完全品牌的个人或商用网站。 让你建立一个“小网站”，然后你可以把它发布在任何地方（ 客或者其它网站都行）。 一个基于浏览器的建站工具，使你能和你的朋友和同事一起协作来做事情。也提供许多 板和其他供你使用的组件。 借助它，你可以在一个拖放的界面里，建立一个拥有完全品牌的网站，而且你还可以随时更改你的设计。 学习互联网产品规范和流程 培训教材 、设计规范和流程 计网络资源 初学者资源区 一个能让建站变得既省钱又省力的基于网页的工具。 建立和分享手机网站的工具 . 一个在线创建手机程序的平台 . 一个基于网络的建站平台，几分钟就可以建立一个联盟网站 . 不需要编程就可以建立一个展示网站，很便宜 . 拥有拖放界面的全 学习互联网产品规范和流程 培训教材 、设计规范和流程 计网络资源 初学者资源区 一个便捷的建站工具，有数百个模板和可以自定义的 拥有数不清的模板，根据你愿意付的钱的多少，提供内建的模块和自定义选项 . 免费建站服务，在页面上方有一个广告条 . 支持 另一个表格工具。它可以把表格的提交表单通过 去了你接收数以百计的邮件的麻烦 . 学习互联网产品规范和流程 培训教材 、设计规范和流程 计网络资源 高级用户资源 无需写代码的 容管理系统 )，让你自由地设计你的网站，并随时添加在线的内容。你还可以在任何地方都能管理你的网站 (. 用不同的浏览器来测试你的网站的工具 . 可以让你设计你自己的样式，并保持统一的风格。你也可以保存任何类型的网页 (. 这个工具可以让你建立在线杂志、爱好者杂志或者类目，并把它们在你的网站上分享 . 生成圆角图形的 学习互联网产品规范和流程 培训教材 、设计规范和流程 计网络资源 图形设计资源区 不管我设计什么东西，我总会到这个网站的用色方案展示那儿去寻找灵感 . 这儿有海量的灵气十足的色彩主题、用色方案和色彩趋势 . 还有一个滚动条界面，让你轻松调色 . 一款免费的在线调色板生成工具，你只需要用取色器选一种颜色，然后它就会自动为你生成一个六色的调色板 . 一个可以做出兼容 又一个用色方案生成器 . 学习互联网产品规范和流程 培训教材 、设计规范和流程 计网络资源 图形设计资源区 一个很酷的用色方案生成器，你可以把它们存下来，网站还会提供链接 . 从这里，你可以得到世界顶极艺术家们的作品的矢量图片 . 你不用知晓怎么用图形软件，只要点几下， 0 15和 88 13两种规格的按钮 . 按钮展示和制作的网站 . 又一个能做出 80 15大小的按钮的工具 . 用这个工具，你可以为你的网站设计出斜线、条纹、点阵或渐变的背景图案 . 这里可以下载到很酷的 学习互联网产品规范和流程 培训教材 、设计规范和流程 计网络资源 图形设计资源区 一个可以做出你自己的方格图案的方便的工具，你可以把它用作背景或者其它用途 . 一个图标搜索引擎 . 一个为你的网站制作条纹背景的工具 . 集了 1000种图标的网站。这儿你能找到文字图标、图形图标、 盘图标、 专业图标收集站 . 学习互联网产品规范和流程 培训教材 、设计规范和流程 计网络资源 图形设计资源区 为你的网站制作 这里提供免费的图标，以及一个共享的图标制作软件 你选一种颜色， MS 这个工具可以创建一个用在 这个工具可以把照片做成调色板，还可以为你的图片重新着色 . 便你做选择 . 学习互联网产品规范和流程 培训教材 、设计规范和流程 计网络资源 其它资源区 一个网页设计展示站，浏览者可以给被展示的设计投票 . 这里集合了许多富有灵气的网页设计 . 这里收集了一些用 充满灵气的 在这儿，你可以和你的客户以及合作人分享你的作品，清晰的界面让客户们一目了然 . A 这里有关心网络发展和网页设计的人必读的博客和在线杂志 . 海量的设计资源站，包括描述设计过程