建设过程 基本构想
国内外很多网页设计师都建议在开工之前先画草稿(线框)图,可我从来都不画,只是在一个记事本里记下所有在脑海里一闪而过的灵感。因为我往往是在打算做一个网站的时候,脑海里就已经大概浮现出了它的样子,虽然很模糊,但我认为它没必要太清晰。很多创意的灵感都是在做的过程中发现的,所以只要脑子里有一个大概的方向就可以开工了,具体的细节部份一边做一边想就好了,没必要一开始就自己把自己的思维给框住。根据大概的构想,我先整理出了一个大概的制作流程:
基本构想 → 设计规划 → 框架构建 → 优化文字 → 细节粗调 → Retina 处理 → 响应式处理 → 动画制作 → 细节微调 → 回迁上线 → 离线缓存和 Web App → 多语言版本
设计规划
谈到设计,就不得不谈到 Bootstrap。这是我首次使用 Bootstrap 框架制作网站。其实开始我一直在犹豫要不要用它,因为它预置了很多 CSS 样式和框架,用起来太方便了,以致于我觉得会减少那种完全自己设计制作的成就感。后来由于时间紧迫,加上 Bootstrap 的风格也正好是我想要的那种,所以就采用了它。页面由七个独立模块组成,按顺序分别是:简述、旅行、摄影、创造、Apple、联系和关于,每个模块都有它自己的特点。这种模块化的设计也方便做响应式处理。