經(jīng)驗(yàn)豐富的Web設(shè)計(jì)師,諸如才華橫溢的報(bào)紙藝術(shù)總監(jiān),能欣然接受自己從事的項(xiàng)目帶有標(biāo)題、欄和頁腳的事實(shí)。她的工作不是抱怨這些新興的共性,而是使用它們來創(chuàng)建獨(dú)特的、渾然天成的、符合品牌定位的有些許紀(jì)念意義的、嫻靜而又明艷動(dòng)人的頁面.
圖書設(shè)計(jì)和印刷工藝是古老的、值得尊敬的設(shè)計(jì)學(xué)科。它們都有一個(gè)悠久的創(chuàng)造性歷史,這個(gè)歷史與我們對(duì)“圖書形式、頁面布局、字體設(shè)計(jì)、版面設(shè)計(jì),以及那些構(gòu)成好印刷設(shè)計(jì)的視覺設(shè)計(jì)和內(nèi)容的好融合”的期盼是緊密相關(guān)的。這些富有創(chuàng)造力和聰明才智要求的手藝沒有受到《芝加哥格式手冊(cè)》書中長達(dá)950頁的規(guī)則和慣例的約束。圖書設(shè)計(jì)、版面設(shè)計(jì)以及印刷出版行業(yè)都是由創(chuàng)建好的印刷出版慣例和標(biāo)準(zhǔn)引導(dǎo)的。如今,有了創(chuàng)建網(wǎng)站的“Web標(biāo)準(zhǔn)”方法,有經(jīng)過仔細(xì)驗(yàn)證、能為人們廣泛訪問的XHTML和CSS,我們擁有了很多出色技術(shù)標(biāo)準(zhǔn)。遺憾的是,我們?nèi)蕴幱赪eb發(fā)布、編輯和設(shè)計(jì)標(biāo)準(zhǔn)的這樣一個(gè)尷尬不成熟的階段,讓人欣慰的是混亂中還浮現(xiàn)了明確的樣式以及用戶期望。關(guān)于“設(shè)計(jì)”,采用對(duì)標(biāo)準(zhǔn)、規(guī)則和慣例的訴求作為開頭看起來很有些奇怪,不過,網(wǎng)站項(xiàng)目通常會(huì)在設(shè)計(jì)階段受挫,這是因?yàn)楹雎粤撕芏嚓P(guān)于傳統(tǒng)出版、編輯標(biāo)準(zhǔn)以及規(guī)范,而過多地追求圖形、技術(shù)的手法而導(dǎo)致的。“寧可循規(guī)蹈矩不得標(biāo)新立異。”
1.結(jié)合環(huán)境進(jìn)行網(wǎng)站設(shè)計(jì)
網(wǎng)站由眾多元素層級(jí)組成,這些元素作為一個(gè)整體共同協(xié)作來滿足用戶的期望。你將基于
網(wǎng)站設(shè)計(jì)這個(gè)起點(diǎn),規(guī)劃網(wǎng)站的信息架構(gòu)、導(dǎo)航元素以及用戶界面框架,并且著手采用HTML和Css來構(gòu)建一個(gè)真實(shí)的網(wǎng)站。不過,在開始這個(gè)過程之前,需要讓網(wǎng)站適合Web環(huán)境和企業(yè)環(huán)境。
1.1萬維網(wǎng)
更大的Web環(huán)境造就了用戶對(duì)所有網(wǎng)站的期望。你的調(diào)看者的要時(shí)間都花費(fèi)在(你網(wǎng)站之外的)其他網(wǎng)站之中。所有的
網(wǎng)站設(shè)計(jì)都應(yīng)當(dāng)考慮大量的設(shè)計(jì)規(guī)范以及用戶對(duì)Web的期望,避免在界面和設(shè)計(jì)創(chuàng)新上進(jìn)行太多自我的嘗試。如果網(wǎng)站提供了大量的內(nèi)容和服務(wù),自然會(huì)成功,也自然會(huì)吸引訪問者和顧客。沒有哪個(gè)網(wǎng)站會(huì)因?yàn)樽约呵罢叩闹黜撁娉晒Φ?。如果你忽略了用戶的期望,為?nèi)容創(chuàng)建了一個(gè)奇特的與眾不同的框架,網(wǎng)站很容易失敗。
1.2企業(yè)Web標(biāo)識(shí)
如果你在某個(gè)大型企業(yè)就職,通常,明確與該大型企業(yè)的關(guān)系是網(wǎng)鈷設(shè)計(jì)中的一個(gè)清晰而有意義的部分。如果機(jī)構(gòu)對(duì)標(biāo)識(shí)程序或者Web模板體系進(jìn)行了規(guī)定,則請(qǐng)使用之。采納大型企業(yè)的設(shè)計(jì)標(biāo)準(zhǔn)不但可以省時(shí)還可以省錢。通常,因?yàn)樽玖庸芾矶暡患训臋C(jī)構(gòu)(大學(xué)、政府機(jī)關(guān)以及大型非盈利機(jī)構(gòu)),其網(wǎng)站也會(huì)十分混亂不堪。有時(shí)候,大型公司也存在同樣的問題,但是商界針對(duì)企業(yè)標(biāo)識(shí)程序的標(biāo)準(zhǔn)和規(guī)范做出了良好的規(guī)定,大多數(shù)企業(yè)網(wǎng)站的初衷都是讓所有人共享個(gè)共同的外觀、感覺和用戶界面,每一個(gè)子公司網(wǎng)站都要反映出與母公司的清晰的關(guān)系。
2.頁面結(jié)構(gòu)和網(wǎng)站設(shè)計(jì)
網(wǎng)站是完全抽象的一它們只存在于你頭腦之中。在定義這樣的網(wǎng)站時(shí),我們真正描述的是共享著相同圖形、導(dǎo)航外觀和感覺的多個(gè)鏈接頁面的集合。頁面共同的設(shè)計(jì)特征使得整個(gè)“網(wǎng)站”看似相當(dāng)連貫。單個(gè)HTML頁面以及頁面設(shè)計(jì)和鏈接原理是網(wǎng)站的基本構(gòu)成元素,所有用來描述網(wǎng)站架構(gòu)特征的元素都應(yīng)該在頁面模板中出現(xiàn)。經(jīng)歷了十幾年的發(fā)展后,Web已經(jīng)逐步成熟,在以文本信息為主的網(wǎng)站中,Web頁面結(jié)構(gòu)已經(jīng)變得相當(dāng)規(guī)范。盡管不是所有的Web頁面都采用了與此處描述的完全相同的布局和功能,但是大多數(shù)Web網(wǎng)頁都已經(jīng)在Web用戶熟悉的頁面位置采用了此處列舉的部分或者全部的基本元素。
2.1頁眉
頁眉就像是那些位于各個(gè)頁面頂部的微縮版主頁,它的很多功能都與主頁相似,唯一不同的就是空間更小。頁眉為網(wǎng)站設(shè)計(jì)提供了標(biāo)識(shí)和全局導(dǎo)航,以及搜索成者其他工具。雖然這些組件的準(zhǔn)確位和排列方式因網(wǎng)站而異,但整體樣式已經(jīng)相當(dāng)趨同。頁眉是網(wǎng)站標(biāo)識(shí)中可見性最好的部分。眼見為實(shí):那些共享頁眉的頁面集都被認(rèn)為是一個(gè)“網(wǎng)站”,即便這此頁面采用不同的技術(shù)材作面成.
本文題目:網(wǎng)站頁面結(jié)構(gòu)設(shè)計(jì)
標(biāo)題來源:http://jinyejixie.com/news/139479.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)網(wǎng)站建設(shè)、微信公眾號(hào)、品牌網(wǎng)站建設(shè)、定制開發(fā)、網(wǎng)站排名、面包屑導(dǎo)航
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)