兩款好看的html引導頁源碼2016 最新免費版

想要為你的網站增色添彩嗎？想要人家一進入你的網站就有往里點的沖動嗎？現(xiàn)在的各種游戲官網、論壇等等都有自己的引導頁，也不是非得做這么個東西，只是單單的為了好看，為了吸引用戶點擊。小編這里免費分享兩款好看的html引導頁源碼，有需要的朋友下！

引導頁應該具有的特點

1. 文案言簡意賅，突出核心

根據(jù)愛爾蘭哲學家漢密爾頓觀察發(fā)現(xiàn)的7±2效應，一個人的短時記憶至少能回憶出5個字，最多回憶9個，即7±2個。因此展示的文案要控制在9個字以內，超過后用戶容易遺忘、出現(xiàn)記憶偏差。如果表達起來困難，可以輔助一小段文字進行解釋或補充。因此在最終文案的確定上，要突出重點，多余的文字盡可能地進行刪減。如果文案刪減后字數(shù)還是過多，因考慮對文字進行分層，通過空格或逗號或換行的方式進行視覺優(yōu)化。

精準貼切的文案也十分重要，將專業(yè)的術語轉換成用戶聽得懂的語言。尤其對于通過照片來表現(xiàn)主題的引導頁設計，文案與照片的吻合度，直接影響到情感傳達的效果。

2. 視覺聚焦

在單個引導頁中，信息不宜過多，只闡述一個目的，所有元素都圍繞這個目的進行展開。

視覺聚焦包括兩部分，一是文案的處理，要注意層次，主標題與副標題要形成對比；二是引導頁中的界面、場景、文案具象化元素，要有一個視覺聚焦點，多個視覺元素的排布采用中心擴散的方式，聚焦點的視覺面積最大，同時與擴散的元素拉開對比。這樣用戶能清晰地看到核心文案信息與文案對應的視覺表現(xiàn)元素。同時結合視線流動的規(guī)律，從上到下，從左到右，從大到小。因此可以根據(jù)這個視線流的規(guī)律來進行引導頁的設計。

如下圖為天貓客戶端的引導頁，分析其視覺流發(fā)現(xiàn)，瀏覽的順序從插圖到主文案，再到輔助文案，缺點在首次看到的是插圖而不是文案，插圖相對文字理解相對困難，因此未能快速地獲取該頁的主要信息，可以考慮將文案與插圖的位置進行互換，這樣會好一些。

3. 富于情感化

A. 文案具象化

通過具體的元素、場景來表現(xiàn)文案，采用寫實、半寫實的方式進行表現(xiàn)，有些應用還會配以水彩風格。以天貓為例，天貓是一款購物應用，在設計上通過商場、店鋪的實際場景的具體描繪，渲染輕松、歡快的購物過程。

B. 頁面動效、頁面間交互方式的差異化

之前對于表現(xiàn)方式的歸類已經講到了動畫及頁面切換方式，如果增加了頁面動效，利用動效，包括放大、縮小、平移、滾動、彈跳，表現(xiàn)形式更加多樣化，會讓引導頁更有趣，注意力更為集中。

而頁面間的切換方式除了傳統(tǒng)的卡片左右滑動的方式外，可以結合線條、箭頭等進行引導，通常會配合動效。例如網易新聞客戶端、印象筆記·食記，它們在引導頁的設計上采用了線條作為主線貫穿整個引導頁面，小圓點顯示當前的瀏覽進度，滑動的過程中有滾動視差的效果。

4. 與產品、公司基調相一致

引導頁在視覺風格與氛圍的營造上要與該產品、公司形象相一致，這樣在用戶還未使用具體產品前就給產品定下一個對應的基調。產品的特性決定了引導頁的風格，產品是消費類、娛樂類、工具類還是其他，根據(jù)不同的產品特性決定了引導頁是走輕松娛樂、小清新，還是規(guī)整、趣味性的風格，在最終的表現(xiàn)形式上也就會有完全不同的展現(xiàn)，是插圖、界面、動畫還是其他。如淘寶的娛樂、豆瓣的清新文藝、百度的工具、蟬游記的休閑等等，通過對比就能發(fā)現(xiàn)他們在引導頁設計上的差異。

這樣一方面有利于產品一脈相承，與產品使用體驗相一致；另一方面也會進一步強化公司形象。

以來往為例，來往是一款針對個人用戶的及時通訊應用，主打扎堆、閱后即焚、敲門等與微信不一樣有趣的功能，也是想給用戶創(chuàng)造不一樣的IM溝通方式。因此在引導頁的設計上通過趣味性、甚至有點搞怪的動作與表情來表現(xiàn)來往是這樣一款有趣、歡樂多的產品。

html引導頁源碼怎么用

直接將源碼文件上傳到你網站根目錄.

然后進你虛擬主機管理處.

修改網站默認首頁.把.PHP刪掉.(默認首頁只能打開一個的.所以這里要把DZ的.PHP刪除)

兩款引導頁源碼，選擇一款你喜歡的，或者自行修改、綜合一下

如果是在子目錄只需要寫子目錄綁定域名即可.

其他網站程序原理一樣。