外部

1. 理解客户：客户获取和需求预测
2. 接触客户：营销和公关

内部

3. 生存：成本结构、定价和指标
4. 组织：人员和文化

对内

1. 理解客户：获客与预测需求
2. 触达客户：营销与 PR

对外

3. 活得下去：成本结构、定价与业绩
4. 发展得来：人与公司文化

Beancounters 传统上使用命令行工具或自托管服务器与私人网络，在这些环境中，他们必须通过计算机或通用文本编辑器在移动设备上进行操作。 Beancount.io 通过提供开源的 Android 和 iOS 移动应用程序以及安全的云服务，减少了麻烦，使您的账本只需轻触指纹即可访问。

Beancount 是一种计算机语言，能够在文本文件中实现复式记账。一旦您在文件中定义了财务交易，它将生成各种报告。该语言的设计者 Martin Blais 认为，命令行记账有许多优点——它快速、便携、开放且可定制。

我们强烈同意这一观点，并分享 Beancount 语言带来的赋权感。我们希望做得更多——将这项技术介绍给更多人。这意味着我们必须改善可用性，使其对更广泛的受众更具可访问性。

并不是每个人都是命令行爱好者，这就是我们构建 Beancount.io 的原因——为每个人提供的个人财务管理工具。它的工作原理如下：

对于重度工作，Beancounters 仍然可以使用他们的计算机通过浏览器访问 https://beancount.io 或与 Dropbox 同步来编辑或查看账本。这保持了命令行工具的灵活性，同时不失去云解决方案的跨设备访问。

对于日常轻量操作，例如即时添加条目，Beancounters 可以使用移动应用程序连接到安全云。

负责该产品的后端工程师 Mike Thrift 说：

我曾经每天设置提醒，让自己打开笔记本电脑并将记录输入到我的 bean 文件中。现在，有了 beancount.io，我可以在需要时更轻松地修改我的账本，即使我在户外商店购物时也是如此。

来自 Facebook 的软件工程师 Zhi Li 告诉我们：

我已经将所有的 Beancount 文件迁移到 beancount.io，现在它在我日常使用中运行得非常完美。我为自动数据备份等专业功能付费，但我觉得你们还有更多可以做的事情来改善服务。

您现在可以在 https://beancount.io/sign-up/ 注册，或下载 iOS 或 Android 应用。我们简化了注册流程，以尽可能少地收集您的信息以启动服务。然后，您将获得一个预设的空账本，随时可以添加条目。

常见问题​

Beancount.io 会将我的账本数据出售给任何第三方吗？​

• 不会。我们致力于保护您的数据安全和隐私，我们绝不会出售您的账本数据。

我的数据安全吗？​

• 是的。我们使用 AES256 保护您的电子邮件和账本，使用 BCrypt 保护您的密码，并使用 SSL 保护您的网络请求。

我的账本数据是端到端加密的吗？​

• 不是。由于技术限制，我们仍然需要在生产服务器中将您的数据解密到内存中以索引账本文件。因此，我们限制任何团队成员的直接访问。不幸的是，由于高成本，我们无法在英特尔的 SGX 或任何安全保险库中做到这一点。

这是一个我可以信任的可靠服务吗？​

• 是的。我们于 2019 年 7 月 4 日首次推出 Beancount.io，至今已经安全可靠地运营了超过两年。因此，我们没有理由不在未来继续提供该服务。

我可以请求新功能并赞助该项目吗？​

• 可以。请随时通过 https://t.me/beancount 与我们联系以提供反馈，并通过成为 Pro 用户在 https://beancount.io/pricing 支持我们。

大瓶颈期是指一种职业状态 —— 维持现状消耗了所有的时间和精力，以至于你无法突破，无法达到下一个人生的层次。

下面是一些帮助你前进的建议。

1. 用别人的经验教训，为自己分析，设定明确而长期的目标​

有哪些因素在给你打气或泄气？这些因素是否为你的目标服务，而不是与你的目标冲突？这些目标是否相互一致，而不是相互违背？

