网页设计 :10位日本资深设计师的185条经验法则

出版者:人民邮电出版社

作者:[日] SE编辑部

页数:173

出版时间:2014-8

价格:59

装帧:平装

isbn号码:9787115354020

具体描述

即使是长期从事网页设计的您也会遇到不知该如何设计，或者想要学会更有效率的制作方法的情况。《网页设计：10位日本资深设计师的185条经验法则》邀请10位网页设计专家，以FAQ的方式解决设计师每天都会遇到的问题。内容包括版式设计与配色设计的规则是什么，掌握CSS进行HTML文件排版的秘诀，以及如何参考线上网站的内容架构等。书中讲解了许多“不知道就糟了”的Photoshop与Dreamweaver高效率技巧。

无论您是正在学习设计的初学者，还是已在职场工作的设计师，《网页设计：10位日本资深设计师的185条经验法则》丰富的内容都能助您一臂之力。

目录信息

第1章　网站制作的基础知识和流程
12　Q1 制作之前有什么要注意的地方？
13　Q2 制作网站的基本流程是什么？
14　Q3 什么是人物设置和使用者情境？
15　Q4 进入设计阶段之前必须先做什么？
16　Q5 什么是网站地图？
17　Q6 决定设计方向的方法是什么？
17　Q7 版面初步规划要由哪一方提出？
18　Q8 在业界中一般使用什么工具进行版面初步规则？
19　Q9 标准的屏幕尺寸和适当的版面尺寸是多少？
20　Q10 制作iOS和Android等系统中通过手机浏览的网站的注意事项是什么？
21　Q11 什么是“可用性”？
22　Q12 网站的无障碍性高是什么意思？
23　Q13 进行浏览器兼容性测试时，要如何选择测试对象？
24　Q14 不同的网站代理服务之间有什么差异？
24　Q15 什么是CDN？
25　Q16 从得到域名到启用的流程是什么？
26　Q17 开始制作前需客户确认的事项有哪些？
27　Q18 制作团队中有哪些工作人员？
28　Q19 与程序及服务器有关的人员所扮演的角色是什么？
29　Q20 存储格式有哪几种？
30　Q21 JPEG、GIF和PNG什么时候使用？
第2章　解决版面组成和配色问题
34　Q22 设计页面版式需要了解哪些基本原则？
35　Q23 组成网页的对象有哪些种类？
36　Q24 页面设计是否会随着信息的多少而不同？
37　Q25 如何选择分栏式版面的排版类型？
38　Q26 无分栏、2栏、3栏和4栏在什么情况下使用？
39　Q27 固定布局和流式布局哪种较好？
40　Q28 如何做出让文字容易阅读的设计？
41　Q29 网页的基本排版方式有哪些？
42　Q30 自由版面排版的秘诀和制作上的注意事项是什么？
43　Q31 什么是模板？
44　Q32 套用同样模板的页面该如何管理？
45　Q33 什么是倒L 型模板？
46　Q34 什么是F 型浏览模式的版面设计？
47　Q35 对象应该放在版面上的什么位置？
48　Q36 导航栏有哪些用途和功能？
49　Q37 导航栏的种类有哪些？
50　Q38 什么是色彩的三属性？
51　Q39 补色和对比是什么？
52　Q40 什么是色彩的视认性？
53　Q41 颜色和感觉的关系是什么？
54　Q42 基本的配色方法是什么？
55　Q43 如何决定背景色、文字色以及链接颜色？
56　Q44 什么是RGB和CMYK？
57　Q45 什么是sRGB?
57　Q46 什么是Gamma值，需要区分种类吗？
58　Q47 制定网页颜色的方法是什么？
59　Q48 鲜艳色彩的特征及如何有效使用？
60　Q49 使用鲜艳颜色的技巧有哪些？
第3章　解决文字和图片的疑问
61　Q50 淡色和暗色的使用秘诀是什么？
62　Q51 以无彩色配色的技巧有哪些？
63　Q52 如何搭配出知性、具有信赖感的颜色？
63　Q53 如何搭配出豪华和优雅的颜色？
64　Q54 如何搭配出自然、让人感到平静的颜色？
64　Q55 如何搭配出时尚、有精致感的颜色？
65　Q56 如何搭配出具有波普风格、让人感觉到快乐的颜色？
65　Q57 如何搭配出可爱、具有亲和力的颜色？
66　Q58 如何搭配出具有浪漫、温柔感觉的颜色？
66　Q59 如何搭配出具有爽朗、年轻感觉的颜色？
67　Q60 什么是色彩通用设计？
70　Q61 独自拍摄时要注意哪些照明重点？
71　Q62 拍摄适合用于网页设计的照片有哪些技巧？
72　Q63 独自拍摄时，使用什么相机比较合适？
73　Q64 什么是分辨率？
74　Q65 什么是裁切和构图？
75　Q66 以照片作为排版素材要注意的地方有哪些？
76　Q67 基本的图像调整方法有哪些？
77　Q68 把图像转为灰度的秘诀是什么？
78　Q69 自动调整色阶的秘诀是什么？
79　Q70 英文字体的基本种类有哪些？
80　Q71 中文字体的基本种类有哪些？
81　Q72 除宋体和黑体以外，还有什么中文字体？
82　Q73 什么是字体样式？
83　Q74 什么是行距、字距和字间距压缩？
84　Q75 什么是字符对照表？
84　Q76 如何设置文字大小？
85　Q77 内文可以使用的字体有哪些？
86　Q78 字符编码与换行符是否因工作系统而异？
87　Q79 什么是网络字体？
88　Q80 设计引人注意的标题或Logo的秘诀是什么？
89　Q81 在什么情况下要将文字转换为图像？
89　Q82 什么是Alt属性？
90　Q83 哪里可以买到图片素材？
91　Q84 购买的图片素材有哪些版权规范？
91　Q85 可以使用Flickr图片分享网站中的图片吗？
92　Q86 在手机上可以选择哪些图片格式？
92　Q87 文件命名时有什么规定？
第4章　解决有关HTML和CSS的疑问
94　Q88 HTML、XHTML和XML有什么不同？
95　Q89 什么是HTML和XHTML的基本结构和语法？
96　Q90 什么是HTML文件类型定义？
97　Q91 什么是编写HTML？
98　Q92 为什么导航栏的选项以条列的方式标记？
99　Q93 div标签和span标签的功能是什么？
100　Q94 CSS的基本结构有哪些？
100　Q95 选择器有哪些种类？
101　Q96 使用CSS进行HTML文件排版有什么秘诀？
102　Q97 margin和padding在使用方法上有什么不同？
103　Q98 如何用CSS指定文字？
104　Q99 把文字换成图像的方法是什么？
105　Q100 HTML、XHTML和XML有什么不同？
106　Q101 什么是HTML和XHTML的基本结构和语法？
107　Q102 什么是HTML文件类型定义？
108　Q103 什么是编写HTML？
109　Q104 为什么导航栏的选项以条列的方式标记？
110　Q105 div标签和span标签的功能是什么？
111　Q106 CSS的基本结构有哪些？
112　Q107 选择器有哪些种类？
113　Q108 使用CSS进行HTML文件排版有什么秘诀？
114　Q109 margin和padding在使用方法上有什么不同？
115　Q110 如何用CSS指定文字？
116　Q111 把文字换成图像的方法是什么？
第5章　解决和动态内容相关的问题
118　Q112 什么是JavaScript ？
119　Q113 JavaScipt的写法是什么？
120　Q114 什么是Ajax?
121　Q115 Ajax可应用在什么地方？
122　Q116 什么是程序库？
123　Q117 什么是jQuery ？
124　Q118 什么是CMS ？
125　Q119 如何修改CMS的模板？
126　Q120 什么是WordPress？
127　Q121 WordPress有哪些好用的附加对象？
128　Q122 什么是Movable Type？
129　Q123 Movable Type有哪些好用的附加对象？
130　Q124 选择博客服务的重点是什么？
131　Q125 如何在页面上设置“Twitter按钮”？
132　Q126 如何在网页上设置Facebook的“赞”按钮？
132　Q127 如何把YouTube和Vimeo的视频上传到网页上？
第6章　解决管理和经营相关的问题
134　Q128 如何把网站登录在Google搜索引擎的资料库中？
135　Q129 SEO的基本知识有哪些？
136　Q130 什么是SEM？和SEO有什么不同？
137　Q131 手机网站的SEO和SEM策略应如何拟定？
138　Q132 如何找出网站存在的问题？
138　Q133 什么是付费目录？
139　Q134 什么是Google Rich Snippets?
139　Q135 联盟行销是否必要？
140　Q136 免费流量分析服务有哪些？
140　Q137 Google Analytics的基本操作方法是什么？
141　Q138 FTP的安全问题是什么？
142　Q139 资料备份的重点是什么？
143　Q140 如何防范信息外泄等问题？
144　Q141 如何防范“病毒”和“恶意软件”？
145　Q142 什么是HTTP基本认证？
145　Q143 有没有更安全的认证方法？
146　Q144 设计师学习操作服务器软件会不会有帮助？
146　Q145 使用服务器软件时需注意些什么？
第7章　解决和软件相关的问题
148　Q146 制作网页要用什么软件？
149　Q147 如何轻松制作出不同配色？
150　Q148 如何放大或缩小但不改变圆角的大小和形状？
150　Q149 如何放大视图对象的像素？
151　Q150 如何在Illustrator中让文字以像素图兼容的方式呈现？
151　Q151 对齐对象有什么好方法？
152　Q152 如何使用渐变工具？
153　Q153 Illustrator制作的对象线条或轮廓变得模糊，有什么解决办法？
153　Q154 如何让文字笔画变成圆角，以表现出柔和感？
154　Q155 如何快速让文字和图形的端点变成圆角？
154　Q156 怎样使用Photoshop制作轮廓不会模糊的圆形？
155　Q157 “邻近”、“两次线性”和“两次立方”之间有什么不同？
156　Q158 以不影响画质为前提，如何降低图像文件的大小？
156　Q159 调整倾斜画面的正确方法是什么？
157　Q160 有效率的切片使用方式是什么？
157　Q161 如何模拟在不同工作系统中所呈现的颜色？
158　Q162 改变文字大小之后版面外观会变成什么样子？
158　Q163 如何预览和链接相关的虚拟类别？
159　Q164 制作iPhone和iPad网站的技巧是什么？
159　Q165 如何参考线上网站的内容构架？
160　Q166 如何让不希望被编辑的代码隐藏起来？
160　Q167 如何加快输入代码的速度？
161　Q168 整理代码有哪些技巧？
161　Q169 如何设置输入提示让该功能更好用？
162　Q170 如何使用Dreamweaver的模板？
163　Q171 如何快速替换代码？
163　Q172 在Dreamweaver中如何有效率地使用注释？
164　Q173 如果拿到Word或Excel格式的资料该怎么办？
165　Q174 Photoshop和Dreamweaver搭配使用的技巧是什么？
165　Q175 Flash的动画补间如何让图片变得粗糙？
166　Q176 从Photoshop复制Flash之后，为什么颜色和原稿不同？
166　Q177 在Flash中的图形或线条边缘是否呈现模糊状？
167　Q178 如何在对象的边缘添加框线？
167　Q179 如何制作线条书写的动画效果？
168　Q180 如何让舞台上的个别对象放大或缩小？
169　Q181 如何通过ActionScript简单控制动画？
170　Q182 如何通过Bridge有效率地管理大量图片？
171　Q183 如何通过Bridge搭配应用程序进行使用？
171　Q184 如何更轻松地使用JavaScript程序库？
172　Q185 如何让浏览器更好用？
· · · · · · (收起)

