电子书阅读器上的浏览器 [Day02] 开发原则

开发原则主要有三点:1. 减少画面重绘次数, 2. 缩小重绘范围, 3. 提高画面元件对比度

减少画面重绘次数

画面更新率低,以及重绘会有残影,是目前电子纸技术普遍存在的问题。为了要绕过或减轻这两个问题带来的影响,在开发 APP 的画面和功能时,必须时时刻刻把这原则放在心中。

减少重绘次数的第一件事就是,拿掉所有的动画效果和画面转场效果。这些效果在传统设备上能让使用者感受到画面的逐渐变化,不至於过於突兀;但是在电子纸萤幕上,反效果会大於其好处。所以能不要有动画,就不要有动画。

再来是降低画面的卷动。电子书的阅读方式通常是一页一页更新,但在浏览器的操作习惯上,一般使用者都会藉由上下卷动画面来观看更多的网页内容。这样子的操作在阅读器上很容易让画面产生残影,而且由於画面更新过慢,卷动的过程可能也会很卡。如果能有方式减少画面的卷动,会是比较合适的浏览方式。

缩小重绘范围

道理同上,重绘的地方愈少,残影产生的机会就愈低,画面能保持更久的可读性。

提高画面元件对比度

目前主流的电子书阅读器都还是黑白的,在图案的设计上,以及画面元件的制作上,如果用了太多颜色,在电子纸上的阅读效果都会不好。尽可能的采用高对比的设计方式,整个画面可以看起来更加清楚和清爽。

以上这几点会是接下来各种浏览器功能开发的核心思想。

在下一篇我会讲述怎麽站在巨人的肩膀上开工。从头写一个全新的浏览器太费时了。考虑到可以投入开发的时间,如果能够在别人已经建立好的基础上再做延伸,会是个比较好的选择。


<<:  亿品锅 - 台中高工店 $130元也可以吃到饱

>>:  Material UI in React [DAY 1] 简介

IT铁人DAY 29-Template Method 模板模式

  今天要要介绍最後一个 Behavioral Patterns,也就是Template Metho...

24 - ESLint - Lint JavaScript 程序码

使用程序语言实作功能时,一百个人写就会有一百种不同的程序码,虽然都可以正常运作,但有些写法(例如全域...

[FGL] 程序开发(1) - 基本指令与流程控制

为了协助新进同学,仍应该介绍基本程序的写法 编写小程序验证的做法请参考第一章的套件介绍,hello...

Day7 - 条件,重复,回圈与互动- 回圈的设定

利用生活中不同我们很多时候会看到重复性的曲线来去展现出美术, 来让自己有不同的设定跟展现 重复後给定...

[Day10] THM Anonymous

今天来解比较综合的题目,Try Hack Me 上面的 Anonymous。 网址:https://...