学习是一个由模仿到再造以至创生的过程，各种学科概莫能外，网页设计也是如此。

Web 设计素材大约包括：

  • 域名设计
  • 内容组织
  • 页面布局
  • 配色方案
  • 排版样式
  • 页面背景、区块背景、
  • logo 实例
  • favicon、页内图标
  • 按钮
  • 配图
  • 表单实例
  • 页面代码、样式表代码

这个分类很模糊，有些是抽象的有些则可实际获取。

实际的素材多为图像文件，格式多为 GIF、PNG、JPG 兼有少量的 SVG 图形。本想用 Picasa 之类的软件来完成组织，但结果并不如意，仅 JPG 允许进行 IPTC 标记，如依靠自有数据库软件（如 ACDSee、Adobe Bridge 等）便会陷入平台共享的困境。

最终决定依赖最基本的多级目录来完成这个工作，虽然仍需人脑来辅助其智能化，但仍不失为长久共和之计。也可以使用 Everything 或 Catfish 等小软件辅助搜索。

当前的目录结构为：
apple.com/ #域名作为主目录
----products/ #产品图片
--------macbook/
------------pic1.png
------------pic2.png
------------...
--------iphone/
------------pic1.png
------------pic2.png
------------...
----icons/ #站点徽标、logo、页内图标
--------favicon/
------------...
--------icons/
------------...
--------logos/
------------...
----webpages/ #不同时期的页面截图
--------20090101/
------------index.png
------------download.png
------------...
--------20090202/
------------...
----codes/ #不同时期的布局代码
--------20090102/
------------...
--------20090203/
------------...
----illustrations/ #零散的插图
--------...
--------icon1.png
--------icon2.png
--------...
----colors_scheme/ #使用-colorzilla-等获取的配色方案
--------...
----others/ #其他有价值的资源
--------...