|
二、 公用樣式模板的設(shè)計(jì)要求
能夠應(yīng)用在多個(gè)web系統(tǒng)上要求
1. 公用模板設(shè)計(jì)需要具備抽象性、代表性
(1). 整體規(guī)劃頁面層次邏輯
- h1,h2,h3,h4,h5,h6 的整體規(guī)劃
一本書的目錄部分，往往能很清晰地體現(xiàn)出這本書的結(jié)構(gòu)層次，第一章第一節(jié)第一小節(jié)，次序井然。好的網(wǎng)頁也應(yīng)該有清晰的層次邏輯，網(wǎng)頁大標(biāo)題、次級(jí)標(biāo)題、段落內(nèi)容等，層層展開。(X)HTML網(wǎng)頁標(biāo)記語言本身也給我們提供了標(biāo)識(shí)網(wǎng)頁層次的標(biāo)簽：h1/h2/h3/h4/h5/h6。在公用模板中要整體規(guī)劃好網(wǎng)頁內(nèi)容的結(jié)構(gòu)層次，并恰當(dāng)?shù)厥褂眠@些標(biāo)簽來體現(xiàn)。在禁用CSS的情況下，可以從瀏覽器默認(rèn)樣式方便地看到網(wǎng)頁的結(jié)構(gòu)層次。
- 清晰的導(dǎo)航菜單和面包屑(crumb)標(biāo)識(shí)
在做好上面合理地規(guī)劃h(n)標(biāo)識(shí)的情況下，導(dǎo)航菜單和面包屑導(dǎo)航在網(wǎng)頁上能更加直觀地體現(xiàn)網(wǎng)頁的層次，也是增強(qiáng)網(wǎng)頁可用性必須具備的網(wǎng)頁元素。
(2). 具有代表性的頁面布局結(jié)構(gòu)
網(wǎng)頁結(jié)構(gòu)布局也有一定的范式，往往包括頁頭、導(dǎo)航菜單、主體內(nèi)容和頁腳。遵循這些最普遍的布局原則才能最大程度保證公用模板的通用性。
(3). 具有代表性的頁面元素
1、Logo、網(wǎng)頁大標(biāo)題
Logo具有品牌標(biāo)識(shí)作用。大標(biāo)題最直接地告訴用戶網(wǎng)頁/系統(tǒng)的內(nèi)容/用途，但不是必備的，有些網(wǎng)頁只有l(wèi)ogo和副標(biāo)題，因此設(shè)計(jì)時(shí)網(wǎng)頁大標(biāo)題可以作為可選項(xiàng)目。
出處：163 UED Team
責(zé)任編輯：bluehearts
上一頁 公用樣式模板的設(shè)計(jì)制作 [1] 下一頁 公用樣式模板的設(shè)計(jì)制作 [3]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁 
第 2 頁 公用樣式模板的設(shè)計(jì)制作 [2]