读后感

本来想搞一本最新出版的日系设计书看一看 刷来刷去在某东上看这本评价不错 一看价格56，没问题，全彩的设计书都贵 以上是背景 今天我收到了书 一共一百七十四页 我四个小时不到看完了 装帧、排版、用料确实很好很不错，这个要承认 但是我买书就是要看内容 内容不好 ...

本来想搞一本最新出版的日系设计书看一看 刷来刷去在某东上看这本评价不错 一看价格56，没问题，全彩的设计书都贵 以上是背景 今天我收到了书 一共一百七十四页 我四个小时不到看完了 装帧、排版、用料确实很好很不错，这个要承认 但是我买书就是要看内容 内容不好 ...

本来想搞一本最新出版的日系设计书看一看 刷来刷去在某东上看这本评价不错 一看价格56，没问题，全彩的设计书都贵 以上是背景 今天我收到了书 一共一百七十四页 我四个小时不到看完了 装帧、排版、用料确实很好很不错，这个要承认 但是我买书就是要看内容 内容不好 ...

本来想搞一本最新出版的日系设计书看一看 刷来刷去在某东上看这本评价不错 一看价格56，没问题，全彩的设计书都贵 以上是背景 今天我收到了书 一共一百七十四页 我四个小时不到看完了 装帧、排版、用料确实很好很不错，这个要承认 但是我买书就是要看内容 内容不好 ...

