不懂代碼沒問題！15款網(wǎng)頁設(shè)計(jì)師必知的無代碼網(wǎng)站搭建平臺(tái)

作為設(shè)計(jì)師，對網(wǎng)站滿腦子的構(gòu)思，卻受限于時(shí)間和技能（比如寫代碼），這是何其無奈！那個(gè)在你腦中盤桓許久的網(wǎng)站，或許是一個(gè)博客，可能是作品展示網(wǎng)站，但無論是哪種，想要讓想法落地實(shí)現(xiàn)出來終究是一個(gè)艱巨的任務(wù)。也許今天為你推薦的這15款網(wǎng)站設(shè)計(jì)/開發(fā)工具能幫你改變這個(gè)局面——即使不會(huì)寫代碼，也能搞定這一切。

1. Carrd

作為一款免費(fèi)的網(wǎng)站搭建和托管服務(wù)，Carrd 可以幫你創(chuàng)建風(fēng)格現(xiàn)代而簡約的響應(yīng)式單頁網(wǎng)站，這類網(wǎng)站靈活性十足，近乎可以承載任何類型的內(nèi)容。不過值得注意的是， Carrd 的最大優(yōu)勢在于易用性，而非功能的完備性上并不理想。如果你想制作一款功能強(qiáng)大、可深度定制的網(wǎng)站，那么Carrd 并不符合你的選擇。

2. Template Stash

這是一個(gè)精心整理的最佳網(wǎng)站模板合集，每一款都充滿了視覺吸引力，在功能上也易于定制，幾乎都是爆款模板。在這套合集中，你可以按照類別、關(guān)鍵詞和創(chuàng)建者來進(jìn)行檢索?？紤]到大家的需求，目前新加入了按照設(shè)計(jì)趨勢來檢索的功能，比如你可以檢索帶有 Material Design 風(fēng)格的模板。

3. Bubble

即使你沒有編程經(jīng)驗(yàn)，同樣可以在Bubble 的幫助下創(chuàng)建網(wǎng)站或者移動(dòng)端的應(yīng)用。在設(shè)計(jì)過程中，你僅需要將各種不同的元素和控件拖放到你想要放置的位置中，這些元素類型非常全面，文本、視頻、地圖、圖標(biāo)、按鈕和各種各樣的控件，并且它們的樣式和細(xì)節(jié)都是可以定制的。

4. HTML to WordPress

顧名思義，這款名為 HTML to WordPress 的工具可以幫你將靜態(tài)的HTML網(wǎng)站轉(zhuǎn)化為Wordpress主題。如果你目前正打算更新、切換、遷移網(wǎng)站，那么這款工具能夠幫你省去很多麻煩，僅需幾秒鐘，你就可以讓你的新網(wǎng)站擁有和以往某個(gè)網(wǎng)站完全相同的樣子，而你需要做的就是上傳新生成的主題，然后激活它。

5. Tilda Publishing

Tilda Publishing 同樣是一個(gè)網(wǎng)站搭建平臺(tái)，不過它更偏向內(nèi)容型網(wǎng)站平臺(tái)。170多款預(yù)制的設(shè)計(jì)模塊，通過托拽完成布局，這樣的設(shè)計(jì)還可以很好的保持響應(yīng)式，確保你所設(shè)計(jì) 的網(wǎng)站能夠在所有設(shè)備上正常打開和瀏覽。所以，如果你設(shè)計(jì)的是新聞、資訊、雜志等內(nèi)容網(wǎng)站，這款工具幾乎是為你而生的。

6. XPRS

XPRS 也是一款網(wǎng)站搭建工具，它會(huì)讓你的網(wǎng)站搭建像樂高一樣簡單好玩兒。XPRS 讓你告別復(fù)雜、混亂、昂貴的開發(fā)過程，優(yōu)秀可靠的設(shè)計(jì)和可靠的托管服務(wù)，加上簡單易用的集成編輯環(huán)境，還有什么樣的Web項(xiàng)目搞不定的呢？

7. Grav

Grav 是一款開源的內(nèi)容管理系統(tǒng)，它比起同類的工具更加復(fù)雜，是為有一定經(jīng)驗(yàn)的開發(fā)者所準(zhǔn)備的進(jìn)階工具。它的優(yōu)勢在于可以幫你創(chuàng)建出更加快速高效的網(wǎng)站，Grav 可以像 Drupal、Wordpress和 Joomla 一樣動(dòng)態(tài)的編輯網(wǎng)站內(nèi)容，它還有視覺化的調(diào)試面板、靈活的分類、多語言支持等等全面的功能。

8. Pivot

Pivot 也是一款支持托拽布局的實(shí)時(shí)HTML網(wǎng)頁搭建工具。這款基于模塊的多功能HTML5模板，為你提供了超過70種不同樣式、不同風(fēng)格的區(qū)塊，你可以在短短幾分鐘內(nèi)就挑選出導(dǎo)航、輪播圖模塊、內(nèi)容區(qū)塊等多種類型的組件，構(gòu)建出貼合各種需求的網(wǎng)站。

9. Hype 3.0