在分析和设定目标时，要切合实际，并参考基础比率。例如，杰夫-贝索斯讲了一个关于倒立教练经验的故事--大多数人认为他们可以在两周内学会倒立；然而，这通常需要六个月。当你遇到未知而卡住时，答案更可能来自他人，来自现实，而不是来自你自己。

不要瞄准一个移动的目标。你目前的状况可能是你正是你四五年前所期望的。不要太贪心 :)

2. 释放负担，优化过程​

我们能不能去除那些成本性或低价值的活动？也许这将损害一时的上升空间；然而，却可能带来之后的曲棍球式的增长？

拿出一张表来列出你的日常业务，并标明它们是否为负担。如果是，如何去除它们？

3. 腾出时间来刻意好奇心​

为了动摇自己离开局部的最佳状态，你需要专门为新事物留出一些时间。这个过程在开始时似乎没有用，会花很多时间。

你必须要有耐心。就像史蒂夫-乔布斯在流亡后回到苹果公司时所做的那样，削减利润较低的产品线，等待下一个浪潮。

4. 投资基础设施​

商业是一个无限的游戏，你总是可以随着时间的推移积累比较优势。如果你有一些额外的时间、暂时不确定未来的目标，你总是可以投资自己--更好的心理和身体健康，以帮助你在未来的战斗中战斗。不断学习，了解更多，以增加成功的概率。优化业务，使其更有效地工作，在市场上活得更久。

最后，不要低估你的成长。即使是像人工智能或3D打印这样的突出技术，也有一个欺骗阶段；它们似乎在很长一段时间内没有进展，然后突然以指数级的速度爆发。

高原是一个职业状态，维持现状消耗了你所有的时间和精力，以至于你无法突破，达到生活的下一个阶段。

这里有一些建议可以帮助你前进。

1. 根据他人的经验进行自我分析。设定明确且长期的目标。​

是什么因素在影响你？这些因素是否在服务于你的目标，而不是与之相悖？这些目标是否彼此一致，而不是相互冲突？

在分析和设定目标时，要现实并参考基准比率。例如，杰夫·贝索斯讲述了一个关于倒立教练的故事——大多数人认为他们可以在两周内学会倒立；然而，通常需要六个月。当你遇到瓶颈时，答案更可能来自他人，来自现实，而不是来自你自己。

不要再瞄准一个移动的目标。你目前的状况可能是你四五年前所渴望的。不要太贪心 :)

2. 释放负担，优化流程。​

更具体地说，对于那些在拖累你、浪费你时间和精力的事情，我们能否去除这些成本？也许这会暂时影响收益；然而，这之后会不会迎来曲棍球棒式的增长？

列一张表，列出你的日常操作，并标记它们是否是负担。如果是，如何去除它们？

3. 为深思熟虑的好奇心留出时间。​

为了让自己摆脱局部最优，你需要专门留出一些时间去尝试新事物。这个过程在开始时似乎毫无意义，可能需要很长时间。

你必须耐心。就像史蒂夫·乔布斯在被流放后重返苹果时所做的那样，他削减了利润较低的产品线，等待下一个大浪潮。

4. 投资基础设施。​

商业是一场无尽的游戏，你总是可以随着时间的推移积累比较优势。如果你有一些额外的时间而目前不确定明确的目标，你可以随时投资于自己——改善心理和身体健康，以帮助你在未来的战斗中坚持下去。不断学习和了解更多，以增加成功的概率。优化业务以提高效率，使其在市场上生存更久。

最后，不要低估你的成长。即使是像人工智能或3D打印这样的显著技术，也会经历一个欺骗阶段；它们似乎在很长一段时间内没有进展，然后突然以指数级的速度改善。

问题​

我们工程师常常在没有明确定义的情况下谈论领导力。我们以权威自夸——X年的经验、来自知名公司的令人畏惧的头衔，以及大牌的名言。我们以情感自夸——亲密的朋友实现了财务自由，领导者产生了巨大的影响，以及商业蓬勃发展的兴奋感。我们以逻辑自夸——团队应该团结，我们是一个团队，因此我们应该团结。

