著陸頁是網(wǎng)站上的一個至關(guān)重要的頁面，一個好的著陸頁，可以引導訪客在登陸你的網(wǎng)站時進行一系列操作，進而達成注冊，購買或者其他轉(zhuǎn)化。因此，設(shè)計師們都必須精心設(shè)計著陸頁，因為只有精心設(shè)計的頁面才可以增加轉(zhuǎn)化次數(shù)。那么，如何才能快速高效的進行著陸頁設(shè)計呢？

現(xiàn)如今，一個很好的辦法就是使用網(wǎng)頁模板。但是雖說模板資源繁多，但是好資源卻“一將難求”。設(shè)計師，甚至開發(fā)者，往往需要花費大量的精力才能找到一個優(yōu)質(zhì)的著陸頁模板，實在是消耗巨大，效率極低。摹客今天為你精選了20個最佳Bootstrap著陸頁模板，快速網(wǎng)頁設(shè)計從此不是事兒。我們始終在以各種方式，讓你的設(shè)計更快更簡單！

5個2018年最好的免費響應式HTML5著陸頁模板

1. Clymene

Clymene是一個完整的多功能HTML模板，可以廣泛運用：作品集網(wǎng)站，博主網(wǎng)站，自由職業(yè)者網(wǎng)站，攝影師網(wǎng)站，餐館，商店和旅行社網(wǎng)站等等。無論你是想呈現(xiàn)作品，還是展示產(chǎn)品或服務(wù)，這個模板都能涵蓋到你需要的每個細節(jié)。Clymene還有經(jīng)典的網(wǎng)格設(shè)計，簡潔的Pinterest風格的磚石布局，具有最大化頁面空間，可以制造極佳的用戶體驗。

特色：

l 免費Wordpress版本

l 觸摸滑動支撐

l Premium旋轉(zhuǎn)滑塊（價值14美元）

https://elements.envato.com/clymene-creative-multipurpose-html-template-wp-6RYYF4

2. Sukces

Sukces是一款功能強大的HTML5 / CSS3個人簡歷網(wǎng)站著陸頁模板，適合所有人群，無論是自由職業(yè)者，設(shè)計師，攝影師，還是其他任何行業(yè)人群都可以使用該模板快速設(shè)計網(wǎng)頁。該模板是基于Bootstrap 3框架，具有完全響應式的設(shè)計，因此在任何設(shè)備上都可以完美展現(xiàn)。

特色：

l 精致的設(shè)計和動畫效果

l 響應式HTML5和CSS3模板

l 完美的單頁個人網(wǎng)站模板

l 10個演示版本

l 視頻背景

l RTL支持

https://elements.envato.com/sukces-neat-personal-resume-cv-vcard-template-RY5AJN

3. Meal

Meal是由Free-Template.co設(shè)計和發(fā)布的免費單頁 HTML著陸頁模板，主題是關(guān)于餐廳行業(yè)的。 其包括簡潔的轉(zhuǎn)換頁面、畫布導航、食物菜單（包括早餐，午餐，晚餐切換器設(shè)計）、廚師簡介、客戶評論板塊、預訂表格等，該模板還有一個帶有Google Maps集成功能的智能頁腳。

特征：

l 預訂食物菜單表格

l 谷歌地圖

l 導航菜單響應式設(shè)計

l 團隊推薦書

https://onepagelove.com/meal

4. Tinos

Tinos是一個高級預訂酒店的HTML模板，該模板不是多功能的，是專為酒店，度假村和客房預訂而設(shè)計和開發(fā)的單屏固定模板。Tinos有兩種版本，即Dark＆Light，但是都是簡潔時尚的設(shè)計風格。 該模板的字體使用很棒，Tinos和Montsreat可以的完美結(jié)合，帶來一種奢華的設(shè)計效果。

特色：

l 30個HTML文件

l 可轉(zhuǎn)換為Wordpress，Joomla或其他CMS

l 設(shè)計非常優(yōu)雅和現(xiàn)代

l 容易定制的1170px網(wǎng)格

l 使用Bootstrap Grid制作，像素完美

https://elements.envato.com/tinos-premium-booking-hotel-html-template-P4KVNA

5. Housing

Housing是一個視差滾動設(shè)計的房地產(chǎn)著陸頁面模板，有助于將你的訪客轉(zhuǎn)換為未來的客戶。該模板適用于房地產(chǎn)開發(fā)商，建筑師，代理商或任何與房地產(chǎn)相關(guān)的業(yè)務(wù)使用。該模板具有美觀簡潔的設(shè)計，用戶可以在你的網(wǎng)站上獲得愉快的用戶體驗。該模板使用Bootstrap 4構(gòu)建。

特色：

l 視差效果

l 谷歌地圖

l Bootstrap4

https://elements.envato.com/housing-real-estate-landing-page-3CZ7UU