本来想搞一本最新出版的日系设计书看一看 刷来刷去在某东上看这本评价不错 一看价格56，没问题，全彩的设计书都贵 以上是背景 今天我收到了书 一共一百七十四页 我四个小时不到看完了 装帧、排版、用料确实很好很不错，这个要承认 但是我买书就是要看内容 内容不好 ...

用户评价

这本书的装帧设计简直是艺术品，那种低饱和度的色彩搭配和精妙的留白处理，拿在手里就感觉自己正在触摸一种高级的工艺品。封面那种简约而不失力量感的排版，就已经预示了内容会是那种克制、精准而富有洞察力的分享。我特别欣赏它在实体书上对细节的把控，纸张的纹理和油墨的质感都恰到好处，让人在阅读过程中有一种沉浸式的愉悦感。翻开书页，即使不看具体的文字内容，光是那些精心设计的章节分隔符和版式变化，都透露出设计者对“阅读体验”的深刻理解。这不仅仅是一本技术书籍，更像是一本关于视觉哲学的入门指南。它似乎在用自己的物理形态告诉读者：好的设计，首先体现在对细节的偏执追求上。这种对“形式服务于内容”的极致贯彻，在如今很多浮躁的数字设计书籍中是极其罕见的。它成功地将一种“匠人精神”通过物化的形式传递了出来，让人在捧读的瞬间，就能感受到那种对专业领域的敬畏之心。