如果自夸是个人的事情，那也没关系。然而，不幸的是，恭维在等级制的企业生活中是常态，尤其是对于来自东亚的人来说。同时，美国人倾向于互相说好话，以便双方都能感觉更好。赞美无处不在。

结果，领导力就像青少年的性行为：每个人都在谈论它，但没人真的知道怎么做，每个人都认为其他人都在做，所以每个人都声称自己在做。

定义​

以下是从那些混乱的言论中提炼出清晰定义的内容。

什么是领导力？

领导力是组织人们解决具有挑战性的问题。

这到底意味着什么？

1. 领导力以人为中心。我们应该为人民解决问题，由人民解决问题，属于人民的问题。
2. 问题应该具有挑战性。这些问题可以是个人的、地区的或世界级的。然而，如果对主角来说这些问题不够具有挑战性，需要突破现状并为自己或环境带来显著变化，我们就不会欣赏这样的人并称其为领导者。
3. 没有执行的领导力一切归零。它不是一种能力，而是一种奖杯。我们要么已经实现，要么没有实现。

什么是技术？

技术是一种科学解决问题的方法。

这到底意味着什么？

1. 技术应用科学。它基于事实组织知识，并具备可测试性和可预测性。例如，引入测试到编程中，编程就变得比单纯的艺术更具科学性。
2. 技术追求务实。技术服务于目的——为人们解决问题。设计师不等于艺术家，工程师不等于程序员。
3. 技术本身通过将低价值输入转化为高价值输出来创造价值。

什么是创新？

创新是创造新事物。

这到底意味着什么？

1. 市场是高效的，竞争无处不在。你并不孤单于技术。没有理由强大的技术只属于你。技术不是经济护城河，我们几乎无法依赖一项随着时间推移而失去比较优势的单一技术。
2. 人们不会购买替代他们已经拥有的、能够很好解决他们问题的东西。
3. 创新伴随着成本和风险。多尝试，结交失败的朋友。

那么，什么是技术领导力？

技术领导力是组织人们利用技术解决具有挑战性的问题，通常通过创新实现。

如何设计优雅的 UI？答：小处落笔、主次分明、布局清爽、文字易读、色彩丰富、层次自然、图不逾矩、画龙点睛、生生不息。

此为 Part 2，前见 Part 1

色彩丰富​

• 从设计师的角度来看，HSL 色盘比 RGB 有用，因为其中的参数是人眼能够感知的:

  • 色相 hue 彩色色轮上颜色的位置/角度
  • 饱和度 saturation 是灰还是艳？0% 是灰色，100% 是最艳丽
  • 亮度 lightness 是黑还是白？0% 是纯黑，100% 是纯白，50% 是色相上的纯彩

• 你需要的色彩远比你想象的要多，五六种是远远不够的

  • 总体分为三种，每种里面的每一个颜色 7 个选择
    • 灰色
    • 主色
    • 特色 accent colors

• 从预定义的颜色里挑选

  • 如何定义色库是真正考验功力的工作，因为少有经验，得靠眼力
  • 先找最深和最浅的颜色，然后再找中间的

• 找深色的时候，可以稍微把 hue 调节 30 度以内，补充单独改动另外两个所造成的色彩不足

• 同理，灰色也不需要是纯灰，可以加一些其他颜色；有些灰色是冷色调的，有些灰色是暖色调的

• 为了解决 accessibility，不一定需要只改 saturation 和 lightness 让元素更明晰，你其实也可以改 hue，只要相对明晰即可，这样就不必变丑了

• 不要只靠颜色区分元素，还有很多其他的方法甚至能够达到更好的效果

如何设计优雅的 UI？答：小处落笔、主次分明、布局清爽、文字易读、色彩丰富、层次自然、图不逾矩、画龙点睛、生生不息。

此为 Part 3，前见 Part 1, Part 2

层次自然​

• 为什么有些元素看起来凹凸有致？因为它们有自然的 shadow 效果。然而这真的值得你花上几个小时的时间去 tweak 吗？

