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

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

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

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

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

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

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

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

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

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

   可用性：

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

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

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

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

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

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

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

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