日常观察集
Web design / Practice 01

把平常的发现,
整理成一页风景。

一份关于日常观察与网页排版的课程练习。从身边的小事出发,练习如何用文字、留白和色彩,清楚地表达一个想法。

翻开这份练习

三个小练习

OBSERVE / ORGANIZE / PRESENT
01 / 观察

收集生活中的颜色

树叶、墙面、午后窗边的光。把零散的颜色整理成一组柔和的配色,试着让页面拥有统一的气氛。

色彩练习
02 / 整理

让信息有自己的位置

先写出想表达的内容,再划分标题、说明和补充信息。通过字号与间距,让阅读顺序自然地发生。

信息层级
03 / 呈现

在不同屏幕上阅读

尝试弹性网格与响应式布局。在手机上逐段阅读,在大屏幕上并排比较,保持舒适的行长与留白。

响应式布局
Learning journal

这次练习的笔记

页面不必放下所有东西。先确定一件想表达的事,再让每个元素为它服务。这份练习使用 HTML 与 CSS 完成,用简单的几何图形代替照片,也尝试兼顾移动端阅读和键盘访问。

内容草稿布局尝试细节调整