黑客与设计:剖析设计之美的秘密

黑客与设计:剖析设计之美的秘密

暂无评价综合评分的显示会考虑用户真实性等多项因素,每部作品出现综合评分的时间不定。
7.387 评价豆瓣读书
免费试读

作品简介

《黑客与设计:剖析设计之美的秘密 》面向各种喜爱设计的人们,通过解构设计来帮助读者理解某些设计之所以卓越的原因,并解说完美设计背后的经典原理和技巧。

现代社会中,各种文化在无形地影响着我们。 除却“衣食住行”这四大传统,设计与文化无时无刻不在渗透着我们的生活与工作体验的各个细小分支中。本书作者是备受赞誉的设计师David Kadavy,他通过“逆向分析”来为网页设计师解析经典的设计原理和技巧,着重强调了互动媒体。本书内容涵盖颜色理论、比例与几何图形在设计中的作用、媒介和形式间的关系。含有大量独特的逆向工程设计示例,包括庞贝古城上的涂鸦、画家莫奈作品中对于黑色的缺色处理、iPhone的风格和流线型设计等。鼓舞你发现和创造各种形式的美并为你提供灵感,娓娓道来网页设计、移动应用及其他数字作品应用极具特色的设计原理。

David Kadavy,Kadavy公司总裁,兼500 Startups种子基金导师。Kadavy公司提供用户界面设计咨询服务,客户包括oDesk、PBworks和UserVoice等。早先,David曾领导过两家硅谷创业公司和一家建筑公司的设计部门,在大学教授过印刷课程。在爱荷华州立大学攻读平面设计专业美术学士学位期间,他曾在罗马学习古代印刷术。Communication Arts杂志刊登过他的设计作品,他曾在South by Southwest(SXSW)互动大会上做过演讲。你可以访问kadavy.net,阅读其关于设计和创业的文章,也可在Twitter上通过关注@kadavy,或借由david@kadavy.net与他联系。

