电子书阅读器上的浏览器 [Day05] 提高图案对比度

从下面截图可以看得出来，原本的画面设计大部分按钮图案是灰色的，有些地方的文字也是非全黑的颜色。这在一般萤幕上可以避免过黑，跟白色背景造成太强烈的对比。但是在电子纸的呈现上，我们反而希望图案就是全黑的，这样子在辨识度上可以更高，也不会让画面有看起来糊糊的感觉。

(一般手机)

(电子纸萤幕)

好在 browser 中的图案都是使用 vector 的型式，而非早期的 png 静态图档。这让我在修正上容易了许多。但是，这一次的作法比较偷懒，单纯只是把想要换掉的颜色改为全黑或全白，没有考虑到 Theme 的问题。这在後续支援 Dark Mode 时，让我折腾了好久。虽然这只是一个小 APP，但其实还用了不少的图案，改起来也费了相当的工夫。下面就举几个简单的例子：

改完之後再来电子纸上看一下，是不是就好看多了呢？

参考原始码版本

图案和文字只是 UI 的其中一环而已，但是改完之後，马上能感受到其中的差别。在 Day 7 会介绍更多 UI 的调整，让大部分的画面可以看起来更加赏心悦目。下一回 Day 6，我们先来看看怎麽在下方工具列上新增翻页的按钮吧，毕竟，一直用手势来翻页也是蛮累人的。