《黑客与设计：剖析设计之美的秘密》章节试读

《黑客与设计：剖析设计之美的秘密》的笔记-全书 - 全书

http://shud.in/blog/articles/notes-Design-for-hackers/
这是一本很好的书，把技术、设计、艺术混杂在一起讲，有设计之渊源，甚至某些生物学的东西。和那些「设计黄金法则」之类的书不在一个层次。
1. Why design?
1. 万神殿：「这么一堆按特定发生排列的石头，就让观者产生了这么强烈的反应」
2. 「用户体验」
3. 设计的层次
1. 设计不止是「装饰」，设计是根本
1. 设计首先定义了逻辑结构（理），其次直接影响了用户感受（感）
2. 层次，媒介和技术的限制，（最后）审美
3. 用户体验的逆向工程 ；）
1. 分析 Apple 和 Twitter 的设计
2. 情景测试
4. Comic Sans
1. 记：可以理解成国内的「清本初刻」、「华康少女」体……重心失衡、粗细混乱
5. 材料
1. 平面设计的媒介材料是纸张、卡片、…
2. 纸张、布料材质（膜拜原研哉）
2. 不同尺寸的屏幕、不同 ppi 的屏幕、色彩表现力、…
3. 金属、玻璃（膜拜 Ive 大神）
6. 排版
1. 纸媒和电子媒体排版的差异，这方面思考的余地还很大
1. 记：iBooks 在探索，gitbook 也是一种方式。我很期待未来出现更具表现力、更具自然交互感的电子媒体呈现方式。
2. 排版（typography）与字型（typeface）
1. 结构（layout）与样式（style）
3. 比例
1. 列举了一大堆 Fibonacci 螺线…
7. 字体
1. 从象形文字到字母
2. 古罗马雕刻文字
1. 字母形态，衬线（凿子的影响）
3. 西文字体大类，这本书不深入讨论
4. （第一次字体革命）因印刷术传播而起，因文艺复兴而兴
5. （第二次字体革命）计算机排版与网络，随计算机显示能力的提升而逐渐赶上印刷字体
6. Flea’s Knees 字体，只有三个像素高…
7. TODO：整理自己的字体库
8. 技术与文化
1. 我坚信这不是分岔路
2. 印象派的影响
1. 为现代艺术铺平了道路
2. 「个人色彩」
3. 什么是前卫，什么是虚饰，什么是创造
1. 「灵感」
2. 记：艺术催生出好的设计风格
1. 2000 年，Apple 的 aqua，拟物风格 GUI
2. 记：我觉得如今 iOS 关于「层次」上的做法，过渡不够平滑（仍有很不少学习代价），毛玻璃其实是一种折中做法。事实上（在下个时代来临前）我们也难以找到比拟物更自然的方法了。
3. 记：纸张和文档的隐喻当然来自于书籍、印刷；按钮的隐喻也是来自于机械革命之后。我相信未来按钮、纸张必然会弱化，而会有很多关于「屏幕（目前看来是扁平化的必然）」、「投影（空间化）」、「空间交互」的设计想法。
4. 记：现在设计的浪潮就像九十年代 IT 浪潮一般。
3. SEO 是设计（很好的观点！SEO 也算是一类可读性优化）
1. 记：虽然我认为， SEO 未必是合理的存在
9. 原则（也就是 tricks）
1. 构图突显重点
2. 阅读方向
1. 眼球热点图（网页）
2. 《掠夺萨宾妇女》文艺复兴时期雕塑
3. 印象派画作
3. 前景与背景（深度，层次）
4. 相似性原则（UI 组件、颜色、结构、……的复用）
5. 对比突显重点
6. 以上也可应用到任何平面设计
10. 色彩
1. 色谱与色盘，color patterns
2. 三原色与对抗色
3. 记：我个人总结出最经典的两种颜色搭配是，红底白字（看 UNIQLO logo）和黄底黑字（段落内 mark 效果）
3. 三原色的信息
4. 绿色的提示图标代表 successful，红色一般表示 error，黄色表示 warning
5. 色彩系统
6. HSB：色相，饱和，明度
7. Web
1. RGB 颜色，HSL 颜色
2. 屏幕与印刷：是RGB、Adobe RGB 和 CMYK
8. 色彩与人类情感（！很有趣的深究方向，mark）
1. 场景、文化、…
2. 冷暖色、对立色
9. 色彩大师（我超喜欢的）莫奈
1. 印象派，朦胧感
2. 点画法，明暗色对比、色温和浅色相对比
3. 很多如今 web 设计的规范语言，只是在重复印象派的技法
4. 暖灰色与冷灰色，带来的「融合感」与「层次感」
10. 配色方案
1. 单一、相似、互补、分散互补、三色系、四色系等等
2. 根据功能驱动

《黑客与设计：剖析设计之美的秘密》的笔记-第12页 - 设计的目的

