讓建站像搭積木一樣簡(jiǎn)單！今天要介紹的 Carrd 是近期上線的免費(fèi)建站服務(wù)，只要幾個(gè)簡(jiǎn)單步驟就能快速設(shè)計(jì)出美觀特色的響應(yīng)式網(wǎng)站。我花了不到五分鐘就做了一個(gè)優(yōu)設(shè)網(wǎng)的簡(jiǎn)介，而且還有動(dòng)態(tài)效果！如果你想給自己做個(gè)網(wǎng)站，不妨試試這個(gè)！

Carrd 首頁(yè)一語(yǔ)道破它的特色：簡(jiǎn)單、自由且完整支持響應(yīng)式設(shè)計(jì)的單頁(yè)面網(wǎng)站！如果你想建的網(wǎng)站內(nèi)容不復(fù)雜，或許只需要一個(gè)頁(yè)面就能輕松帶過，Carrd 會(huì)非常適合你。

Carrd 內(nèi)建功能包括讓你自定義網(wǎng)站背景、標(biāo)題、描述以及內(nèi)容鏈結(jié)等等，還能為網(wǎng)站加入圖片、影片、圖標(biāo)、按鈕等等，Carrd 將這些元素模塊化，只要利用拖曳方式就可以快速調(diào)整位置，并進(jìn)行內(nèi)容方面的進(jìn)階編輯。

最令我驚艷的是為網(wǎng)站加入動(dòng)態(tài)效果，使平淡無奇的頁(yè)面更吸睛、更有質(zhì)感！

在開始前，我已經(jīng)使用 Carrd 制作了一個(gè)簡(jiǎn)單的范例頁(yè)面，或許你會(huì)有興趣，那么可直接造訪范例網(wǎng)址，這是我用不到五分鐘時(shí)間做出的網(wǎng)頁(yè)。

Carrd

STEP 1

開啟 Carrd 網(wǎng)站后，點(diǎn)選首頁(yè)的「Choose a Starting Point」開始吧！

第一步先選擇一個(gè)要使用的網(wǎng)站風(fēng)格，這待會(huì)都能夠再做細(xì)部修改，因?yàn)橐尵W(wǎng)站雛形先出來，所以必須從中挑選最適合你心目中理想的版型。

STEP 2

開始 Carrd 編輯畫面前，會(huì)有簡(jiǎn)單的操作說明，方便用戶了解每個(gè)功能用途。簡(jiǎn)單來說，內(nèi)容都可以直接在看到的地方點(diǎn)選修改，右上角是主要工具欄，可以加入組件、預(yù)覽動(dòng)態(tài)效果、發(fā)布網(wǎng)站或開啟更多功能。

STEP 3

我最喜歡 Carrd 的一點(diǎn)是它編輯功能非常直覺好用！只要點(diǎn)選內(nèi)文，就能夠?qū)ξ淖謨?nèi)容或字型、顏色、寬度高度等項(xiàng)目進(jìn)行編輯，拖曳外框來調(diào)整要顯示的位置，沒想到做網(wǎng)頁(yè)竟然如此簡(jiǎn)單對(duì)吧？

STEP 4

點(diǎn)選右上角的「+」號(hào)，在網(wǎng)絡(luò)加入更多元素，例如文本塊、圖片、影片、圖標(biāo)按鈕或鏈結(jié)，可惜窗體部分需要付費(fèi)升級(jí) Pro 會(huì)員才能使用。

STEP 5

Carrd 也可快速變換背景，例如圖片、單一顏色或漸層色，以及進(jìn)行位置或尺寸等設(shè)定。記得前面提到的動(dòng)態(tài)效果嗎？如果你喜歡，也能在「Animation」頁(yè)面進(jìn)行編輯。

在 Carrd 提供的圖庫(kù)里，大量使用來自 Unsplash 免費(fèi)圖庫(kù)的素材，點(diǎn)選就能套用到網(wǎng)站，實(shí)時(shí)預(yù)覽網(wǎng)頁(yè)呈現(xiàn)的效果。 這些挑選過的圖片都非常好看，也很適合用于網(wǎng)頁(yè)做為背景。

STEP 6

