• <td id="om488"><source id="om488"></source></td>
  • 網頁布局的步驟和方法

    當前位置:網站首頁 > 設計觀點


    看了千千萬萬的頁面,我們也大體知道了頁面上由幾大部分組成。首先就是網站的標志——logo,其次就是導航,子導航,然后網站的主題內容,最后就是網頁底部了。

    現在大家已經知道了網頁的組成元素都有哪些,現在我們就來學習,如何對網頁進行布局。

    一、我們要記住的網頁布局原則是:

    1、簡潔性:最好用一個簡單的關鍵詞語或圖像吸引人們的注意力,醒目易記,就像logo。另一種方法是限制所用字體的顏色和數目,題目不要過長,整個頁面的顏色最好不要超過3中顏色,還有就是顏色的跳躍性不要太大。

    2、一致性:是表現一個站點的獨特風格的重要手段之一。保持一致性,可以從三個方面著手:

    1)、頁面的排版,使用相同的頁邊距、文本、圖形之間保持相同的間距等;

    2)、頁面中的每個元素與整個頁面以及站點的色彩和風格上的一致性;

    3)、在字體和顏色的使用上保持和諧的搭配。

    3、好的對比度:使用對比是強調突出某些內容的最有效的辦法之一。

    實現對比的方法有:

    1、使用顏色的對比,如內容提要使用藍色,而正文采用黑色;

    2、使用大的標題,即面積上的對比;

    3、使用圖像的對比。  

    布局上的一些細節問題可以參照小編的《著名設計師教我們設計網頁

    二、網頁布局的方法:

    1、紙上布局法:就是在圖紙上畫出你想要的樣子,當然是比較粗略的,就像頁頭,正文,圖片等(最好在旁邊標注一下圖片的大小)。

    2、軟件布局法:是利用作圖軟件比如ps,做出一個比較精細的頁面樣子,這個是我推薦的方法,因為利用軟件布局,布局會比較靈活,而且易修改,但是利用軟件也是要注意幾點的:網頁的尺寸及分辨率,顏色,字體,圖文的搭配。 最后總結:先畫出草案,用最簡單的的線條勾畫出創意的頁面輪廓,盡量多畫幾張,最后選定一個滿意的作為繼續創作的腳本;粗略布局 ,在草案的基礎上,將需要旋轉的網頁組成元素安排到頁面上,這里必須注意遵循突出重點、平衡和諧的原則,將網站標志、導航欄等最重要的模塊放在最顯眼、最突出的位置,然后再考慮將要模塊的排放;定案,將粗略布局精細化,具體化。充分發揮設計師的智慧和經驗,多方聯想,才能作出具有創意的布局。


    發布時間:2015-07-22 15:12
    轉載請注明文章出自 優樂質
    ? 河北十一选五