AboutWebDesign_Web標(biāo)準(zhǔn)教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
Web用戶界面的開發(fā)在一個基于web的整體項目中起到至關(guān)重要的核心作用。
項目能否被客戶所接受,70%的重心在于用戶界面是否良好或優(yōu)秀。
Web Design并非是一個中學(xué)生草草兩筆能夠負(fù)擔(dān)得起的行當(dāng)。
Web Design并非是一個程序員學(xué)習(xí)一周html能夠勝任的職業(yè)。
experience creativity circumspection afflauts techon = web design.
使用dw或其他visual tools制作html page可能是designer的必經(jīng)之路,但也并非100%如此。
切勿將visual tools作為designer技術(shù)的塔頂。
對于xml,我想說的是,作為數(shù)據(jù)抽象的載體,xml的應(yīng)用主要不在web設(shè)計這一塊。
xml的作用是在設(shè)備之間傳遞通用格式的數(shù)據(jù),從而取代對原有的internet只能傳遞通用格式的html流的方式,來達(dá)到應(yīng)用程序在internet上無縫結(jié)合的目的。
對于web設(shè)計,xml起到的作用可能是輔助的。
對于dhtml
dhtml是動態(tài)html,動態(tài)并不代表會移動的像素。
這里的動態(tài)指的是交互。
交互是web design與平面設(shè)計最主要的設(shè)計差別。
把握dhtml的思想是至關(guān)重要的。
對于flash
flash是一種適用于web的動畫設(shè)計工具。它可以變得很重要,但也可以一文不值。要根據(jù)web主題而定。
但有一種情況是可以肯定的:一個網(wǎng)站全部用flash制作是不可取的。
對于圖像
web頁面中盡量避免適用過多的圖形,除非處于需求必須這么做。
圖形是固定的元素,是不易動態(tài)改變的。過多的使用圖形將大大降低web的靈活性,提高維護(hù)的難度。
關(guān)于圖形的使用,可以具體參考ms的主頁,它把握得比較得當(dāng)。
對于聲效
強(qiáng)制性的不可關(guān)閉的音樂播放是不推薦使用的。(比如cruise的主頁,不過他的主頁音樂比較輕,還可以接受。)
推薦使用可開關(guān)的音樂的情況:
1.音樂相關(guān)站點
2.特效展示站點
3.測試站點
對于gif動畫
一個頁面上過多會重復(fù)運動的元素會擾亂觀察者的視覺。
gif動畫運用在一個頁面上的數(shù)量5個左右為極限。
對于站點目錄結(jié)構(gòu)
光是給文件夾安排結(jié)構(gòu)和給文件起名就是一件不容忽視的大事。直接關(guān)系到日后的站點維護(hù)工作。草草了事地安排目錄結(jié)構(gòu)會帶來災(zāi)難性的后果。
通常站點目錄可以按照文件類型分類,例如圖片目錄、腳本目錄。也可以按照功能分類,例如編輯目錄、治理者目錄。也可綜合性地分類。
優(yōu)秀的目錄分類也會給文件的命名帶來便利。文件名首先不宜使用中文。其次不宜使用拼音的打頭字母組合。文件名在適當(dāng)?shù)那闆r下可以寫得很長。但目錄名應(yīng)盡量短小簡潔。
對于操作系統(tǒng)的GUI
假如你認(rèn)為Linux的GUI做得比Windows(98)的GUI好的話,假如你還想成為一名web designer的話,請糾正這種觀點。
windows的GUI是專業(yè)的。Linux的xwindow只是起步階段。也許有一天,Linux的GUI會發(fā)展得更勝一籌,但就目前的產(chǎn)品而言,請不要過多追隨。
具體windows的GUI好在哪里,不是這一頁可以羅列的。我會專門發(fā)表相關(guān)論述。
對于后臺程序
最有助于web開發(fā)的后臺程序是最新的.net平臺中的asp.net
請不要講jsp拿來做比較。我不給出理由。
asp.net實現(xiàn)了后臺程序和html表現(xiàn)的完全剝離。程序員可以用程序方便地控制一個page上的所有元素。
php和asp總體開發(fā)效率差別不大�?梢愿鶕�(jù)操作系統(tǒng)選用適當(dāng)?shù)钠脚_。
對于初學(xué)者
問:用DreamWeaver還是FrontPage?
答:假如你最終停留在普通水平,那么這兩樣?xùn)|西沒什么大區(qū)別。假如你會成為一名高手,那么你興許會愿意選擇其中一種來幫你生成你沒背出的html語法。
問:PhotoShop or FireWorks?
答:前者。
問:IE or NS?
答:前者。(除非你的站點專門針對Linux系統(tǒng)的用戶,那么你可以選擇NS開發(fā))
問:你能不能教我xxxx?
答:自學(xué)。
對于治理者
你可以選擇花2k的月薪雇用6-7名普通的web designer天天更新網(wǎng)站的內(nèi)容,你也可以選擇花8k雇用1-2名資深設(shè)計師做統(tǒng)籌設(shè)計。這取決于你的web項目。
只是有一點必須要提醒:web designer不等于平面設(shè)計師。任何用平面設(shè)計師的qualification去招募web designer的招聘廣告都是低水準(zhǔn)的,不會有最合適的人選前來應(yīng)征。
對于導(dǎo)航
導(dǎo)航理論可以單獨出一本書。但是我更愿意用簡潔的方式表明導(dǎo)航的要點:
單獨頁面上明確地讓瀏覽者知道本頁在整個站點中的位置;前后一致的主菜單和清楚的次級菜單;盡量避免彈出式頁面;避免使用frame;
很簡單的導(dǎo)航原理,看上去沒有什么偉大的創(chuàng)新之出——這正是導(dǎo)航的精髓。
對于協(xié)同開發(fā)
Web Design的協(xié)同工作相當(dāng)困難。要將優(yōu)秀的設(shè)計師組成團(tuán)隊合作開發(fā)比將優(yōu)秀的程序員組合在一起更困難。
不要把兩名心存不同抱負(fù)的優(yōu)秀designer的工作職責(zé)分配在一起。
一個Team只能有一名做總設(shè)計的designer,可以將banner,button等相對獨立的工作交給分管的designer。絕對不要把css文件交給兩個不同的designer。
在做一個需要多名designer合作開發(fā)的大項目時,找一名能言善道的leader是十分有幫助的。
對于個人主頁
個人主頁的建設(shè)無疑是重要的。它的難度不亞于商業(yè)項目。
技術(shù)上有實力的設(shè)計者并不一定能做出出類拔萃的個人主頁來。
好比養(yǎng)魚,養(yǎng)一大群魚,既輕易又能獲得商業(yè)利潤;養(yǎng)幾條小魚,既難養(yǎng)又需要付出。
但養(yǎng)育者的底蘊與內(nèi)涵也由此而體現(xiàn)。
項目能否被客戶所接受,70%的重心在于用戶界面是否良好或優(yōu)秀。
Web Design并非是一個中學(xué)生草草兩筆能夠負(fù)擔(dān)得起的行當(dāng)。
Web Design并非是一個程序員學(xué)習(xí)一周html能夠勝任的職業(yè)。
experience creativity circumspection afflauts techon = web design.
使用dw或其他visual tools制作html page可能是designer的必經(jīng)之路,但也并非100%如此。
切勿將visual tools作為designer技術(shù)的塔頂。
對于xml,我想說的是,作為數(shù)據(jù)抽象的載體,xml的應(yīng)用主要不在web設(shè)計這一塊。
xml的作用是在設(shè)備之間傳遞通用格式的數(shù)據(jù),從而取代對原有的internet只能傳遞通用格式的html流的方式,來達(dá)到應(yīng)用程序在internet上無縫結(jié)合的目的。
對于web設(shè)計,xml起到的作用可能是輔助的。
對于dhtml
dhtml是動態(tài)html,動態(tài)并不代表會移動的像素。
這里的動態(tài)指的是交互。
交互是web design與平面設(shè)計最主要的設(shè)計差別。
把握dhtml的思想是至關(guān)重要的。
對于flash
flash是一種適用于web的動畫設(shè)計工具。它可以變得很重要,但也可以一文不值。要根據(jù)web主題而定。
但有一種情況是可以肯定的:一個網(wǎng)站全部用flash制作是不可取的。
對于圖像
web頁面中盡量避免適用過多的圖形,除非處于需求必須這么做。
圖形是固定的元素,是不易動態(tài)改變的。過多的使用圖形將大大降低web的靈活性,提高維護(hù)的難度。
關(guān)于圖形的使用,可以具體參考ms的主頁,它把握得比較得當(dāng)。
對于聲效
強(qiáng)制性的不可關(guān)閉的音樂播放是不推薦使用的。(比如cruise的主頁,不過他的主頁音樂比較輕,還可以接受。)
推薦使用可開關(guān)的音樂的情況:
1.音樂相關(guān)站點
2.特效展示站點
3.測試站點
對于gif動畫
一個頁面上過多會重復(fù)運動的元素會擾亂觀察者的視覺。
gif動畫運用在一個頁面上的數(shù)量5個左右為極限。
對于站點目錄結(jié)構(gòu)
光是給文件夾安排結(jié)構(gòu)和給文件起名就是一件不容忽視的大事。直接關(guān)系到日后的站點維護(hù)工作。草草了事地安排目錄結(jié)構(gòu)會帶來災(zāi)難性的后果。
通常站點目錄可以按照文件類型分類,例如圖片目錄、腳本目錄。也可以按照功能分類,例如編輯目錄、治理者目錄。也可綜合性地分類。
優(yōu)秀的目錄分類也會給文件的命名帶來便利。文件名首先不宜使用中文。其次不宜使用拼音的打頭字母組合。文件名在適當(dāng)?shù)那闆r下可以寫得很長。但目錄名應(yīng)盡量短小簡潔。
對于操作系統(tǒng)的GUI
假如你認(rèn)為Linux的GUI做得比Windows(98)的GUI好的話,假如你還想成為一名web designer的話,請糾正這種觀點。
windows的GUI是專業(yè)的。Linux的xwindow只是起步階段。也許有一天,Linux的GUI會發(fā)展得更勝一籌,但就目前的產(chǎn)品而言,請不要過多追隨。
具體windows的GUI好在哪里,不是這一頁可以羅列的。我會專門發(fā)表相關(guān)論述。
對于后臺程序
最有助于web開發(fā)的后臺程序是最新的.net平臺中的asp.net
請不要講jsp拿來做比較。我不給出理由。
asp.net實現(xiàn)了后臺程序和html表現(xiàn)的完全剝離。程序員可以用程序方便地控制一個page上的所有元素。
php和asp總體開發(fā)效率差別不大�?梢愿鶕�(jù)操作系統(tǒng)選用適當(dāng)?shù)钠脚_。
對于初學(xué)者
問:用DreamWeaver還是FrontPage?
答:假如你最終停留在普通水平,那么這兩樣?xùn)|西沒什么大區(qū)別。假如你會成為一名高手,那么你興許會愿意選擇其中一種來幫你生成你沒背出的html語法。
問:PhotoShop or FireWorks?
答:前者。
問:IE or NS?
答:前者。(除非你的站點專門針對Linux系統(tǒng)的用戶,那么你可以選擇NS開發(fā))
問:你能不能教我xxxx?
答:自學(xué)。
對于治理者
你可以選擇花2k的月薪雇用6-7名普通的web designer天天更新網(wǎng)站的內(nèi)容,你也可以選擇花8k雇用1-2名資深設(shè)計師做統(tǒng)籌設(shè)計。這取決于你的web項目。
只是有一點必須要提醒:web designer不等于平面設(shè)計師。任何用平面設(shè)計師的qualification去招募web designer的招聘廣告都是低水準(zhǔn)的,不會有最合適的人選前來應(yīng)征。
對于導(dǎo)航
導(dǎo)航理論可以單獨出一本書。但是我更愿意用簡潔的方式表明導(dǎo)航的要點:
單獨頁面上明確地讓瀏覽者知道本頁在整個站點中的位置;前后一致的主菜單和清楚的次級菜單;盡量避免彈出式頁面;避免使用frame;
很簡單的導(dǎo)航原理,看上去沒有什么偉大的創(chuàng)新之出——這正是導(dǎo)航的精髓。
對于協(xié)同開發(fā)
Web Design的協(xié)同工作相當(dāng)困難。要將優(yōu)秀的設(shè)計師組成團(tuán)隊合作開發(fā)比將優(yōu)秀的程序員組合在一起更困難。
不要把兩名心存不同抱負(fù)的優(yōu)秀designer的工作職責(zé)分配在一起。
一個Team只能有一名做總設(shè)計的designer,可以將banner,button等相對獨立的工作交給分管的designer。絕對不要把css文件交給兩個不同的designer。
在做一個需要多名designer合作開發(fā)的大項目時,找一名能言善道的leader是十分有幫助的。
對于個人主頁
個人主頁的建設(shè)無疑是重要的。它的難度不亞于商業(yè)項目。
技術(shù)上有實力的設(shè)計者并不一定能做出出類拔萃的個人主頁來。
好比養(yǎng)魚,養(yǎng)一大群魚,既輕易又能獲得商業(yè)利潤;養(yǎng)幾條小魚,既難養(yǎng)又需要付出。
但養(yǎng)育者的底蘊與內(nèi)涵也由此而體現(xiàn)。
相關(guān)Web標(biāo)準(zhǔn)教程:
- Web標(biāo)準(zhǔn):需要正確的使用H1~ H6標(biāo)簽
- 五個WEB標(biāo)準(zhǔn)中必須注意的地方
- 做到結(jié)構(gòu)(XHTML),表現(xiàn)(CSS),行為(JavaScript)的分離
- CSS標(biāo)準(zhǔn):HTML標(biāo)簽元素的關(guān)閉
- Web標(biāo)準(zhǔn)之路 勿使用W3C廢棄的元素
- CSS布局 聲明文檔類型描述(DTD)
- DIV CSS\讓搜索引擎蜘蛛不再累
- 用XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)頁
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- DIV+CSS對SEO的幫助
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- CSSer新手寄語:開始標(biāo)準(zhǔn)之路
- 相關(guān)鏈接:
- 教程說明:
Web標(biāo)準(zhǔn)教程-AboutWebDesign
。