[建站入門]網頁設計教程(8):網頁層次和空間設計
作者:晉城網站建設 日期:2012-02-16
一:很有必要的嘮叨。
有秩序,有規律,有特殊。叫層次!
層次的迭代,表達出空間的存在感。點,線,面。點動成線,線動成面,面動成體,多個體的復雜構成。即為空間。當然,這里說的是數學空間或邏輯空間??刹皇鞘裁凑軐W空間。
二:離不開的感覺--透視;
之前寫過一篇關于透視的文章,這里再配幾張圖輔助理解。
透視并不是最重要的,但它是很必要的!
三:最常用的表現手法--虛實和對比;
這是一張很常見的XP里的一張圖片,看它的層次。近大遠小--近實遠虛--近重遠輕。
看變化。字的本身,所在的場景。遠近、交替、虛實的變化。(留個作業,嘗試一下所謂是web2.0風格,應用在文字上面)
再看虛實,層疊!
方向!
看,就這幾個簡單的元素!
三:老生長談--色彩、色彩層次;
真不想畫這圖!
色相與層次的關系。
設計離不開層次,離不開色彩。講到色彩必然離不開色彩的三要素,即色相、明度和純度。在色相的處理上,不同的色彩會令人產生不同的感覺。
如果將各種不同的色彩放在一個畫面上,那么他們就會產生層次。
該突出的部分突出,該減弱的部分減弱,那么就要靈活運用不同的色彩感覺來進行處理。不同色相的顏色搭配在一起產生不同的視覺效果,產生不同的色彩層次。是暖色與冷色或是不同色相的暖色或是不同色相的冷色之間的搭配將會產生出豐富多彩的層次。
明度與層次的關系。在色彩的明度處理方面,明度對比是比較重要的。除了考慮色彩的感情外,還必須考慮配色中的黑、白、灰的層次感。這就是色彩配置的明度關系。不同的明度的色彩配置在一起時將產生變化萬千的層次感。白色在色彩中的明度最高,黑色最低,如果將它們配置在一起則會形成強烈對比的層次。
而將紅色和橙色明度比較接近的色彩配置在一起時,其層次感相對較弱。純度與層次的關系。
當色彩純度高的色彩與純度低的色彩配置在一起時,純度高的色彩更鮮艷而純度低的色彩則更暗濁。那么。純度高的色彩就會有一種向前的傾向,而暗濁的色彩則會有退后之感,這樣,色彩層次很分明。當然在考慮用色彩的純度來達到設計的層次要求時,自然要將色彩的色相、明度考慮進去。
不管用哪種色彩,如何配置,色相、明度、純度是很難分開的,也不能孤立的。色彩面積與層次的關系。
構圖時,必然要認真考慮各部分的位置、大小。這就牽涉到色彩的面積的篩。為了達到一個統一和諧的色調,一般以一種顏色為主調,并占據畫面的主要位置,即較大的面積,而其它色彩自然占較小面積。這樣做,不但可以保持其主色調,而且還會產生對比層次,使畫面既統一又有變化。
這一段很和諧。教科書般的和諧!
說幾個判斷方法:
(一):裸奔??刹皇菬oCSS的裸奔,而是在設計稿出來后,合并所有圖層,轉換為黑白或lab模式查看黑白灰的感覺。
瞇上眼睛看。
閉眼,猛的睜開看。
盯著某樣東西到視覺模糊后切換過來看!
(請諸位自行對自己的眼睛負責?。。。。?br />
(二):反相。
通過反面對比來察覺層次中的弱點。
(三):切斷。
按照構圖,將設計稿切成N個部分,用以上兩種方法查看。這個,對web設計師,相對重要點!
四:空間感覺--展示平臺的融合與超越;
看圖,原地址:http://shyls.longfor.com.cn/main.html