一,距離與美
網頁設計過程中,我們用什么來體現整個網頁的效果?用什么來體現我們的設計思想?用什么來給瀏覽者展示一個完整而不缺乏美感的網站?
網站的整體風格?網站的色彩搭配?我估計大部分人會這么說!因為大部分人是這樣認為的.
但是當我們在瀏覽一個網站的時候,我們有沒有發現,網站內的”距離”是最能直接體現網站的美感的一方面.這個距離所包括的范圍很廣,我們需要注意的有以下幾個方面:
1.? ?? ? 網站內圖片與邊線(頂線,底線)的距離;? ?建議使用5-8象素
2.? ?? ? 網站內圖片與圖片邊框的距離;? ?建議使用2-3象素
3.? ?? ? 網站內文字與邊線(頂線,底線,與文字相隔最近的線條)的距離;??建議使用4-10象素
4.? ?? ? 網站內文字與圖片的距離;??建議使用4-7象素
以上幾點中提到的”線”,就是我們平時使用的線條,包括橫線.豎線.斜線.虛線,但不包括文字的下劃線.
附網站風格和色彩搭配建議:
“網頁設計師”是一個富有挑戰性的職業,你需要根據對方的意圖,利用對方提供的資料,設計一整套的網站風格;---所以,你需要有相當的美工設計基礎和絕佳的創意;
一個真正的“網頁設計師”既要擅長“設計”,又要精通“網頁”。在國外,網頁設計師是一項非常受尊敬的職業,因為它需要對技術和藝術完美的把握。現在在國內,對網頁設計師這個職位的理解,還停留在“網頁制作”上,所以很多不擅長(可以說是不懂)藝術的人也來投入這一行,于是公司不得不另外招聘美工。與此同時,很多藝術感很強的人、天生就該是網頁設計的高手的人,卻又對網頁設計望而卻步---技術對于他們來說,簡直太可怕了!!!
網站的整體風格(style),其實是一個很抽象的東西,說白了就是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI(標志、色彩、字體、標語)、版面布局、瀏覽方式、文字、語氣、內容價值等等諸多因素.對此提出以下建議:
1.? ?? ? 將標志logo,盡可能的放在每個頁面上最突出的位置;
2.? ?? ? 突出標準色彩;
3.? ?? ? 總結一句能反映網站精髓的宣傳標語.
網站的色彩搭配,不可否認,她永遠是網站最重要的一環, 因為當我們距離顯示屏較遠的時候,我們看到的不是優美的版式或者是美麗的圖片,而是網頁的色彩.對此提建議如下:
1.? ?? ?? ?? ?? ?? ?用一種色彩,然后調整透明度或者飽和度,產生新的色彩,用于網頁.這樣的頁面看起來色彩統一,有層次感;
2.? ?? ?? ?? ?? ?? ?用兩種色彩,先選定一種色彩,然后選擇它的對比色;
3.? ?? ?? ?? ?? ?? ?用一個色系.
另外請大家記住以下幾個誤區:
1.? ?? ? 不要將所有顏色都用到,盡量控制在三種色彩以內;
2.? ?? ? 背景和前文的對比盡量要大,(絕對不要用花紋繁復的圖案作背景),以便突出主要文字內容.
二,表格的合理利用
無論我們從事什么工作,一定和表格打過交道.我們應該很清楚表格的作用:分割不同的數據,使得方便查看和收集信息。那么,在制作網頁中,表格出現了另一種作用,就是安排和定位文本和網頁的相關對象.
一句話,現在的網頁設計就是靠表格的合理應用,誰的表格用的好,誰的框架結構就打的好.
現在大家用表格可能沒有一定的規律性,大家做網頁的時候,大部分是先在PS里面做圖,做完以后就直接切到DW里面,生成一個網頁.其實,如果我們直接用DW打表格做一個網站的話,我們可能就會感覺到表格的真正作用.相信我們也會收益不少,找個時間去試一下吧!不要老被困在一個格式里面. ^_^
三,CSS定義
它的用處我不用多說,大家看看css手冊就知道了!
網頁設計過程中,我們用什么來體現整個網頁的效果?用什么來體現我們的設計思想?用什么來給瀏覽者展示一個完整而不缺乏美感的網站?
網站的整體風格?網站的色彩搭配?我估計大部分人會這么說!因為大部分人是這樣認為的.
但是當我們在瀏覽一個網站的時候,我們有沒有發現,網站內的”距離”是最能直接體現網站的美感的一方面.這個距離所包括的范圍很廣,我們需要注意的有以下幾個方面:
1.? ?? ? 網站內圖片與邊線(頂線,底線)的距離;? ?建議使用5-8象素
2.? ?? ? 網站內圖片與圖片邊框的距離;? ?建議使用2-3象素
3.? ?? ? 網站內文字與邊線(頂線,底線,與文字相隔最近的線條)的距離;??建議使用4-10象素
4.? ?? ? 網站內文字與圖片的距離;??建議使用4-7象素
以上幾點中提到的”線”,就是我們平時使用的線條,包括橫線.豎線.斜線.虛線,但不包括文字的下劃線.
附網站風格和色彩搭配建議:
“網頁設計師”是一個富有挑戰性的職業,你需要根據對方的意圖,利用對方提供的資料,設計一整套的網站風格;---所以,你需要有相當的美工設計基礎和絕佳的創意;
一個真正的“網頁設計師”既要擅長“設計”,又要精通“網頁”。在國外,網頁設計師是一項非常受尊敬的職業,因為它需要對技術和藝術完美的把握。現在在國內,對網頁設計師這個職位的理解,還停留在“網頁制作”上,所以很多不擅長(可以說是不懂)藝術的人也來投入這一行,于是公司不得不另外招聘美工。與此同時,很多藝術感很強的人、天生就該是網頁設計的高手的人,卻又對網頁設計望而卻步---技術對于他們來說,簡直太可怕了!!!
網站的整體風格(style),其實是一個很抽象的東西,說白了就是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI(標志、色彩、字體、標語)、版面布局、瀏覽方式、文字、語氣、內容價值等等諸多因素.對此提出以下建議:
1.? ?? ? 將標志logo,盡可能的放在每個頁面上最突出的位置;
2.? ?? ? 突出標準色彩;
3.? ?? ? 總結一句能反映網站精髓的宣傳標語.
網站的色彩搭配,不可否認,她永遠是網站最重要的一環, 因為當我們距離顯示屏較遠的時候,我們看到的不是優美的版式或者是美麗的圖片,而是網頁的色彩.對此提建議如下:
1.? ?? ?? ?? ?? ?? ?用一種色彩,然后調整透明度或者飽和度,產生新的色彩,用于網頁.這樣的頁面看起來色彩統一,有層次感;
2.? ?? ?? ?? ?? ?? ?用兩種色彩,先選定一種色彩,然后選擇它的對比色;
3.? ?? ?? ?? ?? ?? ?用一個色系.
另外請大家記住以下幾個誤區:
1.? ?? ? 不要將所有顏色都用到,盡量控制在三種色彩以內;
2.? ?? ? 背景和前文的對比盡量要大,(絕對不要用花紋繁復的圖案作背景),以便突出主要文字內容.
二,表格的合理利用
無論我們從事什么工作,一定和表格打過交道.我們應該很清楚表格的作用:分割不同的數據,使得方便查看和收集信息。那么,在制作網頁中,表格出現了另一種作用,就是安排和定位文本和網頁的相關對象.
一句話,現在的網頁設計就是靠表格的合理應用,誰的表格用的好,誰的框架結構就打的好.
現在大家用表格可能沒有一定的規律性,大家做網頁的時候,大部分是先在PS里面做圖,做完以后就直接切到DW里面,生成一個網頁.其實,如果我們直接用DW打表格做一個網站的話,我們可能就會感覺到表格的真正作用.相信我們也會收益不少,找個時間去試一下吧!不要老被困在一個格式里面. ^_^
三,CSS定義
它的用處我不用多說,大家看看css手冊就知道了!