• 当元素在 z-axis 上提起来靠近用户的时候，会得到更多的注意力，也是 shadow 实现的

• 高阶的 shadow 使用法甚至会有两个 shadow，一个是环境光产生的 shadow，一个是直射光产生的 shadow

• flat design 也可以有层次感，一是用颜色，较亮的颜色看上去比较近，较暗的颜色看上去比较远；二是用垂直 offset 无 blur 的纯色的 shadow 比如 box-shadow: 0 4px 0 hsl(220,8%, 80%);

• 覆盖元素以产生层次感

  • 比如使用负数的 margin 比如 margin-bottom: -72px; 以覆盖两个背景元素，甚至覆盖三个元素 margin: -72px 0 -72px 0;
  • 类似地图片也可以覆盖两个背景区域，但是为了让图片更明晰，可以加上纯色的 border 区分一下

图不逾矩​

• 优雅的设计会在意每一张图片的使用，你应该使用高质量的图片；图片的使用要讲规矩

• 在图片上放文字，为了让文字更清晰，可以

  • 覆盖灰色的一层，以加灰背景
  • 降低图片对比度，以加白背景
  • 调节图片为单一颜色，以加深背景
  • 给图片加 shadow

• 图片有它自己的适用大小，不要随意改变它的 scale

  • 不要放大 icon，可以给它加纯色的圈圈
  • 不要缩小截图，上面的文字会看不清；你可以
    • 在小 screen 上截图
    • 截图本身只截重点区域
    • 非要截大图的话，用线条来取代小字，就没有读不清的问题了
  • 也不要缩小 icon，根据实际需要重新画

• 注意用户上传的图片

  • 展示的时候如果大小不一致会很乱，可以用 backgroundSize: "cover", backgroundImage: url(...);
  • 图片颜色混原本的背景颜色会看上去很奇怪，这时候用内阴影或外阴影比较合适

画龙点睛​

• 你不必总是增加新的元素以增加设计感，修改 default 的配置就能够很好看，比如
  • 将列表的子弹点换成 icon
  • 给超链接加颜色和 weight，或者有眼色的粗下划线
  • 改动 checkbox 和 radio button 之类元素的缺省设置
• 给一侧的边界加有色 border
• 给背景加颜色、或者低对比度的纹理和插图
• 给 empty states 加单独的设计
• 减少 border 的使用，想要区分颜色的边界，可以用 box-shadow、颜色或者间隔 (spacing)
• 不拘一格，列表不一定是单列的罗列，可以是多列的卡片；表格不一定是单排的，可以是复杂和多排多彩的；单选不一定是 radio button，可以是卡片

生生不息​

生活中处处是设计，用一双设计师的眼睛看世界，反复记录与分析

商业世界喜欢潜移默化地影响你，它背后的意图可能是为了引导你购买、认同它的品牌、或者纯粹是想要得到你的注意力。这给本就复杂的世界添加了一层无所不在的人为的噪音。Ray Dalio 的工作原则 2.4 说，要记住很多人只是假装为你工作，而实际上是在追求一己私利；他给的建议是注意其中的连带利害关系，不要太天真。

如何判断某些人或者事物真的对自己有帮助？培养自己的"然并卵探测器"，时常心中默默发问：你说得都很对，然而真的有用吗？这些都是你们口中的好东西，但是跟我又有什么关系？这样就能够衍生出一系列的与商业社会的相处之道：

1. 不购买自己不需的东西，不投资自己不懂的公司
2. 区分集体的成就和个人的成就，个人成就可以和集体成就 align，但是这个 alignment 必须是自己定义的而不是别人给的
3. 不用刻意巴结资本家，他们不会因为你是朋友而给你钱，他们只会因为你有价值而给你钱 在 AI 的时代，大家最终都会找 AI 做事情，为什么通过你来找 AI 做事情？因为你是他们的朋友，你是一个有趣靠谱的人！
4. 这些都是好东西，然而跟我没关系。比如：
   1. 读大多数书的方法应该是先看标题和目录，大部分内容略读，少部分内容精读
   2. 不要在所谓的大师身上花费太多时间
   3. 共识不等于 insight
