很多人都在用的「小狐狸」 Metamask 是如何炼成的…

Metamask 是 Google Chrome 浏览器的扩展，将以太坊与 Google Chrome 结合，在 Chrome 浏览器上运行以太坊 DApps，以及身份识别的工具。于是，它就具备了类似 Mist 的钱包功能，允许用户管理自己的账户，通过 Web3 JavaScript API，让 DApp 与以太坊区块链实现交互。

在浏览页面注入 Web3，将触发 Metamask 弹出一个对话框，要求用户输入密码签名消息：一旦将签名信息保存在 reducer 中，即可调用 API 进行身份验证。

不得不强调，用户使用 Metamask 简单地利用以太坊的方式绕过登录界面，这可比从前用账户密码管理更安全。

老链哥今天要介绍的，是 Metamask 背后的故事。毕竟，像 Metamask 这样视觉表现成熟的区块链应用尚且不多。

Metamask 团队的背景，大都是从前在苹果公司的同事。项目创始人 Aaron “kumavis” Davis 从前在苹果做浏览器黑客，他从参加比特币社区活动开始，投入到以太坊的生态建设工作中。由他最先开始，再吸引同事及好友 Dan Finlay 加入。

Metamask 是一个有趣的、有说明性的品牌，必须有一个「技术」元素在网站上脱颖而出，可能是一个符号和一个文字标记。于是，他们找到苹果时期的老同事、设计师 Christian Jeria 帮忙。

Christian Jeria 现在已经全职加入 ConsenSys 作为区块链产品的设计师，并负责 uPort 的设计。

从素描到形象化

起先，Christian Jeria 在网络上搜集狐狸和狼的图像，尝试了对称和有角度的头部勾勒，然后很快决定，不对称会使面具看起来更有趣和动态。

Metamask 团队经过讨论，更喜欢最初的设计和配色方案，并希望看到面具更具风格化一些。于是，Christian Jeria 对狐狸面具的眼睛、耳朵和脸颊区域进行微调。并开始尝试每一个选项旁边的不同字体。

获得团队的反馈后，Christian Jeria 回到了 Illustrator，并对所选设计进行了一些更新。最终确认英文字母全大写，于是生成了最终的标志。

以多种不同的格式将设计文件打包，便于将标志用于网站和社交媒体。

Metamask 的 3D 版本小狐狸非常酷，在他们的网站上会随鼠标移动，而在以太坊相关的开发者大会、ConsenSys 组织的 Ethereal 峰会上，会有真实版本面具，活泼好用。

DApp 设计原则

Christian Jeria 分享自己的设计心得，他觉得区块链上应用的界面，所面临的挑战是：需要考虑技术与非技术两种不同类型的用户。

目前，DApp 主要针对技术用户，但已经有越来越多的非技术用户进入这个领域。多数高阶技术用户需求更多的功能操作，这可能会对普通用户造成困扰。用户需要知道在哪里购买加密货币，购买哪一种，油费如何计算，如何输入公钥，又如何管理私钥……

另一挑战是区块链技术发展非常快，所以规则很难界定。但在 Metamask 获得的经验是，更多聚焦在帮助用户更多地使用区块链，而不是帮助他们在线购买和传输加密货币。

尽管还没有看到一个区块链应用大规模地被使用，但我们起码相信，一旦达成大量用户参与，一定还是归功于它的用户体验。

Metamask 正计划在不久以后，发布整页的 Web 体验与改进的功能。