現(xiàn)在，在制作網(wǎng)站的時(shí)候，設(shè)計(jì)是非常重要的，而網(wǎng)站首頁的設(shè)計(jì)就是重中之重，如果網(wǎng)站首頁都設(shè)計(jì)不好的話，那么其他頁面也就一樣不會(huì)太好，所以現(xiàn)在設(shè)計(jì)網(wǎng)站，都是在網(wǎng)站首頁上下大功夫的。那么，大家知道什么是網(wǎng)站首頁嗎？網(wǎng)站首頁設(shè)計(jì)要怎么做呢？下面就一起來看看吧。
 
  什么是網(wǎng)站首頁
  “新網(wǎng)”告訴大家，網(wǎng)站首頁是一個(gè)網(wǎng)站的入口網(wǎng)頁，故往往會(huì)被編輯得易于了解該網(wǎng)站，并引導(dǎo)互聯(lián)網(wǎng)用戶瀏覽網(wǎng)站其他部分的內(nèi)容。這部分內(nèi)容一般被認(rèn)為是一個(gè)目錄性質(zhì)的內(nèi)容。大多數(shù)作為首頁的文件名是index、default、main或portal加上擴(kuò)展名。

  網(wǎng)站首頁設(shè)計(jì)要怎么做
  從細(xì)分的領(lǐng)域來看，首頁應(yīng)該趨于扁平，并且盡可能簡(jiǎn)單，從首頁到內(nèi)容頁的層次不應(yīng)該太復(fù)雜，就像今天的一些報(bào)紙排版一樣，首頁幾乎是一個(gè)標(biāo)題，并且客戶想要的內(nèi)容，你可以直接看到。用小圖片布局主頁。網(wǎng)站建設(shè)中常用的首頁形式是小圖片結(jié)構(gòu)，但是對(duì)配色和排版的要求比較嚴(yán)格。色彩搭配要統(tǒng)一合理，排版要整齊、清晰、飽滿。在設(shè)計(jì)首頁時(shí)，應(yīng)將產(chǎn)品模塊與內(nèi)容模塊相結(jié)合，以顯示更多的內(nèi)容。
  從用戶的角度出發(fā)，首頁設(shè)計(jì)包括 CSS 樣式、首尾、主頁內(nèi)容布局、搜索功能增強(qiáng)、添加輔助目錄導(dǎo)航、列設(shè)置、頁面布局等設(shè)計(jì)。當(dāng)然，其中之一必須基于對(duì) HTML、CSS和 WEB應(yīng)用程序的熟悉，但是需要注意的一點(diǎn)是瀏覽器兼容性，構(gòu)建的首頁必須在每個(gè)瀏覽器中進(jìn)行測(cè)試才能正確顯示。

  網(wǎng)站的設(shè)計(jì)與制作應(yīng)符合公司形象、經(jīng)營(yíng)品牌風(fēng)格、精細(xì)設(shè)計(jì)、合理布局。列頁設(shè)計(jì)繼續(xù)首頁樣式的構(gòu)建，排版布局符合大眾用戶瀏覽。詳細(xì)內(nèi)頁根據(jù)欄目的特點(diǎn)制作內(nèi)頁，突出業(yè)務(wù)和有效的信息宣傳，根據(jù)內(nèi)容進(jìn)行材料精細(xì)排版，形象優(yōu)美，有利于后期更新管理。版面設(shè)計(jì)可以通過DIV+CSS 手寫代碼進(jìn)行選擇，符合標(biāo)準(zhǔn)化建設(shè)的要求。特殊效果，根據(jù)頁面設(shè)計(jì)的需要，制作JS特效。
  這對(duì)于公司網(wǎng)站的整體建設(shè)是非常重要的。因此，我們必須把握建設(shè)的特點(diǎn)。建設(shè)網(wǎng)站包括首頁、內(nèi)頁、后臺(tái)等所有主頁的設(shè)計(jì)。網(wǎng)站建設(shè)需要掌握模塊的布局，如新聞模塊、產(chǎn)品模塊等。選擇精簡(jiǎn)代碼進(jìn)對(duì)加快網(wǎng)絡(luò)速度有好處，避免使用過多的JS代碼，使用Flash會(huì)影響網(wǎng)站的速度，沒有客戶體驗(yàn)。所以也需要避免。網(wǎng)站頁面的顏色選擇是根據(jù)貴公司從事的行業(yè)選擇的。顏色必須與這些技能很好地匹配。
  首頁是整個(gè)公司網(wǎng)站頁面最完整的內(nèi)容，將網(wǎng)站的每一欄內(nèi)容設(shè)置為一個(gè)，這樣的功能如果排版不當(dāng)，那么首頁就會(huì)出現(xiàn)混亂。因此，主頁的布局是整個(gè)網(wǎng)站的首要任務(wù)，所以主頁的布局必須簡(jiǎn)單有序，主要和次要。把重要和需要的內(nèi)容放在首頁的位置。如果你想設(shè)計(jì)網(wǎng)站，那么可以咨詢“新網(wǎng)”。

  網(wǎng)站首頁設(shè)計(jì)的注意要點(diǎn)
  1、記住用戶的目標(biāo)
  用戶往往帶著目的訪問一個(gè)站點(diǎn)，每個(gè)鏈接，每次點(diǎn)擊都要合乎他們的經(jīng)驗(yàn)并且引導(dǎo)他們通向他們的目標(biāo)。當(dāng)傳輸你的頁面時(shí)，應(yīng)該讓關(guān)鍵的導(dǎo)航鏈接首先裝載——萬一用戶想轉(zhuǎn)到網(wǎng)站其它的區(qū)域。模仿通常的用戶圖形界面往往可以增加可用性。
  2、記住網(wǎng)站的目的
  網(wǎng)站設(shè)計(jì)應(yīng)該反應(yīng)商業(yè)或者客戶的需求，有效的傳播主要信息與促進(jìn)品牌。然而網(wǎng)站的目標(biāo)最好通過尊重用戶的習(xí)慣來達(dá)到，所以站點(diǎn)結(jié)構(gòu)必須滿足用戶的需要，快速的將用戶引導(dǎo)至其目標(biāo)而避免任何公司和區(qū)域行話。
  3、避免沒有必要的介紹
  雖然介紹的動(dòng)畫非常精彩，但是它們往往延誤了用戶訪問他們正在尋找的信息。應(yīng)該經(jīng)常提供給用戶一個(gè)忽略介紹的命令或者訪問你的主頁的選擇，當(dāng)他們第二次訪問您的主頁時(shí)，對(duì)所有的用戶都應(yīng)該忽略簡(jiǎn)介動(dòng)畫（使用客戶端的javascript來完成這個(gè)功能），然后在目標(biāo)頁面提供返回到動(dòng)畫頁面的選擇。
 
