个人开发与学习心得

从一个小项目,
记录交互设计的思考。

这里记录我在开发爱眼睛过程中,对页面布局、图形运动和本地数据处理的思考:问题从哪里来,为什么这样取舍,还有什么需要继续验证。

学习笔记

围绕爱眼睛开发中的三个问题

01 · 页面布局

给不同大小的屏幕分配空间

从爱眼睛的手机横屏和桌面窗口出发,记录视口单位、空间分配与内容取舍。

CSS · 视口单位 · 响应式布局

02 · 动画细节

动画在走,计时怎样才算准确?

以爱眼睛的图形运动为线索,分清动画帧、有效时长和后台暂停,再想一想减少动态时该怎样表达。

JavaScript · 动画 · 可访问性

03 · 浏览器基础

本地保存以后,还要考虑什么?

整理爱眼睛的偏好与记录保存方式,思考默认值、数据格式变化,以及保存失败时的处理。

Web Storage · 数据读取 · 容错

关于本站

一份个人技术学习笔记

爱眼睛(IAEyes)是我开发的一个屏幕交互应用项目,也是这些笔记的实践背景。我把开发时遇到的问题、查到的原理和自己的取舍整理在这里,希望每次修改都能留下可以回看的思考。

文章主要讨论界面适配、动画计时和本地数据处理。文中的代码是便于理解的简短示例;具体的实现边界与仍需验证的问题,会放在各篇笔记里说明。