1. <dd id="uw4i9"><track id="uw4i9"></track></dd>

    2. <dd id="uw4i9"><noscript id="uw4i9"></noscript></dd><dd id="uw4i9"><track id="uw4i9"></track></dd>
        <tbody id="uw4i9"></tbody>
        <dd id="uw4i9"><pre id="uw4i9"></pre></dd>
        首頁 > 設計 > 網頁設計 > 正文

        (6)――首頁的設計

        2018-10-16 20:51:37
        字體:
        來源:轉載
        供稿:網友

        首頁的設計

        在我們全面考慮好網站的欄目,鏈接結構和整體風格之后,我們就可以正式動手制作首頁了。
          有這么一句俗語:"良好的開端是成功的一半"。
          在網站設計上也是如此,首頁的設計是一個網站成功與否的關鍵。人們往往看到第一頁就已經對你的站點有一個整體的感覺。是不是能夠促使瀏覽者繼續點擊進入,是否能夠吸引瀏覽者留在站點上,全憑首頁設計的"功力"了。
          所以,首頁的設計和制作是絕對要重視和花心思的。阿捷的經驗是:一般首頁設計和制作占整個制作時間的40%。你寧可多花些時間在早期,以免出現全部做好以后再修改,那將是最浪費精力的事。

          這里,先插一個“封面”的問題。封面是指沒有具體內容,只放一個logo點擊進入或者只有簡單的圖形菜單的首頁。
          是否需要為站點設計一個“封面”?阿捷的個人觀點是:沒必要!
          除非你是很藝術類的站點,或者可以確信內容獨特,可以吸引瀏覽者進一步點擊進入的站點,否則的話,封面式的首頁并不會給你的站點帶來什么好處。我們上網瀏覽需要的是快速,有價值的信息,如果等待xx分鐘,只顯示出一個粗劣的“ENTER”圖標,那么相信沒有人會再耐心等待進入下一頁。

          因為首頁的重要性,阿捷將著重用8篇文章來仔細討論有關首頁設計的方方面面,大致提綱如下:

          ○版面布局的竅門
          ○色彩的搭配
          ○字體的設置和表格的嵌套
          ○細微之處見功力
          ○考慮不同的瀏覽器和分辨率
          ○設計好你的banner和位置
          ○meta標簽的重要性
          ○首頁設計的小建議

          今天,只是關于首頁設計的一個引子。讓我們來大致了解一下首頁設計的步驟。

          首頁,從根本上說就是全站內容的目錄,是一個索引。但只是羅列目錄顯然是不夠的,如何設計好一個首頁呢?一般的步驟是:

          ●確定首頁的功能模塊
          ●設計首頁的版面
          ●處理技術上的細節
          
          一).確定首頁的功能模塊。

          首頁的內容模塊是指你需要在首頁上實現的主要內容和功能。一般的站點都需要這樣一些模塊:

          網站名稱(logo), 廣告條(banner), 主菜單(menu),
          新聞(what's new), 搜索(search), 友情鏈接(links),
          郵件列表(maillist),計數器(count), 版權(copyright).

          選擇哪些模塊,實現哪些功能,是否需要添加其他模塊都是首頁設計首先需要確定的。
           
          二).設計首頁的版面

          在功能模塊確定后,開始設計首頁的版面。就象搭積木,每個模塊是一個單位積木,如何拼搭出一座漂亮的房子,就看你的創意和想象力了。
          設計版面的最好方法是:找一張白紙,一支筆,先將你理想中的草圖勾勒出來,然后再用網頁制作軟件實現。

          三).處理技術上的細節  
         
          阿捷經常收到的來信問題就是:我制作的主頁如何能在不同分辨率下保持不變形,如何能在IE和NC下看起來都不至于太丑陋,如何設置字體和鏈接顏色....等等,阿捷將在下面幾篇文章里為大家詳細介紹。

          首頁設計是整個網站設計的難點和關鍵,阿捷希望能夠通過和大家的交流,總結出一套較為合理易學的設計方法,從而舉一反三,使我們能夠更加輕松的完成整個站點的設計制作。如果你愿意將你的心得體會和大家分享,請來信ajie@soim.com,謝謝!

        本文作者:
        發表評論 共有條評論
        用戶名: 密碼:
        驗證碼: 匿名發表
        欧洲熟妇色XXXX欧美老妇免费

        1. <dd id="uw4i9"><track id="uw4i9"></track></dd>

        2. <dd id="uw4i9"><noscript id="uw4i9"></noscript></dd><dd id="uw4i9"><track id="uw4i9"></track></dd>
            <tbody id="uw4i9"></tbody>
            <dd id="uw4i9"><pre id="uw4i9"></pre></dd>