主頁設計教程

　　主頁就像以一個住宅的大門一樣，由此通往各個模組，主頁是網站重要的組成部分，也代表了一個網站的門面，主頁設計的好與壞直接影響一個網站給人最直觀的感受，其重要性是不言而喻。以下是有小編為大家整理的，希望能幫到你。

　　1、風格定位

　　主頁設計的美化首先要考慮風格的定位。任何主頁都要根據主題的內容決定其風格與形式，因為只有形式與內容的完美統一，才能達到理想的宣傳效果。目前主頁的應用範圍日益擴大，幾乎包括了所有的行業，包羅永珍，但歸納起來大體有這麼幾個大類：新聞機構、政府機關、科教文化、娛樂藝術、電子商務、網路中心等。對於不同性質的行業，應體現出不同的主頁風格，就像穿著打扮，應依不同的性別以及年齡層次而異一樣。例如：政府部門的主頁風格一般應比較莊重，而娛樂行業則可以活潑生動一些;文化教育部門的主頁風格應該高雅大方，而商務主頁則可以貼近民俗，使大眾喜聞樂見。

　　主頁風格的形成主要依賴於主頁的版式設計，依賴於頁面的色調處理，還有圖片與文字的組合形式等。這些問題看似簡單，但往往需要主頁的設計和製作者具有一定的美術素質和修養。

　　還有，動畫效果也不宜在主頁設計中濫用，特別是一些內容比較嚴肅的主頁。主頁畢竟主要依靠文字和圖片來傳播資訊，它不是動畫片，更不是電視或電影。至於在主頁中適當連結一些影視作品，那是另外一回事。

　　2、色彩處理

　　色彩是人的視覺最敏感的東西。主頁的色彩處理得好，可以錦上添花，達到事半功倍的效果。色彩總的應用原則應該是"總體協調，區域性對比"，也就是：主頁的整體色彩效果應該是和諧的，只有區域性的、小範圍的地方可以有一些強烈色彩的對比。在色彩的運用上，可以根據主頁內容的需要，分別採用不同的主色調。因為色彩具有象徵性，例如：嫩綠色、翠綠色、金黃色、灰褐色就可以分別象徵著春、夏、秋、冬。其次還有職業的標誌色，例如：軍警的橄欖綠，醫療衛生的白色等。色彩還具有明顯的心理感覺，例如冷、暖的感覺，進、退的效果等。另外，色彩還有民族性，各個民族由於環境、文化、傳統等因素的影響，對於色彩的喜好也存在著較大的差異。充分運用色彩的這些特性，可以使我們的主頁具有深刻的藝術內涵，從而提升主頁的文化品位。下面介紹幾種常用的配色方案。

　　暖色調。即紅色、橙色、黃色、赭色等色彩的搭配。這種色調的運用，可使主頁呈現溫馨、和煦、熱情的氛圍。

　　冷色調。即青色、綠色、紫色等色彩的搭配。這種色調的運用，可使主頁呈現寧靜、清涼、高雅的氛圍。

　　對比色調。即把色性完全相反的色彩搭配在同一個空間裡。例如：紅與綠、黃與紫、橙與藍等。這種色彩的搭配，可以產生強烈的視覺效果，給人亮麗、鮮豔、喜慶的感覺。當然，對比色調如果用得不好，會適得其反，產生俗氣、刺眼的不良效果。這就要把握"大調和，小對比"這一個重要原則，即總體的色調應該是統一和諧的，區域性的地方可以有一些小的強烈對比。

　　還要考慮主頁底色***背景色***的深、淺，這裡借用攝影中的一個術語，就是"高調"和"低調"。底色淺的稱為高調;底色深的稱為低調。底色深，文字的顏色就要淺，以深色的背景襯托淺色的內容***文字或圖片***;反之，底色淡的，文字的顏色就要深些，以淺色的背景襯托深色的內容***文字或圖片***。這種深淺的變化在色彩學中稱為"明度變化"。有些主頁，底色是黑的，但文字也選用了較深的色彩，由於色彩的明度比較接近，讀者在閱覽時，眼睛就會感覺很吃力，影響了閱讀效果。當然，色彩的明度也不能變化太大，否則螢幕上的亮度反差太強，同樣也會使讀者的眼睛受不了。

　　3、線條和形狀

　　文字、標題、圖片等的組合，會在頁面上形成各種各樣的線條和形狀。這些線條與形狀的組合，構成了主頁的總體藝術效果。必須注意藝術地搭配好這些線條和形狀，才能增強頁面的藝術魅力。

　　直線***矩形***的應用。直線條的藝術效果是流暢、挺拔、規矩、整齊，所謂有輪有廓。直線和矩形在頁面上的重複組合可以呈現井井有條、涇渭分明的視覺效果。一般應用於比較莊重、嚴肅的主頁題材。

　　曲線***弧形***的應用。曲線的效果是流動、活躍，具有動感。曲線和弧形在頁面上的重複組合可以呈現流暢、輕快，富有活力的視覺效果。一般應用於青春、活潑的主頁題材。

　　曲、直線***矩形、弧形***的綜合應用。把以上兩種線條和形狀結合起來運用，可以大大豐富主頁的表現力，使頁面呈現更加豐富多彩的藝術效果。這種形式的主頁，適應的範圍更大，各種主題的主頁都可以應用。但是，在頁面的編排處理上，難度也會相應大一些，處理得不好會產生凌亂的效果。最簡單的途徑是，在一個頁面上以一種線條***形狀***為主，只在區域性的範圍內適當用一些其它線條***形狀***。

　　4、版面編排

　　主頁的設計首先涉及到的是頁面的版面編排問題。"版面編排"實際上就是中國古代畫論中的"經營位置"。主頁作為一種版面，既有文字，又有圖片。文字有大有小，還有標題和正文之分;圖片也有大小，而且有橫有豎之別。圖片和文字都需要同時展示給觀眾，總不能簡單地羅列在一個頁面上，這樣往往會搞得雜亂無章。因此必須根據內容的需要，將這些圖片和文字按照一定的次序進行合理的編排和佈局，使它們組成一個有機的整體，展現給廣大的觀眾。可以依據如下幾條來做：

　　主次分明，中心突出。在一個頁面上，必然考慮視覺的中心，這個中心一般在螢幕的中央，或者在中間偏上的部位。因此，一些重要的文章和圖片一般可以安排在這個部位，在視覺中心以外的地方就可以安排那些稍微次要的內容，這樣在頁面上就突出了重點，做到了主次有別。

　　大小搭配，相互呼應。較長的文章或標題，不要編排在一起，要有一定的距離，同樣，較短的文章，也不能編排在一起。對待圖片的安排也是這樣，要互相錯開，造成大小之間有一定的間隔，這樣可以使頁面錯落有致，避免重心的偏離。

　　圖文並茂，相得益彰。文字和圖片具有一種相互補充的視覺關係，頁面上文字太多，就顯得沉悶，缺乏生氣。頁面上圖片太多，缺少文字，必然就會減少頁面的資訊容量。因此，最理想的效果是文字與圖片的密切配合，互為襯托，既能活躍頁面，又使主頁有豐富的內容。

　　總結：主頁中包含了指向網站中其他頁面的超連結，使用者通過主頁可以訪問網站的其他頁面，很大程度上直接影響使用者訪問網站的慾望，以上就是本期網頁設計教程中對於主頁設計一些設計理念風格上的建議，大家不妨參考一下，更多的視訊教程可以登入課課家官網查詢相關課程學習。