本书不是一本普通的技法说明书,也不是一些拥有一些漂亮设计作品截图的**画册。本书的写作出发点是希望改变一些传统的Web设计思维和一些过时的手段。
书中对Web设计这个职业进行了整体的阐述,从行业思维到设计细节,内容包含:认识Web设计、工具使用新谈 (Photoshop、Dreamweaver等)、探讨Web标准、页面设计与GUI、Web设计中的排版、首页设计、完整案例解析。
书中出现的不仅是笔者本人对Web设计的理解,还有很多在设计界具有影响力的人物的观点论文,一些十分有用而你没有足够重视的技巧,这些总结和资料会给你的Web设计工作带来很多帮助。
本书适合于打算进入网页设计行业工作,并对网页设计有着极大热情的读者朋友,无论你是初学者还是已经开始你的职业生涯,这本书都会成为你的**的参考手册和流程解决方案。同时,由于本书中提到了大量业界的标准常识和基础理论,所以也**给任何需要与网页设计师沟通的各个环节的工作人员阅读。
本书作者是国际上享有盛誉的**设计师,相信本书会对你的职业生涯产生重大影响。
本书随书DVD光盘中包含:Web设计大师眼花缭乱的案例操作视频解说,本

第1章 认识Web设计
1.1 Web设计概述
一个完整的Web设计工作应该至少拥有以下主要的方面。
1.1.1 内容
网站的本质在于信息的传播以及如何传播,问题集中在怎么样引导和劝说用户。由于Web的特殊性,内容已经脱离我们传统的定义,它可以包括:文字、图形、超链接、交互操作、动画、视频、音频、在线游戏甚至更多的混合型的组织形式。拥有高质量的内容是网站成功的关键。
误解
我们常常误解Web设计为制造**的视觉体验,带给客户不同以往的美学感受。当然,这样做,可以吸引**次访问的客户更加注意你的站点,但是一旦客户在某个地方停留下来后,他/她的所有活动将转变成寻找对他/她有用。或者他/她感兴趣的信息。
如果一个站点空有一个漂亮的架子,而缺乏实际内容,用户*终会离开。而设计在这里的作用是什么?如果一段**的内容,用户无法很快找到它(或者并不明显),内容也失去了它的意义。
……

第1章 认识Web设计
1.1 Web设计概述
1.1.1 内容
1.1.2 技术
1.1.3 外观
1.2 **的Web设计是什么?
1.2.1 外观和功能同样重要
1.2.2 别做自以为“酷”的事情
1.2.3 规则——只有合适没有正确
1.3 Web设计师的多元性
1.3.1 平面设计
1.3.2 插画
1.3.3 VI 识别系统
1.3.4 传统艺术
1.3.5 工业设计
1.3.6 产品设计
第2章 工具使用新谈
2.1 选择合适的设计软件
2.2 深入理解Web设计软件
2.2.1 设计软件标准化
2.2.2 请重视你的Help文档
2.3 建立*适合自己的设计软件组合
2.3.1 平面位图图形
2.3.2 平面矢量图形
2.3.3 矢量动画
2.3.4 基本HTML文本
2.3.5 在线视频
2.3.6 角色/场景动画
2.4 Photoshop
2.4.1 图层
2.4.2 创建Web Photo Gallery
2.4.3 分割图形
2.5 Fireworks
2.5.1 制作GIF动画
2.5.2 创建Rollover样式按钮
2.5.3 为图形添加浏览器属性
2.6 Dreamweaver
2.6.1 建立自己的网站结构并设置
2.6.2 使用插件扩展Dreamweaver功能
2.6.3 控制并检验CSS样式
2.7 辅助工具
2.7.1 ACDSee
2.7.2 配色大师ColorSPY
2.7.3 截屏大师SnagIt
第3章 探讨Web标准
3.1 什么是Web标准?
3.1.1 为什么要使用Web标准?
3.1.2 如何校验你的Web?
3.1.3 了解( X)HTML
3.1.4 Web标准的商业价值
3.2 重新认识CSS
3.2.1 如何应用CSS
3.2.2 CSS的语法
3.3 CSS实例
3.3.1 精致的CSS水平列表
3.3.2 华丽的CSS垂直嵌套列表
3.3.3 不同浏览器对CSS特别代码的支持情况
3.3.4 **列表
3.4 设计师必须了解的CSS技巧
3.5 基于标准的Web设计参考
第4章 Web设计与GUI
4.1 GUI和Web设计的关系
4.2 Web用户界面设计原则
4.3 设计GUI中的图标( ICON)
4.3.1 正确理解图标的价值
4.3.2 图标设计实践1 ——2D矢量图标设计
4.3.3 图标设计实践2 ——3D图标设计
4.3.4【重要】违反GUI原则的Web宣传手段
第5章 Web设计中的排版
5.1 Web版式设计概述
5.2 常用版面布局参考
5.2.1 传统“T”型结构
5.2.2 左右平均分布型结构
5.2.3 上下对照结构
5.2.4 “上中下”——“三” 字结构
5.2.5 简约型布局
5.2.6 “回”字型结构
5.2.7 氛围式结构
5.2.8 “杂物箱”版式
5.2.9 “个人风格化”结构
5.2.10 单页排列式结构
5.2.11 文字型结构
5.2.12 封面型( cover)结构
5.2.13 综合型结构
5.3 页面排版的细节元素
5.3.1 重视细节的刻画
5.3.2 设计AD Banner ( 广告条)
5.4 实战版式设计
第6章 首页设计
6.1 **眼的印象
6.1.1 突出主体
6.1.2 简单**
6.1.3 控制版面
6.1.4 绚丽配色
6.1.5 信息处理
6.1.6 重视表现
6.1.7 流行风格
6.2 首页设计的两种思路 ——个性与商业的平衡
6.2.1 方案A——传统企业型站点设计
6.2.2 方案B——时尚企业型站点设计
6.3 方案A设计过程——**而传统
6.3.1 标题设计与导航
6.3.2 板块区域设计
6.3.3 内容排版设计
6.4 方案B设计过程——独特且艺术
6.4.1 背景设计
6.4.2 设计页面边框及导入Logo
6.4.3 设置顶端灯光
6.4.4 设计左导航
6.4.5 制作主体部分
6.4.6 主体周边细节制作
6.4.7 内容填充
6.5 设计首页模板
6.5.1 设计页面左导航
6.5.2 上导航设计
6.5.3 内容板块设计
6.5.4 整体调整
6.5.5 切图
6.5.6 将输出的页面制作成模板
第7章 全案解析
7.1 企业应用型网站规划与设计
7.1.1 前期准备
7.1.2 建立矢量标识
7.1.3 设计网站平面稿
7.1.4 切片并建立网站的HTML基本表达式
7.1.5 用Dreamweaver优化网站的HTML表达式
7.1.6 Flash实现在线展示Video
7.1.7 Fireworks完善导航系统
7.2 个人网站设计
7.2.1 制作页面分解元素
7.2.2 平面设计在网站上的运用
7.2.3 “积木式”网站排版
7.2.4 发布网站到Internet
附录 **Web设计师语思录
后记