作品目录

  1. 版权声明
  2. 献词
  3. 译者序
  4. 作者简介
  5. 鸣谢
  6. 引言
  7. 第一部分 理解设计
  8. 第1章 为什么需要设计
  9. 1.1 设计到底是什么
  10. 1.2 设计不是什么
  11. 1.3 设计的“层次”
  12. 1.3.1 目的
  13. 1.3.2 媒介和技术
  14. 1.3.3 审美选择
  15. 1.4 小结
  16. 第2章 设计的目的
  17. 2.1 视觉设计与用户体验设计的关系
  18. 2.1.1 用户体验设计基础要素
  19. 2.1.2 视觉设计对比
  20. 2.2 有时视觉设计够用即好
  21. 2.3 视觉设计有时是产品优势
  22. 2.4 Twitter用户体验逆向工程
  23. 2.4.1 用户角色
  24. 2.4.2 用例
  25. 2.4.3 线框图
  26. 2.5 小结
  27. 第二部分 媒介和形式
  28. 第3章 排版的载体和样式
  29. 3.1 误用的悲剧:Comic Sans字体缘何惹人厌
  30. 3.2 排版的束缚:不变的文字
  31. 3.3 字母表的组成
  32. 3.4 字母起源
  33. 3.4.1 罗马帝国的“推特”
  34. 3.4.2 罗马排版的巅峰之作
  35. 3.5 经久不衰的字体
  36. 3.5.1 印刷诞生发展简史
  37. 3.5.2 制作字范:不变文字的摇篮
  38. 3.5.3 威尼斯与文艺复兴
  39. 3.5.4 法国和Garamond字体
  40. 3.6 Garamond字体现状:为什么不在网络上使用Garamond字体
  41. 3.6.1 “网络字体”的诞生
  42. 3.6.2 大跃进
  43. 3.6.3 缩小差距
  44. 3.6.4 包容局限性——即使会很拙劣
  45. 3.7 小结
  46. 第4章 技术与文化
  47. 4.1 潮流兴起的原因
  48. 4.1.1 印象主义的诞生
  49. 4.1.2 Web 2.0平面设计
  50. 4.2 SEO也是设计
  51. 4.2.1 理解SEO的重要性
  52. 4.2.2 选择恰当的关键字
  53. 4.2.3 页面内容与代码
  54. 4.3 小结
  55. 第三部分 排版
  56. 第5章 骗人的黄金比例:认识比例
  57. 5.1 什么是比例?
  58. 5.2 比例与设计
  59. 5.3 揭开黄金比例的传奇面纱
  60. 5.3.1 黄金比例与斐波那契数列:类似却不相同
  61. 5.3.2 人体中的黄金比例
  62. 5.3.3 黄金比例的误区
  63. 5.4 其他一些赏心悦目的比例
  64. 5.4.1 根号2矩形
  65. 5.4.2 2:3矩形
  66. 5.4.3 3:4 矩形
  67. 5.5 世界中的比例
  68. 5.5.1 音乐和舞蹈
  69. 5.5.2 自然界
  70. 5.5.3 计算机和移动设备
  71. 5.6 设计中的比例
  72. 5.7 小结
  73. 第6章 吸引眼球:设计构图与设计原则
  74. 6.1 构图关系
  75. 6.1.1 阅读方向
  76. 6.1.2 以构图方式引导用户视线
  77. 6.1.3 前景/背景的关系
  78. 6.2 设计原则
  79. 6.2.1 显性优势
  80. 6.2.2 相似性
  81. 6.2.3 节奏感
  82. 6.2.4 质感
  83. 6.2.5 方向感
  84. 6.2.6 对比关系
  85. 6.3 为什么MailChimp的Logo如此漂亮:设计构成和设计原则的运用
  86. 6.3.1 前景/背景关系
  87. 6.3.2 显性优势
  88. 6.3.3 相似性
  89. 6.3.4 节奏感
  90. 6.3.5 质感
  91. 6.3.6 方向感
  92. 6.3.7 对比关系
  93. 6.4 小结
  94. 第7章 激活信息:建立视觉层次结构
  95. 7.1 什么是“层次结构”
  96. 7.1.1 层次结构富有表现力
  97. 7.1.2 影响层次结构的诸多视觉因素
  98. 7.2 层次结构因素
  99. 7.2.1 空白区域
  100. 7.2.2 字体粗细和尺寸
  101. 7.2.3 颜色
  102. 7.2.4 视觉装饰元素
  103. 7.3 设计中的层次结构
  104. 7.4 小结
  105. 第四部分 色彩
  106. 第8章 色彩学
  107. 8.1 色彩是什么
  108. 8.2 眼睛的骗局
  109. 8.2.1 同色异谱
  110. 8.2.2 色彩恒常性
  111. 8.2.3 残留影像
  112. 8.3 视觉系统的工作机制
  113. 8.3.1 视锥细胞
  114. 8.3.2 三基色原理和对抗色觉理论
  115. 8.3.3 主波长组合和色轮
  116. 8.3.4 色盲
  117. 8.4 定义颜色
  118. 8.4.1 蒙赛尔色卡
  119. 8.4.2 色相、饱和度和亮度
  120. 8.4.3 Lab色彩模型
  121. 8.5 颜色模型和数据驱动图形
  122. 8.5.1 颜色和定性数据
  123. 8.5.2 颜色和定量数据
  124. 8.5.3 连续调色板与离散调色板
  125. 8.6 十六进制颜色的思考:理解Web中的颜色
  126. 8.6.1 理解RGB
  127. 8.6.2 RGB的十六进制表示法
  128. 8.6.3 神游十六进制“立方体”
  129. 8.6.4 未来:HSL
  130. 8.7 色彩模型实践: 为什么名片色彩和网站色彩(永远)不相配
  131. 8.7.1 RGB显示与CMYK彩色印刷的不同
  132. 8.7.2 色域
  133. 8.7.3 跨媒体设计和色彩管理
  134. 8.8 小结
  135. 第9章 色彩理论
  136. 9.1 对色彩的反应贯穿着整个人类历史
  137. 9.2 色彩反应和人类生物学
  138. 9.3 红色的魔力:为什么你根本赢不了“Target挑战”
  139. 9.3.1 红色对大脑的影响
  140. 9.3.2 前额叶皮层与理性思考
  141. 9.3.3 袭击前额叶皮层
  142. 9.3.4 前额叶皮层与决策
  143. 9.3.5 色彩和情境
  144. 9.3.6 这对你意味着什么
  145. 9.4 其他颜色的研究
  146. 9.5 颜色和文化
  147. 9.6 配色和色轮
  148. 9.7 选色和Web设计约定
  149. 9.7.1 背景
  150. 9.7.2 图像与文本
  151. 9.7.3 强调色
  152. 9.8 颜色的相互作用:为什么莫奈从不使用黑色
  153. 9.8.1 印象派画家:色彩大师
  154. 9.8.2 色彩理论:印象派的发现
  155. 9.8.3 莫奈的用色技法
  156. 9.8.4 像莫奈那样用色
  157. 9.9 配色方案
  158. 9.9.1 单一配色方案
  159. 9.9.2 相似配色方案
  160. 9.9.3 互补配色方案
  161. 9.9.4 分散互补配色方案
  162. 9.9.5 三色系配色方案
  163. 9.9.6 四色系配色方案
  164. 9.9.7 任意配色方案
  165. 9.10 用颜色营造气氛
  166. 9.10.1 神秘或独特
  167. 9.10.2 活泼动感
  168. 9.10.3 柔和安静
  169. 9.10.4 自然清新
  170. 9.11 设计调色板和配色方案的工具
  171. 9.12 小结
  172. 第五部分 附录
  173. 附录A 字体的选择和搭配
  174. A.1 字体分类
  175. A.1.1 衬线字体
  176. A.1.2 无衬线字体
  177. A.1.3 展示字体
  178. A.2 观察字母结构:骨架的样式
  179. A.2.1 人文主义字体
  180. A.2.2 几何字体
  181. A.2.3 现实主义字体
  182. A.3 字体配对
  183. A.3.1 法则
  184. A.3.2 例外情况
  185. A.3.3 为什么有些字体搭配效果良好
  186. A.3.4 终极技巧:相信字体设计师的选择
  187. A.4 常用字体
  188. 附录B 排版规范
  189. B.1 不要篡改字体
  190. B.1.1 仿粗体
  191. B.1.2 仿斜体
  192. B.1.3 仿小型大写字母
  193. B.1.4 拉伸字体
  194. B.1.5 勾勒字体轮廓
  195. B.1.6 带图片或者纹理的字体
  196. B.2 正文设置
  197. B.2.1 显示段落间的变化
  198. B.2.2 避免等距调整
  199. B.2.3 避免寡行和孤行
  200. B.3 注重排版细节
  201. B.3.1 并非所有的引号都是相同的
  202. B.3.2 大胆地使用破折号
  203. B.3.3 句点后面使用一个空格,不是一对
  204. B.3.4 使用连笔将字母连在一起