5個2018年最好的免費響應式Bootstrap著陸頁模板

1、Business Casual

Business Casual是一個基于Bootstrap 4的完整網(wǎng)站模板，包含有多個設(shè)計精美的頁面，其中有4個不同的HTML頁面，還有多個自定義樣式組件。該模板是一個易于開發(fā)的商業(yè)網(wǎng)站著陸頁模板集錦。

特征：

l 支持所有主流瀏覽器和平臺，版本穩(wěn)定

l 使用Bootstrap 4創(chuàng)建的完全響應的HTML模板

l Bootstrap4的全新設(shè)計

l 4個預先構(gòu)建的HTML頁面

https://startbootstrap.com/template-overviews/business-casual

2. New Age

這是一個豐富多彩的Bootstrap著陸頁面模板主題，適用于網(wǎng)絡(luò)應用程序或其他商業(yè)用途。該模板可以幫助展示你的Web應用程序或其他任何內(nèi)容。該模板采用大膽、色彩繽紛的設(shè)計，具有極強的視覺沖擊效果。

特征：

l 無需Photoshop或圖像編輯

l 自定義導航菜單，滾動動畫

l 包括SASS / SCSS文件，更深入的自定義選項

l 使用nav，sections和asides進行語義標記

l 自定義按鈕樣式

l CSS漸變風格

https://startbootstrap.com/template-overviews/new-age/

3. Freelancer

該模板是一個單頁Bootstrap作品集主題網(wǎng)站的著陸頁模板，該模板最適合的人群是自由職業(yè)者。該模板面向freelancers.Built，支持所有最新的主流瀏覽器和平臺，版本穩(wěn)定；使用Bootstrap創(chuàng)建，具有完全響應式設(shè)計，該模板還具有移動端友好的聯(lián)系表格與浮動表格標簽。

特色：

l 包括SCSS / SASS文件和編譯的CSS

l 滾動導航項目

l 響應式全屏模式窗口

l 使用Font Awesome的自定義圖標

https://startbootstrap.com/template-overviews/freelancer/

4. Appy

該模板是一個基于Bootstrap 1170px的應用程序著陸頁HTML模板。該模板旨在幫助網(wǎng)站所有者銷售具有創(chuàng)意和現(xiàn)代設(shè)計元素的移動應用程序，Appy包含了應用程序登錄頁面應包含的所有可能元素和頁面。

特色：

l 無限的顏色

l 響應式設(shè)計

l Mailchimp集成

https://elements.envato.com/appy-app-landing-page-html-template-A6D3G8

5. Grayscale

該模板是一個免費的，多用途的單頁Bootstrap主題著陸頁模板，具有深色配色方案和流暢的滾動動畫。該模板具有自定義按鈕樣式，固定的頂部導航，滾動時折疊的導航設(shè)計，平滑滾動動畫等，這些設(shè)計使得該模板非常吸引人。

特色：

l 支持所有主流瀏覽器和平臺的最新版本

l 使用Bootstrap 4創(chuàng)建的完全響應式HTML模板

l SCSS/ SASS文件和編譯的CSS

https://startbootstrap.com/template-overviews/grayscale/

5個2018年最好的免費響應式Wordpress主題著陸頁模板

1. Mggillis

Mggillis是一個為高等教育機構(gòu)免費提供的Wordpress著陸頁面主題模板。如果你覺得選擇某個學校就讀是一個重大決定，那么使用該模板的設(shè)計，可以幫助你獲得最好的支持途徑和支持內(nèi)容。該模板是專用于教育行業(yè)，具有極簡主義設(shè)計風格。

特點：

l 教育行業(yè)特定

l 使用5％或更多的副本提高轉(zhuǎn)化率

l 優(yōu)秀的表格設(shè)計

https://unbounce.com/landing-page-template/mcgillis-university-higher-education/

2. Moto

Moto 是一個WordPress主題的著陸頁面模板，該模板具有很好的響應設(shè)計，以及干凈和現(xiàn)代設(shè)計頁面。該模板內(nèi)容豐富，具有博客頁面和博客詳細信息頁面；其簡潔的線條圖標營造了非常干凈的UI界面設(shè)計，加之無限的色彩變化，非常吸引人。

特色：

l 創(chuàng)意和現(xiàn)代設(shè)計

l 主題布局

l 更快的拖放頁面構(gòu)建器

l 基于King Composer構(gòu)建

https://elements.envato.com/moto-wordpress-landing-page-theme-WH6JZ5R

3. Gaze

Gaze是一款優(yōu)質(zhì)的多功能WordPress主題著陸頁模板。它的設(shè)計和開發(fā)考慮了實際運用過程中要求的簡單性和靈活性，因此非常易于定制。該模板有超過18個演示版本，每個版本都有自己獨特的風格和功能，還具有超過100個模塊和元素。Gaze適合初創(chuàng)網(wǎng)站，作品集，數(shù)字代理商，商業(yè)公司，著陸頁面，在線商店和個人網(wǎng)站使用。