同樣的，Hype 3.0 讓你可以無需編寫代碼而制作出漂亮的HTML 5的內(nèi)容。這種基于關(guān)鍵幀的動(dòng)畫系統(tǒng)能夠幫你更好的創(chuàng)建內(nèi)容，輕松的手動(dòng)添加、編輯和刪除。不論你想創(chuàng)建嵌入網(wǎng)頁的內(nèi)容還是信息圖，電子書或者演示文稿，都可以借此獲得不錯(cuò)的效果。

10. OnePager

OnePager 是一款制作Wordpress主題的工具，這款開源的主題編輯器讓你可以快速編輯并生成Wordpress主題，毫不費(fèi)力地制作出反應(yīng)靈敏，功能完備的頁面。OnePager 為你提供了高度自由地進(jìn)行頁面定制的可能性，量身定做一個(gè)功能和風(fēng)格都符合你需求的網(wǎng)頁不再只存在于想象。

11. Webydo 2.0

Webydo 為專業(yè)的網(wǎng)頁設(shè)計(jì)師提供了無縫的網(wǎng)頁設(shè)計(jì)體驗(yàn)，并且無需使用代碼。Webydo 一開始就是針對沒有編程經(jīng)驗(yàn)的設(shè)計(jì)師來研發(fā)的，雖然市場上同類工具并不少，但是Webydo 的專業(yè)性上并不弱于其中任何一款。它不僅僅是從設(shè)計(jì)師的需求出發(fā)，而且便于結(jié)算，還提供了整潔的控制面板和專業(yè)的客戶端，以及強(qiáng)大無比的內(nèi)容管理系統(tǒng)。如果你是設(shè)計(jì)師，也許Webydo 就是你夢寐以求的那個(gè)工具。

12. Bootstrap Studio

想用Bootstrap框架來創(chuàng)建響應(yīng)式網(wǎng)站？那么就用Bootstrap Studio 來制作吧。這是一款面向設(shè)計(jì)師的桌面端軟件，界面設(shè)計(jì)也秉承一貫的原則，干凈直觀，盡量為每一個(gè)用戶提供足夠爽快的體驗(yàn)。軟件涵蓋了豐富的組件，用戶同樣是通過托拽來搭建布局。開發(fā)團(tuán)隊(duì)承諾，軟件所構(gòu)建的頁面本身的HTML和CSS代碼和手寫的代碼一樣清爽美觀。

13. Evolero 2.0

Evolero 和其他的網(wǎng)站搭建平臺(tái)略有不同，它是專門用來創(chuàng)建活動(dòng)類網(wǎng)站的平臺(tái)。雖然從廣度上和其他的無法相比，但是在深度上可謂是無與倫比：它幾乎是一站式的活動(dòng)類網(wǎng)站創(chuàng)建工具，無論是事件管理還是從B端到C端的管理，從售票到社區(qū)建設(shè)，它擁有完備的服務(wù)和功能模塊，不論你是企業(yè)活動(dòng)還是非盈利組織的酒會(huì)，它都能完美的幫你搞定網(wǎng)站設(shè)計(jì)。

14. Cloudpress

Cloudpress 可以幫你創(chuàng)建獨(dú)特的響應(yīng)式 WordPress網(wǎng)站，同樣的無需代碼技能加持就可以搞定一切。開發(fā)團(tuán)隊(duì)在Cloudpress 的官方博客中發(fā)表了超過80篇文章教你如何使用它，從原型到頁面設(shè)計(jì)的細(xì)節(jié)。你可以全面控制網(wǎng)站的細(xì)節(jié)，從字體的色彩到排版和各種尺寸、背景以及特效。

15. Picnic

從零開始搭建和管理一個(gè)網(wǎng)站可能會(huì)相當(dāng)麻煩，但是實(shí)際上沒有這個(gè)必要。Picnic 可以讓你在短短幾分鐘內(nèi)搞定注冊域名、網(wǎng)站搭建等工作，幫你飛快地啟動(dòng)你的網(wǎng)站項(xiàng)目。

【技多不壓身的設(shè)計(jì)師才有高薪資！】

1. 平面設(shè)計(jì)：《超贊！設(shè)計(jì)師完全自學(xué)指南》
2. 交互設(shè)計(jì)：《交互設(shè)計(jì)師修煉指南！教你從零開始成為優(yōu)秀交互設(shè)計(jì)師》
3. UI設(shè)計(jì)：《超實(shí)用新手指南！零基礎(chǔ)如何自學(xué)UI設(shè)計(jì)？》
4. 前端開發(fā)：《天貓高手來教你！零基礎(chǔ)如何系統(tǒng)地學(xué)習(xí)前端開發(fā)？》
5. 摳圖技巧：《從菜鳥到高手！PHOTOSHOP摳圖全方位攻略》
6. 配色方案：《色彩搭配速成！3個(gè)實(shí)用方法幫你全面搞定配色》
7. DPI指南：《基礎(chǔ)知識(shí)學(xué)起來！為設(shè)計(jì)師量身打造的DPI指南》
8. 交互設(shè)計(jì)自學(xué)路徑圖：《零基礎(chǔ)入門！給非科班生的自學(xué)路徑圖之交互設(shè)計(jì)篇》

原文地址：Medium
原文作者：Product Hunt
優(yōu)設(shè)譯文：@陳子木

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請尊重版權(quán)和譯者成果，轉(zhuǎn)摘請附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量160萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com