Parabola对《黑客与设计:剖析设计之美的秘密》的笔记(1)

黑客与设计:剖析设计之美的秘密
  • 书名: 黑客与设计:剖析设计之美的秘密
  • 作者: [美] David Kadavy
  • 页数: 232
  • 出版社: 人民邮电出版社
  • 出版年: 2014-4
  • 全书

    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. 根据功能驱动

    2014-11-29 02:07:58 1人喜欢 回应

Parabola的其他笔记  · · · · · ·  ( 全部7条 )