读书笔记：CSS禅意花园-布局法则

 设计的目标：

    好的作品是能够唤起某种气氛和情感，引起欣赏者的共鸣，而正如CSS禅意花园的名字所言，应该把握它的四点设计精髓-视觉、CSS、禅、花园，真正优秀的设计应该给人平静、放松如自然植物般平和的感觉。

    明确了目标，就需要一些通用的法则来帮助设计。在这里提一点就是内容决定了设计，若是内容足够优秀便不需要设计来使其复杂。所以，所有的设计应该多围绕这一个主题，页面的主题。Web布局主要有两大元素是不可或缺的，主要分为两大类：用户界面设计（User Interface）和可用性。

    用户界面设计：

     1、了解浏览的用户；（比如是商业网站、教育网站还是个人博客等等）

    2、在页面给用户足够的导向；（比如导航、图标等等）

    3、使用人们所熟知的象征符号，比如商务购物网站的图标是一辆手推车；

     4、保证与功能相关的特性在页面足够的显眼。例如导航链接；

     5、保证设计元素一致；（尤其指标题和功能性元素）

     6、了解页面的关键元素；（例如头部的背景图片等）

     7、清楚的表达页面的主旨内容；（例如将页面的介绍分离并置于独立位置-头部）

   可用性：

     1、重要信息应该放在显眼位置；（放在头部）

     2、永远在title元素中给出页面的简单介绍；（如CSS禅意花园）

     3、尽可能保证页面导航链接保持一致的表现，也要确保页面中包含返回页面首页的链接；

     4、对于中大型网站，强烈建议使用搜索功能；（一般是放在逻辑相关的位置，例如导航条附近）

     5、用缩进和偏移将栏中的内容分开，这个在提高用户整体效果和用户接受度效果极佳；

     用户界面设计更关注用户-让开发者和工程师更好的满足用户的需求，而可用性更关注最终的用户体验，即用户如何和已经开发完的程序进行交互。对于这个我觉得应该多看看书，然后多实践才可以真正体会真谛，运用自如。

     举个例子：元素所在的位置及其代表的意义。西方的阅读顺序是从左到右，从上到下。所以重要性也就自然的按照这个形成了，这也就是为什么LOGO一般是在左上的原因了。这里必须引出视觉流向这个概念：通过图片和内容，让读者的视线从重要地点移到下一个的过程。