从排版布局的角度来看，这本书的结构设计简直堪称教科书级别的典范。信息块的组织方式极其清晰，无论是概念的引入、论点的展开，还是具体案例的穿插，都遵循着一种近乎完美的节奏感。它似乎懂得读者的注意力是有限的资源，因此在每一个知识点的呈现上，都做到了信息密度和可读性的完美平衡。我注意到，它在处理复杂理论时，常常采用“并列式”或“递进式”的模块划分，确保即便是初次接触这些概念的读者，也能迅速抓住核心要点。更令人称道的是，它对图文关系的运用达到了出神入化的地步——插图或图示出现的时机总是恰到好处，不是为了美观而堆砌，而是作为理解难点部分的视觉锚点，大大提高了信息吸收效率。这不仅仅是“设计”，这是一种对认知负荷的精妙管理。

我花了整整一个下午，只是沉浸在书中的那些关于“用户心智模型”的探讨上，那种深入骨髓的洞察力，让人感觉作者们仿佛是读心大师。他们并非停留在表面的“如何操作某个工具”的层面，而是真正去解析了“人脑如何处理视觉信息”的底层逻辑。尤其是关于色彩心理学在商业应用中的那些案例分析，非常精辟。那种对“无意识偏好”的精准把握，让我反思了自己过去在项目中所做的许多自以为是的决定。这本书提供了一种全新的思考框架，它让你不再满足于做出“看起来漂亮”的界面，而是开始追求“用起来自然”的交互。这种从“美学驱动”到“认知驱动”的转变，是真正区分资深设计师和普通从业者的关键。读完这些章节后，我看向任何一个我习以为常的App界面，都会不由自主地从交互效率和信息层级两个维度进行二次解构，这种思维模式的升级，是任何教程都无法替代的宝贵财富。

与市面上那些充斥着“快速致富”、“一周精通”口号的书籍截然不同，这本书的语调是沉稳且充满耐心的。它更像是一位经验极其丰富的前辈，在午后阳光下，慢慢为你沏茶，然后娓娓道来他从业多年来踩过的那些深坑和领悟到的真谛。那些“法则”并非是僵硬的教条，而是无数次失败和迭代后提炼出的经验结晶，字里行间洋溢着一种历经风霜后的智慧光芒。我尤其欣赏它对于“犯错的价值”的讨论，很多设计师总想避开错误，但这本书却鼓励你去正视那些看似不起眼的疏忽，因为正是这些小小的偏差，累积成了我们看不见的认知壁垒。这种坦诚和不回避问题的态度，极大地消除了新手在学习过程中的焦虑感，让人觉得设计之路漫长但充满启发性，每一步的探索都有其意义。

这本书带来的最大震撼，在于它所揭示的“设计与商业的内在统一性”。许多设计师将艺术创作与商业目标视为对立面，但书中的资深设计师们，却将商业的成功视为优秀设计自然而然的结果。他们分享的不仅仅是如何让按钮更好看，而是如何通过视觉策略来解决实际的商业痛点，如何用设计语言去影响用户的决策路径。这种“以终为始”的视角，让我对设计工作的价值有了更宏大、更具影响力的理解。它让你从一个“执行者”的角色，提升到“战略制定者”的层面。我仿佛看到了设计不再是项目末端的“化妆师”，而是贯穿始终的“架构师”。这种对行业天花板的突破性认知，是这本书最无价的馈赠，它激励着我将每一次像素的调整，都视为对商业目标的一次精确打击。

对我现在不适用，有点太概括了。

新手须知

本书仍旧是以设计师角度来谈论网页设计，而且内容已经比较陈旧，完全没有必要购买阅读。

在深圳书城将这本书大致翻了一遍，里面关于网页设计的基础内容，要避免的问题，还有一些建议有参考价值，我只是个菜鸟，要从基础看起

新手须知