學習網頁設計專業知識
Web用戶界面的開發在一個基於web的整體項目中起到至關重要的核心作用。
項目能否被客戶所接受,70%的重心在於用戶界面是否良好或優秀。
Web Design並非是一個中學生草草兩筆能夠負擔得起的行當。
Web Design並非是一個程序員學習一周html能夠勝任的職業。
experience + creativity + circumspection + afflauts + techon = web design.
使用dw或其他visual tools製作html page可能是designer的必經之路,但也並非100%如此。
切勿將visual tools作為designer技術的塔頂。
對於xml,我想說的是,作為數據抽象的載體,xml的應用主要不在web設計這一塊。
xml的作用是在設備之間傳遞通用格式的數據,從而取代對原有的internet只能傳遞通用格式的html流的方式,來達到應用程序在internet上無縫結合的目的。
對於web設計,xml起到的作用可能是輔助的。
對於dhtml
dhtml是動態html,動態並不代表會移動的像素。
這裡的動態指的是交互。
交互是web design與平面設計最主要的設計差別。
掌握dhtml的思想是至關重要的。
對於flash
flash是一種適用於web的動畫設計工具。它可以變得很重要,但也可以一文不值。要根據web主題而定。
但有一種情況是可以肯定的:一個網站全部用flash製作是不可取的。
對於圖像
web頁面中盡量避免適用過多的圖形,除非處於需求必須這麼做。
圖形是固定的元素,是不易動態改變的。過多的使用圖形將大大降低web的靈活性,提高維護的難度。
關於圖形的使用,可以具體參考ms的主頁,它把握得比較得當。
對於聲效
強制性的不可關閉的音樂播放是不推薦使用的。 (比如cruise的主頁,不過他的主頁音樂比較輕,還可以接受。)
推薦使用可開關的音樂的情況:
1.音樂相關站點
2.特效展示站點
3.測試站點
對於gif動畫
一個頁面上過多會重複運動的元素會擾亂觀察者的視覺。
gif動畫運用在一個頁面上的數量5個左右為極限。
對於站點目錄結構
光是給文件夾安排結構和給文件起名就是一件不容忽視的大事。直接關係到日後的站點維護工作。草草了事地安排目錄結構會帶來災難性的後果。
通常站點目錄可以按照文件類型分類,例如圖片目錄、腳本目錄。也可以按照功能分類,例如編輯目錄、管理者目錄。也可綜合性地分類。
網頁設計優秀的目錄分類也會給文件的命名帶來便利。文件名首先不宜使用中文。其次不宜使用拼音的打頭字母組合。文件名在適當的情況下可以寫得很長。但目錄名應盡量短小簡潔。
對於操作系統的GUI
如果你認為Linux的GUI做得比Windows(98)的GUI好的話,如果你還想成為一名web designer的話,請糾正這種觀點。
windows的GUI是專業的。 Linux的xwindow只是起步階段。也許有一天,Linux的GUI會發展得更勝一籌,但就目前的產品而言,請不要過多追隨。
具體windows的GUI好在哪裡,不是這一頁可以羅列的。我會專門發表相關論述。
對於後台程序
最有助於web開發的後台程序是最新的.net平台中的asp.net
請不要講jsp拿來做比較。我不給出理由。
asp.net實現了後台程序和html表現的完全剝離。程序員可以用程序方便地控制一個page上的所有元素。
php和asp總體開發效率差別不大。可以根據操作系統選用適當的平台。
對於初學者
問:用DreamWeaver還是FrontPage?
答:如果你最終停留在普通水平,那麼這兩樣東西沒什麼大區別。如果你會成為一名高手,那麼你興許會願意選擇其中一種來幫你生成你沒背出的html語法。
問:PhotoShop or FireWorks?
答:前者。
問:IE or NS?
答:前者。 (除非你的站點專門針對Linux系統的用戶,那麼你可以選擇NS開發)
問:你能不能教我xxxx?
答:自學。
對於管理者
你可以選擇花2k的月薪僱用6-7名普通的web designer每天更新網站的內容,你也可以選擇花8k僱用1-2名資深設計師做統籌設計。這取決於你的web項目。
只是有一點必須要提醒:web designer不等於平面設計師。任何用平面設計師的qualification去招募web designer的招聘廣告都是低水準的,不會有最合適的人選前來應徵。
對於導航
導航理論可以單獨出一本書。但是我更願意用簡潔的方式表明導航的要點:
網頁設計 單獨頁面上明確地讓瀏覽者知道本頁在整個站點中的位置;前後一致的主菜單和清晰的次級菜單;盡量避免彈出式頁面;避免使用frame;
很簡單的導航原理,看上去沒有什麼偉大的創新之出——這正是導航的精髓。
對於協同開發
Web Design的協同工作相當困難。要將優秀的設計師組成團隊合作開發比將優秀的程序員組合在一起更困難。
不要把兩名心存不同抱負的優秀designer的工作職責分配在一起。
一個Team只能有一名做總設計的designer,可以將banner,button等相對獨立的工作交給分管的designer。絕對不要把css文件交給兩個不同的designer。
在做一個需要多名designer合作開發的大項目時,找一名能言善道的leader是十分有幫助的。
對於個人主頁
個人主頁的建設無疑是重要的。它的難度不亞於商業項目。
技術上有實力的設計者並不一定能做出出類拔萃的個人主頁來。
好比養魚,養一大群魚,既容易又能獲得商業利潤;養幾條小魚,既難養又需要付出。
但養育者的底蘊與內涵也由此而體現。
網頁設計前面一口氣介紹了網頁的類型、網頁的技術、製作網頁的工具及常用的圖像處理工具,是不是前面所講的所有東西都是必須掌握的呢?答案當然是“不是”的。網頁製作的學習是一個循序漸進的過程,以下,是本站推薦給大部份初學者的學習方式:
入門階段:此時的你,什麼都不懂
先從最簡單的 HTML 網頁入手;
選擇Dreamweaver 作為你的網頁製作工具;
選擇Photoshop 作為你的網頁製作工具;
粗略地閱讀本站的Dreamweaver 及Photoshop 教程,了解這兩個軟件到底能做些什麼;
製作你的第一個實驗性的網站,遇到任何困難,請對照本站的相關教程,如果問題仍然沒有解決,請將問題貼於本站論壇,讓更多高手為你解答:
初級階段:此時的你,已經掌握了Dreamweaver 和Photoshop 的基本操作:
策劃和製作你的第一個網站;
不斷為你的網站增加內容與功能(例如嘗試將一些Java Script 小程序添加到你的網頁中);
粗略閱讀本站HTML 及CSS 的語法書,並嘗試運用到你做的網頁中。
進階階段:此時的你,已經具有一定的網頁製作經驗,網頁設計並逐步形成了自己一套的對於網頁製作的理解,製作一般的網頁已經不在話下:
根據個人喜好及實際需要,網頁製作的方向,你可以向美術設計的方向發展,學習一些美術方面的知識;也可以向網絡編程的方向發展,學習ASP、JSP、PHP等編程語言;也可以向信息製作的方向發展,鍛煉自己在網站策劃及信息採輯的技能;
常識製作其他不同類型的網站,從模仿別人開始,都逐漸形成自己的設計風格;
熟練操作Dreamweaver 及Photoshop 兩個軟件,並至少能讀懂HTML 及JavaScript。
|