當(dāng)網(wǎng)頁(yè)完成后，別忘記點(diǎn)選右上角的「Publish」發(fā)布按鈕來儲(chǔ)存內(nèi)容，第一次使用時(shí)需填入 Email、密碼來注冊(cè)賬號(hào)，以便進(jìn)行后續(xù)的管理維護(hù)。

將設(shè)定字段往下拖曳，就會(huì)有設(shè)定網(wǎng)站標(biāo)題、描述及網(wǎng)址部分，免費(fèi)賬號(hào)可以自定義要使用的網(wǎng)址（使用 .carrd.co 免費(fèi)網(wǎng)址），如果你要設(shè)定自己的域名，那么必須付費(fèi)來升級(jí) Pro 會(huì)員。

STEP 7

點(diǎn)選「Publish」發(fā)布網(wǎng)頁(yè)后會(huì)回到 Carrd 控制臺(tái)，第一次使用必須先去 Email 信箱收取驗(yàn)證郵件，點(diǎn)選信中確認(rèn)鏈結(jié)才算啟用賬號(hào)，啟用后就會(huì)取得該網(wǎng)址的使用權(quán)。

日后想要管理 Carrd 網(wǎng)站，或者付費(fèi)升級(jí)、修改數(shù)據(jù)等等，只要開啟 Carrd 登入你的賬號(hào)，就能返回控制臺(tái)。免費(fèi)賬戶僅能建立一個(gè)網(wǎng)站，若你需要更多配額，必須升級(jí)才能進(jìn)行操作（升級(jí)后最多可建置五個(gè)網(wǎng)站）。

如果你覺得 Carrd 非常好用，也可以考慮支付一年 $19 美元來升級(jí) Pro 賬號(hào)，升級(jí)后可在同一賬號(hào)內(nèi)建置最多五個(gè)網(wǎng)站、支持自定義域名、窗體功能、加入 Google 分析追蹤程序代碼，亦能移除網(wǎng)站內(nèi)的 Carrd 品牌鏈結(jié)。

值得一試的三個(gè)理由：

1. 以瀏覽器免費(fèi)建立網(wǎng)站，無須下載或安裝軟件
2. 支持完整響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)（RWD）技術(shù)
3. 將文字、圖片、影片、圖標(biāo)、按鈕等組件模塊化，在編輯上更簡(jiǎn)單

【優(yōu)設(shè)酷站22連發(fā)！】

1. 免費(fèi)圖庫(kù)+導(dǎo)航收集站：《酷站兩連發(fā)！高品質(zhì)免費(fèi)圖庫(kù)站+專注WEB/APP導(dǎo)航收集站》
2. 音樂站+字體搜索：《酷站兩連發(fā)！幫你專心工作的音樂站+谷歌字體在線搜索神器》
3. 漸變色+代碼比較：《酷站兩連發(fā)！漸變色方案全聚合網(wǎng)站+在線代碼比較神器》
4. 配色+占位圖：《酷站兩連發(fā)！在線色彩搭配工具+快速生成占位圖片器》
5. LOGO下載+字體下載：《酷站兩連發(fā)！可商用的矢量LOGO下載+平面最愛的27款免費(fèi)字體》
6. 壓縮圖片+在線配色：《酷站兩連發(fā)！在線圖片壓縮神器+在線配色工具COLOURCO》
7. CSS Hover動(dòng)畫+寵物小精靈配色：《酷站兩連發(fā)！寵物小精靈專屬配色網(wǎng)站+CSS HOVER動(dòng)畫收集站》
8. 美女圖片+游戲配色：《酷站兩連發(fā)！游戲配色網(wǎng)站+免費(fèi)美女素材特供網(wǎng)站》
9. 在線配色+字體推薦：《酷站兩連發(fā)！在線配色神器+英文字體推薦網(wǎng)站》
10. 追波作品變代碼+16進(jìn)制顏色：《酷站兩連發(fā)！用代碼呈現(xiàn)DRIBBBLE作品+16進(jìn)制顏色網(wǎng)站》
11. 無縫紋理+多邊形背景：《酷站兩連發(fā)！專注無縫紋理素材站+多邊形背景生成器》

原文地址：free.com.tw

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

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