本文關(guān)鍵詞：CSS禪意花園，由筆耕文化傳播整理發(fā)布。

 設(shè)計(jì)的目標(biāo)：

    明確了目標(biāo)，就需要一些通用的法則來幫助設(shè)計(jì)。在這里提一點(diǎn)就是內(nèi)容決定了設(shè)計(jì)，若是內(nèi)容足夠優(yōu)秀便不需要設(shè)計(jì)來使其復(fù)雜。所以，所有的設(shè)計(jì)應(yīng)該多圍繞這一個(gè)主題，頁面的主題。Web布局主要有兩大元素是不可或缺的，主要分為兩大類：用戶界面設(shè)計(jì)（User Interface）和可用性。

    用戶界面設(shè)計(jì)：

    2、在頁面給用戶足夠的導(dǎo)向；（比如導(dǎo)航、圖標(biāo)等等）

    3、使用人們所熟知的象征符號(hào)，比如商務(wù)購物網(wǎng)站的圖標(biāo)是一輛手推車；

     4、保證與功能相關(guān)的特性在頁面足夠的顯眼。例如導(dǎo)航鏈接；

     5、保證設(shè)計(jì)元素一致；（尤其指標(biāo)題和功能性元素）

     6、了解頁面的關(guān)鍵元素；（例如頭部的背景圖片等）

     7、清楚的表達(dá)頁面的主旨內(nèi)容；（例如將頁面的介紹分離并置于獨(dú)立位置-頭部）

   可用性：

     1、重要信息應(yīng)該放在顯眼位置；（放在頭部）

     2、永遠(yuǎn)在title元素中給出頁面的簡單介紹；（如CSS禪意花園）

     3、盡可能保證頁面導(dǎo)航鏈接保持一致的表現(xiàn)，也要確保頁面中包含返回頁面首頁的鏈接；

     4、對于中大型網(wǎng)站，強(qiáng)烈建議使用搜索功能；（一般是放在邏輯相關(guān)的位置，例如導(dǎo)航條附近）

     5、用縮進(jìn)和偏移將欄中的內(nèi)容分開，這個(gè)在提高用戶整體效果和用戶接受度效果極佳；

     用戶界面設(shè)計(jì)更關(guān)注用戶-讓開發(fā)者和工程師更好的滿足用戶的需求，而可用性更關(guān)注最終的用戶體驗(yàn)，即用戶如何和已經(jīng)開發(fā)完的程序進(jìn)行交互。對于這個(gè)我覺得應(yīng)該多看看書，然后多實(shí)踐才可以真正體會(huì)真諦，運(yùn)用自如。

     舉個(gè)例子：元素所在的位置及其代表的意義。西方的閱讀順序是從左到右，從上到下。所以重要性也就自然的按照這個(gè)形成了，這也就是為什么LOGO一般是在左上的原因了。這里必須引出視覺流向這個(gè)概念：通過圖片和內(nèi)容，讓讀者的視線從重要地點(diǎn)移到下一個(gè)的過程。

  本文關(guān)鍵詞：CSS禪意花園，由筆耕文化傳播整理發(fā)布。