網(wǎng)站首頁設(shè)計(jì)
  4、提供合乎邏輯的導(dǎo)航與交互
  ? 保證用戶的導(dǎo)航: 顯示用戶訪問過的上一個(gè)地址和他即將訪問的下一個(gè)地址. 通過鏈接的不同顏色在用戶訪問后提醒他們?cè)L問過的頁面。
  ? 提供用戶一個(gè)輕松跳出他們正在訪問的部分回到出發(fā)點(diǎn)的的鏈接。
  ? 明確說明每個(gè)鏈接的位置. 保證鏈接的結(jié)構(gòu)和命名法的可視性,而不是隱藏它們直到用戶觸發(fā)了某個(gè)事件（比如鼠標(biāo)移近）。
  ? 確保按鈕定義了足夠好的反應(yīng)區(qū)域。
  ? 利用Flash流的特性首先裝載主要的導(dǎo)航元素。
  ? 確保導(dǎo)航的后退按鈕. 為了做到這一點(diǎn)可以使用瀏覽器內(nèi)置的前進(jìn)和后退導(dǎo)航系統(tǒng),將Flash影片邏輯的分成幾塊并置于獨(dú)立的HTML頁面中. 做為一種選擇, 為影片建立一個(gè)基于Flash的后退按鈕以便用戶可以利用它后退到一個(gè)包含上一個(gè)訪問頁面的場(chǎng)景或楨。
  5、設(shè)計(jì)的連貫性
  提高您的站點(diǎn)性能的最好方法是用戶界面的一致性. 元素結(jié)構(gòu)的再使用,元素的設(shè)計(jì)以及命名的習(xí)慣將使用戶在導(dǎo)向他們的目標(biāo)時(shí)對(duì)站點(diǎn)傳達(dá)的信息的注意力更加豐富, 而且這也有利于站點(diǎn)的維護(hù). 你可以在整個(gè)站點(diǎn)中使用小影片(Smart Clip)來重復(fù)使用交互元素, 還可以讓最初導(dǎo)航系統(tǒng)的文字和圖片在目標(biāo)頁面中重新使用。
  6、不要過度使用動(dòng)畫
  避免不必要的動(dòng)畫. 最好的動(dòng)畫應(yīng)該是可以增加站點(diǎn)的設(shè)計(jì)目標(biāo)的動(dòng)畫, 在導(dǎo)航的時(shí)候講述一個(gè)故事或者有幫助的事情. 在包含大量文字的頁面使用重復(fù)的動(dòng)畫將使視線從消息轉(zhuǎn)移。
  7、慎重使用聲音
  聲音可以為你的站點(diǎn)錦上添花但是絕對(duì)不是必要的. 例如：使用聲音來說明用戶剛剛觸發(fā)了一個(gè)時(shí)間. 確保使用了聲音的開關(guān)與音量調(diào)節(jié)方法, 并且要記住聲音會(huì)顯著的增加文件的大小. 當(dāng)你確實(shí)使用了聲音的時(shí)候，Macromedia Flash會(huì)將聲音轉(zhuǎn)換為MP3文件甚至流媒體化。
  8、面向低帶寬的用戶
  越少的下載越好. 初始的下載頁面大小不能超過40K, 包括所有Macromedia文件，圖像和HTML文件. 為了減少下載時(shí)間, 使用矢量圖形(除非圖像使壓縮過的BMP, 那樣最好仍保持為BMP格式), 并且只有在用戶確定的要用到某個(gè)文件時(shí)才使用Load Movie動(dòng)作. 如果用戶必須等待, 提供一個(gè)裝載的時(shí)間序列與進(jìn)度條, 只要可能，必須在前5秒內(nèi)裝載導(dǎo)航系統(tǒng)。
  9、設(shè)計(jì)的易用性
  確保你的站點(diǎn)的內(nèi)容能被所有的用戶閱讀, 包括那些殘疾用戶. 高度使用ALT標(biāo)簽可以確保網(wǎng)站內(nèi)容能被輔助工具解釋. 影片的可縮放性是讓更多用戶了解網(wǎng)站內(nèi)容的另一項(xiàng)易用的Macromedia特色. 如果需要一個(gè)徹底的Macromedia Flash內(nèi)容可用性的討論,請(qǐng)登陸Macromedia Flash可用性網(wǎng)站。
  10、可用性測(cè)試
  讓一些新手來訪問站點(diǎn)并同時(shí)完成用戶目標(biāo)與站點(diǎn)目標(biāo). 甚至簡(jiǎn)短的Macromedia Flash動(dòng)畫都有可能阻擋用戶實(shí)現(xiàn)目標(biāo), 所以使用Macromedia Flash的帶寬模擬器（Bandwidth Profiler——譯者注）(在視圖菜單的測(cè)試影片模式下)來分析站點(diǎn)在不同帶寬模式下的性能.每次 重復(fù)測(cè)試影片哪怕是很小的改動(dòng). 確保站點(diǎn)的測(cè)試者從人口統(tǒng)計(jì)學(xué)上合乎站點(diǎn)的預(yù)定用戶—特別是預(yù)定用戶中有對(duì)站點(diǎn)的導(dǎo)航有不同級(jí)別的滿意程度。

  網(wǎng)站首頁設(shè)計(jì)要怎么做？在上文中，小編為大家做了簡(jiǎn)單的介紹。其實(shí)，網(wǎng)站首頁對(duì)于一個(gè)網(wǎng)站來說，是最重要的頁面，如果網(wǎng)站首頁沒有設(shè)計(jì)好，那么整個(gè)網(wǎng)站的設(shè)計(jì)都不會(huì)好的，所以大家一定要重視網(wǎng)站首頁的設(shè)計(jì)，具體可以咨詢“新網(wǎng)”。