Web文章推荐与笔记

在学习Web知识的过程中，菜鸟遇到了很多良师一般的文章，在这里将他们分享出来，希望可以对读者有所帮助。

ALA——A List Apart

ALA是一个关于网站建设的在线杂志。许多的CSS技巧都源自这个网站，许多畅销书的作者同时也为他们写文章。总之，ALA是一个经典的学习Web的网站。下面是我读过并总结的一些文章：

以上分类并非ALA官方的分类，而是按照我自己的偏好划分的。

其它

A Design Process Revealed

本文介绍了作者在向CSS Zen Garden所提交的一个设计的整个设计流程。

  1. 确定目标。
  2. 分析已经存在的方案。必然发现相似之处与创意所在。
  3. Paper Prototype。从小到大。
  4. 排版，字体。将所有的字体放在一页中。
  5. 图片，从图片素材中照。切出其中的一部分。汗……
  6. 组合。
  7. 代码实现。

Developing With Web Standards

一篇比较全面的Web标准综述。主要内容包括Web标准的简介，历史，组成，为什么要使用Web标准等等。具体的技术细节包括了XHTML、CSS、可用性以及URL。

Packaging Design for Web-based Products

网络产品需要优秀的包装，文中列出了以下几点包装建议：

有意义的叫卖：叫卖是为了吸引注意力，大字体和颜色鲜艳的按钮是典型案例。吆喝的同时要注意：

  1. 与众不同：让产品与众不同，却又可以让消费者分类。
  2. 吸引了：有说服力的内容，交互，美观。你只有几秒钟的时间来吸引人。
  3. 品牌：字体，布局，内容和颜色。

背面的包装：用示例来讲明产品都可以如何使用。可以是图文并茂，也可以是视频文件。

拆开包装：Google视频的注册过程就是一个表格，而Jumpcut却会建议用户拍摄一段视频。就好像第一次打开苹果的笔记本，他会给你拍摄一张照片，如此个性。给用户拆开包装的过程花点心思是值得的，会让用户记住你，印象深刻。

Visualizing Fitts’s Law

  1. 按钮要大，横竖要平衡。
  2. 常用按钮比其它按钮要大一些。
  3. 无穷大按钮问题，可以网站没有这个优势。(屏幕边缘的按钮)

了解了人机交互。

75个最佳Web设计资源

很多资源，包括CSS、LOGO设计、小图标、设计启发、教程和PhotoShop资源下载等等。