在我印象里,他是一位非常具有才华的设计师,多年来一直战斗在设计行业里,做管理以后仍旧不断推出前沿设计作品,非常难得!作为一名**的**设计师,他的书凝聚了深厚功力,一定不会错! ——视觉同盟站长 Fape 这本书对网页设计、互动界面设计行业很有影响力,内容阐述很透彻,所倡导的网页设计概念也很新颖,周陟是一位非常专业的专家,认识他多年了,我**相信这是行业里非常有价值的一本书。 ——设计联盟站长 风子 Lytous是我们联盟第152期专访**设计师,相信他的那些唯美且富有吸引力的作品大家都已经看过,但你知道这些作品是如何设计出来的吗?让我们来共同关注Lytous的《网页设计解析》! —— 68design站长 68 认识Lytous的日子不算短了,他一直(注意措辞“一直”)是一个**设计师,涉足很多领域,结交了不少国内外知名设计师。他的理论和实践都很棒,也时常从他的一些文章中学到不少东西。那些刚走上设计道路的同学,或许还不知道如何面对这个充满创意而又具有挑战的职业,或许还不知道如何做好一个基本的商业网站设计,那么我建议看看Lytous的这本书。不同于填鸭式的教育,也不同于那些所谓纸上谈兵的某某秘籍。这是一个从业多年的职业设计师的经验点滴,是那种可以开创你的新的职业生涯的**参考 —— 幻色中国站长 呆呆 授人以鱼不如授人以渔,Lytous的《网页设计解析》没有停留在教授软件技巧的层面,而是结合作者多年的经验,将更实用也更难得的实践心得融合其中。在其国际化的设计作品中,也包含有浓烈的本地化色彩:中国商业网站设计的特点总结,和更加适合国内环境的操作方法解析,无论对新手入行还是已从业人员进修都有很大的帮助。 —— 站酷(ZCOOL)站长 明 作者Lytous是一位**的**网页设计师,此书以作者自己的实际经验出发,详细解说了网页设计的方方面面,特别引入了设计师们常常忽略的GUI设计和交互设计,非常适合新手入门到精通,所选择的例子文件都是国际化的设计作品,给人以全新的入门高度。 蓝色理想 www.blueidea.com 站长 曾沐阳 国内Web设计先驱的领先感情,精密阐述Web设计思维,Web设计软件技能火速提高,华丽网页从商业需求到上线全案揭秘。
Web设计大师眼花缭乱的操作视频,本书实例素材和*终文件,作者精心整理的Web设计资源。
专业Web开发技术思路与开发流程,关键技术点一步一个脚印,****的操作性,实例千挑万选,拒绝华而不实。精准阐述,一语道破天机,高手开发过程视频讲解,眼花缭乱的开发技巧。
Web开发从容就业与火速提高,社区/Blog/网站 三位一体的售后技术支持,高手开发过程视频,眼花缭乱的开发技巧。