特色：

l 干凈的語義PHP代碼構(gòu)建

l 響應式Bootstrap網(wǎng)格

l 文件類型包含CSS，JS，PHP，PSD

https://elements.envato.com/gaze-responsive-multipurpose-wordpress-theme-W9NRMWD

4. Stash

Stash是一個直觀、靈活、強大的WordPress主題著陸頁模板，旨在滿足各種規(guī)模的商業(yè)網(wǎng)站需求。該模板是在考慮實用程序的基礎(chǔ)上構(gòu)建的，可以使你的內(nèi)容以該模板現(xiàn)有的布局彈出。主題包括市場上最受歡迎的高級插件：Visual Composer，Revolution Slider和Essential Grid。

特色：

l 完全響應式設(shè)計

l 具有拖放界面和大量預先構(gòu)建的元素

l 多種類型的布局

l 與WPML插件兼容

https://goo.gl/4vy2XN

5. Photos

Photosy是非常適合展示攝影作品的WordPress主題著陸頁模板。該模板包括了幾個著陸頁面布局，最大的特色是長滾動的單頁面布局。亮點在于包括了carousal、Instagram提要、博客文章和帶有多個選項的欄目。該模板具有全畫布視圖，可以縮放、全屏、自動播放幻燈片甚至是下載圖像。

特征：

l 100％寬度布局

l 大圖片博客

l 長滾動響應式設(shè)計

l 滑塊幻燈片主題

https://onepagelove.com/photosy

5個其他的著陸頁模板推薦

1. Atlas One Page HTML模板

Atlas是一個基于Bootstrap框架構(gòu)建的免費單頁HTML模板，適用于干凈，長滾動的目標網(wǎng)頁，功能包括清晰的排版，滾動時的內(nèi)容加載過渡，時髦的角線，帶有屏幕截圖的設(shè)備，客戶端和聯(lián)系表單。

https://onepagelove.com/atlas-template

2. Product landing page

這是一個WIX旗下的主題著陸頁面模板，主要用于促銷網(wǎng)站的頁面設(shè)計。該模板具有豐富的畫面設(shè)計和商品展示板塊，可以給你想要促銷的商品帶來很大的曝光展示量。

https://goo.gl/K9ttX3

3. Drew

該模板將精美的設(shè)計和與頁面相關(guān)的營銷策略的設(shè)計結(jié)合在一起，可以呈現(xiàn)產(chǎn)品最佳的性能和功能。該模板包含許多組件和組件變體，可以自定義設(shè)計。

https://wrapbootstrap.com/theme/drew-all-in-one-marketing-landing-page-WB0350PTJ

4. Delta

Delta是一個HTML5著陸頁模板，該模板簡單明了，旨在幫助應用開發(fā)者推廣其移動應用。

https://wrapbootstrap.com/theme/delta-promote-mobile-app-bootstrap-4-WB09R23P8

5. Prottasha

Prottasha是一個專業(yè)的HTML5著陸頁面模板，適用于任何類型的慈善，非營利，非政府組織和捐贈網(wǎng)站。它是使用最新版本的Bootstrap框架制作的，適用于所有設(shè)備，并具有干凈，時尚和現(xiàn)代潮流的設(shè)計。

https://themeforest.net/item/prottasha-bootstrap-4-charity-landing-page/22668574

更多著陸頁模板下載資源網(wǎng)站

1. https://startbootstrap.com/template-categories/landing-pages/

2. https://unbounce.com/landing-page-templates/

3. https://elements.envato.com/all-items/landing+page

4. https://wrapbootstrap.com/themes/landing-pages

5. https://onepagelove.com/templates/landing-page-tem...

6. https://www.templatemonster.com/landing-page-templ...

7. https://www.wix.com/website/templates/html/landing...

總結(jié)

這些免費的著陸頁模板資源是當下進行快速網(wǎng)頁設(shè)計的最佳選擇之一，無論對網(wǎng)頁設(shè)計師，還是開發(fā)者都很受用，對于那些想要學習網(wǎng)頁設(shè)計的小伙伴，也是非常不錯的學習資源。想要做出2018年最新的網(wǎng)頁設(shè)計嗎？不妨好好利用一下以上推薦的模板哦。

如果會一些代碼，直接使用以上模板會更加便利，當然，你也可以使用原型設(shè)計工具（Mockplus等）快速完成網(wǎng)頁模板設(shè)計。該工具有內(nèi)置的豐富網(wǎng)頁模板，Mockplus官網(wǎng)上也提供了很多優(yōu)秀的網(wǎng)頁模板，可以直接導入使用，不需要使用代碼就可以進行設(shè)計。