读到第二章发现一处总感觉不妥的地方，一开始认为是原作者太水，后来发现可能是翻译者被章节内容带偏了，没对内容多加研读。再后来感觉还是原作者的叙述有点问题。
2.3 视觉设计有时是产品优势
苹果向消费者展示了自己创造出了多么伟大的产品，通过建立这种信任，苹果开始销售越来越多的个人电脑，市场占有率提高了两倍。苹果惊人的数字音乐销售成绩已经杀死了一大批音乐商店。2010年10月，苹果推出了闪存存储的 Macbook Air，最终彻底杀死了 CD 唱片。
以下是原文
“Apple showed consumers what great products it made and, through building that trust, started to sell more personal computers, with its market share tripling. Apple’s tremendous distribution of digital music has been a big part of music stores going out of business, and Apple was finally in a position to kill the CD completely with the introduction of the Flash-storage MacBook Air in October 2010.”
摘录来自: Kadavy, David. “Design for Hackers”。 iBooks.
最后这句『and Apple was finally in a position to kill the CD completely with the introduction of the Flash-storage MacBook Air in October 2010』让我看了好几遍，有这事吗？随手查了下，发现这篇 TechCrunch 的文章表达了类似的意思
Yep, Apple Killed The CD Today
http://techcrunch.com/2010/10/20/a-compact-death/
这篇文章大概说的是2010年推出的 Macbook Air 没有随机光盘而是是提供一只闪存供系统安装等相关工作，这也是为 Mac AppStore 的普及（当时刚在发布会上介绍过）做的推动。文章最后说，iTunes Music Store 推着历史车轮碾过了 CD，现在准备要干掉所有包括DVD和蓝光在内的光盘介质了。
那么这跟原文里的『Apple was finally in a position to kill the CD completely』又有什么关系呢？我认为关系比较牵强。就像 TechCrunch 这篇稿子底下的一条评论说的那样：
The Optical drive was dying long before this, you are NOT allowed to give Apple credit. Stop it.
Stop it right now.
在维基百科查了查，看到一条相关信息：http://www.businesswire.com/news/home/20130104005149/en/Nielsen-Company-Billboard%E2%80%99s-2012-Music-Industry-Report
The Nielsen Company & Billboard’s 2012 Industry Report shows overall music sales increased 3.1% over 2011. Digital sales caused this increase, with a Digital Album sales growth of 14.1% and Digital Track sales growth of 5.1%, whereas Physical Music sales decreased by 12.8% versus 2011. Despite the decrease, physical albums were still the dominant album format. Vinyl Record sales increased by 17.7% and Holiday Season Album sales decreased by 7,1%.
- The Nielsen Company & Billboard’s 2012 Music Industry Report
这份联合年度产业报告怎么说？数字音乐销量是上涨没错，但实体唱片虽然有12.8%的降幅，但仍然是音乐专辑发售的主流介质，甚至黑胶唱片还有17.7%的销量增长。而这还是2011年的数据。
原作写于 2010 年，作者的判断是不是多带了一些科技界的乐观？
再看远些，下面这份 2014 年上半年的数据统计显示行业是整体退步的。数字音乐和实体音乐的销售都呈下降趋势，只有流媒体业务为增长，而且幅度还不小，和这一两年的产品和服务的发展，以及我个人的感受是相符的。
NIELSEN ENTERTAINMENT & BILLBOARD’S 2014 MID‐YEAR MUSIC INDUSTRY REPORT
http://www.nielsen.com/content/dam/corporate/us/en/public%20factsheets/Soundscan/nielsen-music-2014-mid-year-us-release.pdf
所以整体上我的看法是，这事从 TechCrunch 的报道来说就有偏颇，到 David Kadavy 写作时把这条新闻跟 iPod 和音乐产业写一起比较牵强，特别是这部分内容是为了说明苹果产品的设计主导了这一转变，就有些抓到什么都写上去的感觉了。再到翻译这边，最终变成『彻底杀死了CD唱片』，和 David Kadavy 的想法有吻合，但语气更坚定了些。最终让人读到时就总觉得哪里不对。

《黑客与设计：剖析设计之美的秘密》的笔记-第211页 - 附录：排版规范

保持文字右侧的参差不齐（通常称为左对齐），实际上能提高可读性 —— 因为不同的行长使读者更容易区分哪一行是刚刚读过的，哪一行是即将要读到的。

《黑客与设计：剖析设计之美的秘密》的笔记-第5页 - 为什么需要设计

若要真正善于设计某样事物，就必须懂得它的运作方式。你必须理解自己所要创造事物的本质，别人会如何感知它，以及如何运用手中的工具来实现心中所想。否则，你并不是在设计，而只是在制造一个徒有其表的外壳，像小女孩那样画小马。你可别只会画小马呀。