淺說何為WEB 3.0風格
發表於 : 2009-06-16, 15:51
淺說何為WEB 3.0風格
現在我們經常可以聽到WEB 3.0風格,但是究竟什麼樣的風格是WEB 3.0風格呢?
其實對這個問題是沒有什麼專門的解釋的,我們就現在流行的WEB 3.0網站總結下他們的共同點就暫時把它認為是WEB 3.0風格吧!
首先第一點就是“簡約”更確切的說就是“簡約而不簡單”
1.簡約
2.居中佈局
3.不要過多使用豎列佈局
4.頁面頭部和主體有所分離
5.明顯的區域分界
6.簡約的導航欄
7.粗體字的LOGO
8.文本大些
9.更大的內容主題和簡介文字
10.明亮、強烈的顏色
11.3D質感
12.使用漸變色
13.高光和投影
14.精美的ICON
15.多角星標籤
簡短的介紹和圖片,列舉出WEB 3.0 的優化十五個顯著的流行風格要素。不必在一個設計中應用下列所有的元素,掌握何時用和如何使用才是關鍵。希望此文對你的設計有參考意義。
1.簡約:
至於簡約的風格,對於我們來說不是必要的一種推行,需要根據網站的目地進行定位。設計師如何協調網站的定位和客戶需求之間的關係,完成工作是最關鍵。
2.居中佈局
居中佈局很容易做到,而且已經成為了默認模式。
3.不要過多使用豎列佈局
幾年前,3、4列的佈局盛行,如今2列佈局比較普遍,3列已是最大限度了。
4.頁面頭部和主體有所分離
將頁面的Top/Header在設計上與主體內容部分有所區分,可以在視覺、顏色等諸方面。這樣可以讓用戶更清楚頁面是從哪里開始的。讓其簡約一些,加入粗體LOGO會看起來非常"2.0"。
5.明顯的區域分界
讓Header,Content,Banner.....這些區域分界明顯一些,顏色區塊、留白、表格、邊線都是手段。
6.簡約的導航欄
做一個簡約的條狀全站航欄放在每一個頁面上,最好用區別與正文的顏色和字體。讓用戶知道:這裏有什麼、這是什麼地方、我還可以去什麼地方。
7.粗體字的LOGO
用一個清晰的大LOGO,來傳遞你是誰或主題。
---------------------------------------
對於dhtml
dhtml是動態html,動態並不代表會移動的圖元。
這裏的動態指的是交互。
交互是web design與平面設計最主要的設計差別。
掌握dhtml的思想是至關重要的。
對於flash
flash是一種適用於Web Design的動畫設計工具。它可以變得很重要,但也可以一文不值。要根據web主題而定。
但有一種情況是可以肯定的:一個網站全部用flash製作是不可取的。
對於圖像
網頁設計頁面中儘量避免適用過多的圖形,除非處於需求必須這麼做。
圖形是固定的元素,是不易動態改變的。過多的使用圖形將大大降低Web Design的靈活性,提高維護的難度。
關於圖形的使用,可以具體參考ms的主頁,它把握得比較得當。
對於聲效
強制性的不可關閉的音樂播放是不推薦使用的。(比如cruise的主頁,不過他的主頁音樂比較輕,還可以接受。)
推薦使用可開關的音樂的情況:
1.音樂相關站點
2.特效展示站點
3.測試站點
對於gif動畫
一個頁面上過多會重複運動的元素會擾亂觀察者的視覺。
gif動畫運用在一個頁面上的數量5個左右為極限。
對於站點目錄結構
光是給檔夾安排結構和給檔起名就是一件不容忽視的大事。直接關係到日後的站點維護工作。草草了事地安排目錄結構會帶來災難性的後果。
通常站點目錄可以按照檔類型分類,例如圖片目錄、腳本目錄。也可以按照功能分類,例如編輯目錄、管理者目錄。也可綜合性地分類。
優秀的目錄分類也會給檔的命名帶來便利。檔案名首先不宜使用中文。其次不宜使用拼音的打頭字母組合。檔案名在適當的情況下可以寫得很長。但目錄名應儘量短小簡潔。
對於作業系統的GUI
如果你認為Linux的GUI做得比Windows(98)的GUI好的話,如果你還想成為一名網頁設計師的話,請糾正這種觀點。
windows的GUI是專業的。Linux的xwindow只是起步階段。也許有一天,Linux的GUI會發展得更勝一籌,但就目前的產品而言,請不要過多追隨。
具體windows的GUI好在哪里,不是這一頁可以羅列的。我會專門發表相關論述。
對於後臺程式
最有助於Web Design開發的後臺程式是最新的.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名普通的網頁設計師每天更新網站的內容,你也可以選擇花8k雇用1-2名資深設計師做統籌設計。這取決於你的web項目。
只是有一點必須要提醒:網頁設計師不等於平面設計師。任何用平面設計師的qualification去招募網頁設計師的招聘廣告都是低水準的,不會有最合適的人選前來應徵。
對於導航
導航理論可以單獨出一本書。但是我更願意用簡潔的方式表明導航的要點:
單獨頁面上明確地讓流覽者知道本頁在整個站點中的位置;前後一致的主功能表和清晰的次級功能表;儘量避免彈出式頁面;避免使用frame;
很簡單的導航原理,看上去沒有什麼偉大的創新之出——這正是導航的精髓。
對於協同開發
Web Design的協同工作相當困難。要將優秀的設計師組成團隊合作開發比將優秀的程式師組合在一起更困難。
不要把兩名心存不同抱負的優秀designer的工作職責分配在一起。
一個Team只能有一名做總設計的designer,可以將banner,button等相對獨立的工作交給分管的designer。絕對不要把css檔交給兩個不同的designer。
在做一個需要多名designer合作開發的大專案時,找一名能言善道的leader是十分有幫助的。
對於個人主頁
個人主頁的建設無疑是重要的。它的難度不亞於商業項目。
技術上有實力的設計者並不一定能做出出類拔萃的個人主頁來。
好比養魚,養一大群魚,既容易又能獲得商業利潤;養幾條小魚,既難養又需要付出。
但養育者的底蘊與內涵也由此而體現。
熱愛 WEB 3.0 網頁設計的你對此有什麼看法呢? 呵呵...對於頁面( html ).. 本人除了寫程式外, 有時還真的很想能做出一手優秀的美工方面的作品..... 大家上我主頁就知道, 我不善於配搭多種色彩的...只敢用一兩種色彩..... 嘻嘻...
現在我們經常可以聽到WEB 3.0風格,但是究竟什麼樣的風格是WEB 3.0風格呢?
其實對這個問題是沒有什麼專門的解釋的,我們就現在流行的WEB 3.0網站總結下他們的共同點就暫時把它認為是WEB 3.0風格吧!
首先第一點就是“簡約”更確切的說就是“簡約而不簡單”
1.簡約
2.居中佈局
3.不要過多使用豎列佈局
4.頁面頭部和主體有所分離
5.明顯的區域分界
6.簡約的導航欄
7.粗體字的LOGO
8.文本大些
9.更大的內容主題和簡介文字
10.明亮、強烈的顏色
11.3D質感
12.使用漸變色
13.高光和投影
14.精美的ICON
15.多角星標籤
簡短的介紹和圖片,列舉出WEB 3.0 的優化十五個顯著的流行風格要素。不必在一個設計中應用下列所有的元素,掌握何時用和如何使用才是關鍵。希望此文對你的設計有參考意義。
1.簡約:
至於簡約的風格,對於我們來說不是必要的一種推行,需要根據網站的目地進行定位。設計師如何協調網站的定位和客戶需求之間的關係,完成工作是最關鍵。
2.居中佈局
居中佈局很容易做到,而且已經成為了默認模式。
3.不要過多使用豎列佈局
幾年前,3、4列的佈局盛行,如今2列佈局比較普遍,3列已是最大限度了。
4.頁面頭部和主體有所分離
將頁面的Top/Header在設計上與主體內容部分有所區分,可以在視覺、顏色等諸方面。這樣可以讓用戶更清楚頁面是從哪里開始的。讓其簡約一些,加入粗體LOGO會看起來非常"2.0"。
5.明顯的區域分界
讓Header,Content,Banner.....這些區域分界明顯一些,顏色區塊、留白、表格、邊線都是手段。
6.簡約的導航欄
做一個簡約的條狀全站航欄放在每一個頁面上,最好用區別與正文的顏色和字體。讓用戶知道:這裏有什麼、這是什麼地方、我還可以去什麼地方。
7.粗體字的LOGO
用一個清晰的大LOGO,來傳遞你是誰或主題。
---------------------------------------
對於dhtml
dhtml是動態html,動態並不代表會移動的圖元。
這裏的動態指的是交互。
交互是web design與平面設計最主要的設計差別。
掌握dhtml的思想是至關重要的。
對於flash
flash是一種適用於Web Design的動畫設計工具。它可以變得很重要,但也可以一文不值。要根據web主題而定。
但有一種情況是可以肯定的:一個網站全部用flash製作是不可取的。
對於圖像
網頁設計頁面中儘量避免適用過多的圖形,除非處於需求必須這麼做。
圖形是固定的元素,是不易動態改變的。過多的使用圖形將大大降低Web Design的靈活性,提高維護的難度。
關於圖形的使用,可以具體參考ms的主頁,它把握得比較得當。
對於聲效
強制性的不可關閉的音樂播放是不推薦使用的。(比如cruise的主頁,不過他的主頁音樂比較輕,還可以接受。)
推薦使用可開關的音樂的情況:
1.音樂相關站點
2.特效展示站點
3.測試站點
對於gif動畫
一個頁面上過多會重複運動的元素會擾亂觀察者的視覺。
gif動畫運用在一個頁面上的數量5個左右為極限。
對於站點目錄結構
光是給檔夾安排結構和給檔起名就是一件不容忽視的大事。直接關係到日後的站點維護工作。草草了事地安排目錄結構會帶來災難性的後果。
通常站點目錄可以按照檔類型分類,例如圖片目錄、腳本目錄。也可以按照功能分類,例如編輯目錄、管理者目錄。也可綜合性地分類。
優秀的目錄分類也會給檔的命名帶來便利。檔案名首先不宜使用中文。其次不宜使用拼音的打頭字母組合。檔案名在適當的情況下可以寫得很長。但目錄名應儘量短小簡潔。
對於作業系統的GUI
如果你認為Linux的GUI做得比Windows(98)的GUI好的話,如果你還想成為一名網頁設計師的話,請糾正這種觀點。
windows的GUI是專業的。Linux的xwindow只是起步階段。也許有一天,Linux的GUI會發展得更勝一籌,但就目前的產品而言,請不要過多追隨。
具體windows的GUI好在哪里,不是這一頁可以羅列的。我會專門發表相關論述。
對於後臺程式
最有助於Web Design開發的後臺程式是最新的.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名普通的網頁設計師每天更新網站的內容,你也可以選擇花8k雇用1-2名資深設計師做統籌設計。這取決於你的web項目。
只是有一點必須要提醒:網頁設計師不等於平面設計師。任何用平面設計師的qualification去招募網頁設計師的招聘廣告都是低水準的,不會有最合適的人選前來應徵。
對於導航
導航理論可以單獨出一本書。但是我更願意用簡潔的方式表明導航的要點:
單獨頁面上明確地讓流覽者知道本頁在整個站點中的位置;前後一致的主功能表和清晰的次級功能表;儘量避免彈出式頁面;避免使用frame;
很簡單的導航原理,看上去沒有什麼偉大的創新之出——這正是導航的精髓。
對於協同開發
Web Design的協同工作相當困難。要將優秀的設計師組成團隊合作開發比將優秀的程式師組合在一起更困難。
不要把兩名心存不同抱負的優秀designer的工作職責分配在一起。
一個Team只能有一名做總設計的designer,可以將banner,button等相對獨立的工作交給分管的designer。絕對不要把css檔交給兩個不同的designer。
在做一個需要多名designer合作開發的大專案時,找一名能言善道的leader是十分有幫助的。
對於個人主頁
個人主頁的建設無疑是重要的。它的難度不亞於商業項目。
技術上有實力的設計者並不一定能做出出類拔萃的個人主頁來。
好比養魚,養一大群魚,既容易又能獲得商業利潤;養幾條小魚,既難養又需要付出。
但養育者的底蘊與內涵也由此而體現。
熱愛 WEB 3.0 網頁設計的你對此有什麼看法呢? 呵呵...對於頁面( html ).. 本人除了寫程式外, 有時還真的很想能做出一手優秀的美工方面的作品..... 大家上我主頁就知道, 我不善於配搭多種色彩的...只敢用一兩種色彩..... 嘻嘻...