载入中

热门划线

  1. 用编码的方式创建与人类感知效果相符的调色板非常困难,但由宾夕法尼亚州立大学的Cynthia Brewer和Mark Harrower设计的Colorbrewer(www.colorbrewer2.org,见图8-23),使创建感知清晰的调色板变得非常容易。Colorbrewer中甚至还有些选项,能确保设计出来的调色板能兼容色盲,打印效果好,在复印之后仍然清晰可辨。156 人
  2. 当你再看到优秀的设计界面甚至是海报时,一定要仔细观察设计师是如何建立信息层次结构的,以及使用了哪些视觉因素来区分信息之间的差异。当你再次进行设计创作时,试着先剥离掉所有多余的视觉装饰元素,只用一种字体,并从相同的字号开始做起。看看在这种限制下,能构建出什么样的层次结构。之后,再试着加入其他因素,比如加粗字体或者改变尺寸等。根据我在本章中的讲解,尝试设计一组不同规格的字号。你可以直接使用我提供的字号,也可以试着用在第 5 章中学到的比例关系设计一套自己的规格。一旦习惯了使用某组字号,再选择合适的字号就显得易如反掌了。39 人
  3. 想要清晰地运用颜色,了解颜色的作用原理也会非常有帮助。39 人
  4. 此外,明白不同设备(比如计算机屏幕或者打印机)的色彩重现机制,才能确保用户看到的颜色符合你的预期。最后,精通色彩学有助于你更加快捷高效地完成设计39 人
  5. 除了使用颜色之外,还可以借助形状传递信息。39 人
  6. 有助于兼顾常见色盲类型的设计工具有很多。比如,在Photoshop中有色盲模拟校准设置功能。通过快速搜索,你可以找到一些能从色盲用户的角度来预览网站的工具,或者一些能模拟色盲用户视觉效果的调色板。对色盲用户的支持程度,取决于项目的需求和用例39 人
  7. 连续调色板,意味着它表示的数据从低到高,有着连续的变化。39 人
  8. 但如果你想在图形中突显出数据的最大值和最小值,或者标注数据的中间值。在这些情况下使用离散调色板就更合适一些。39 人
  9. 若要真正善于设计某样事物,就必须懂得它的运作方式。24 人
  10. 产品是否需要引人注目的视觉效果,取决于市场。21 人

喜欢这本书的人也喜欢

  • 技术至死

    技术至死

    张行舟 等译
    35.00元
  • 社会工程

    社会工程

    陆道宏 等译
    30.00元
  • 重来

    重来

    李瑜偲 等译
    10.99元
  • 软件故事

    软件故事

    张沛玄译
    18.00元
  • 统计思维

    统计思维

    张建锋 等译
    17.40元