5. 行为比知识更重要，已知和未知的边界比内部更重要
6. 判断一个人的建议是否对你真的有帮助，要关注这些内容是否贴合你的具体情况

当然，大量的新信号必然夹杂着大量的新噪音，为了避免固步自封，该多听的还是得多听，具体接受不接受自己决定。

这跟忽悠(bullshit)探测器有什么区别？"忽悠探测器"针的是对人与人之间的具体的交流沟通，而"然并卵探测器"针对的是人与商业社会的关系。

如何设计优雅的 UI？答：小处落笔、主次分明、布局清爽、文字易读、色彩丰富、层次自然、图不逾矩、画龙点睛、生生不息。

小处落笔​

1. 要从功能入手，不要从布局入手
2. 从小处入手，从灰度入手，逼你先把主次、布局、比较、尺寸想清楚，然后再考虑颜色
3. 不要过度设计，因为设计远没有用户实实在在用得上的产品重要
4. 小步迭代，人们容易低估实现的难度
5. 产品的个性由字体、颜色、border radius、语音等等元素共同决定。比如，越圆越活泼，越细直越严肃；蓝色不会错，金色昂贵与复杂，粉色活泼。注意不要从你的竞争对手那儿借鉴太多 ：）
6. 限制选择，把通用的参数都提前设置好，拿来即用即可，看起来更好看，做起来也更简单

主次分明​

1. 人的注意力有限，都是重点等于没有重点
2. 尺寸大小不等于重点，应综合考虑两到三种 font-weight, 两到三种颜色
3. 可以使用白底灰字来弱化文字，但是不要用彩底灰字，而是应该用彩底彩字
4. 弱化与强化混用，而不是只用强化或者只用弱化
5. 尽量不要用标签 (label: blah) ，有时候你跟不不需要标签，直接上值即可；有时候你可以把标签和值组成简短的句子；根据标签和值的重要性相应地强化和弱化
6. 文档 tag 大小不等于 UI 的大小，比如你常用 h1 做页面标题，而实际上页面标题没那么重要，应该使用常规大小和字体
7. weight 和 color 都可以起到强化和弱化的作用，要综合考虑
8. 如果有并列的三种操作的 button，要区分 primary, secondary, tertiary

布局清爽​

1. 从宽松的布局开始，因为 spacing 减起来容易加起来难
2. 从设计系统中选 spacing
3. 你不需要占据整个屏幕，你可以居中或者加 column
4. 有些元素不要用比例，而应该用定宽，比如左侧导航栏、占据一个 column 的 icon 的宽度；form 不在迫不得已的情况下不用缩小
5. 不要同比放大和缩小一个组件的所有的元素参数，而是应该在不同大小的情况小具体设计
6. 相关的东西要放在一起，间隔不相关的的东西

文字易读​

1. 从设计系统中挑选 font-size，别用 em 因为它是当前字体的相对值
2. 挑个好字体；从系统字体或者流行的字体开始总是不会错；有些字体是为标题而生，它们的水平间距更短小写字母更矮；有些字体是为了小尺寸而生，它们的水平间距更大小写字母更高；从卓越的设计那里偷师。培养直觉。
3. 注意文字段落不要太宽
4. 同一水平的不同文字，应该使用基准线对齐，align-items: baseline 而不应该用居中
5. 行高会决定用户是否能够轻易地将目光转移到下一行，宽段落用 2 倍行高，窄段落用 1.5 倍行高；小字用大行高、大字用小行高
6. 不是每个超链接都需要颜色或者下划线的
7. 多段短文可以居中对齐，多段长文要居左对齐；数字要居右对齐
8. 如果段落中单行的文字的分布因为词长而不对劲，考虑使用 hyphens: auto;
9. 调节 letter-spacing 参见上面条目 2，如果调大适宜小尺寸的字体要注意缩减 letter-spacing