在移動時代，建造一個網(wǎng)站絕對是一件輕而易舉的事，不，用“建造”這個詞都有些浪費，用“整”這個動詞應該更貼切，確實，現(xiàn)在對于企業(yè)和個人用戶來說，不需要像5年前為學習什么 PHP，HTML,JS 語言，或是逛 DZ 商城，費勁心思找一個不會撞臉的模板，甚至是去學習搭建什么 Ngnix、IIS 系統(tǒng)環(huán)境而去發(fā)愁了，也不用擔心被外包公司坑錢了，想起前幾年非洲一個政府網(wǎng)站顧外包耗資幾百萬做了個 WordPress 站真是讓人哭笑不得。現(xiàn)在只需通過 Strikingly 這樣的 Web App 就能在 10 秒鐘內(nèi)“整”出一個網(wǎng)站來，而且擁有當今所有主流的信息展示類網(wǎng)站功能，對于企業(yè)站、個人主頁、產(chǎn)品宣傳頁來說這就夠了。

Strikingly 是啥？

Strikingly 來自華人創(chuàng)業(yè)團隊之手，創(chuàng)立以來一直深受美國硅谷風投、創(chuàng)新工場等公司的青睞，其實與他們類似或比他們誕生還要早的產(chǎn)品有很多，比如像 Weebly/Squarespace/Mozello/Sitefly 等，但就市場認可度來說，Strikingly 無疑是最好的，原因就是勝在細節(jié)，細節(jié)決定成敗，所以今天我們就來看看 Strikingly 對細節(jié)的把握有何高深之處。

Strikingly 以“免費”為基礎，通過網(wǎng)頁瀏覽器為用戶提供網(wǎng)頁設計，功能模塊快速導入、免費域名訪問等服務，如果你愿意付錢還能享用綁定自定義域名、不限帶寬、前端定制等功能，這款產(chǎn)品提供中文網(wǎng)頁服務與中文使用資料庫，如果你在 LinkedIn 創(chuàng)建過個人主頁，可直接與 Strikingly 連接，將 LinkedIn 的個人信息導入 Strikingly，快速生成一套完整的個人網(wǎng)站。

如何通過?Strikingly 快速“整”站

從你一開始注冊 Strikingly 免費賬戶起，后臺就已做好充分的準備了，點擊“創(chuàng)建新網(wǎng)站”按鈕就開始為網(wǎng)站選擇模板了，分為公司、個人、作品集、商城四個種類，雖說模板的數(shù)量不多，但按照目前網(wǎng)頁的設計潮流和布局設計來說已經(jīng)足矣，后面只需用戶自己調(diào)整背景圖、配色即可打造出完全與眾不同的網(wǎng)站來。

功能巨豐富

選擇模板后進入網(wǎng)頁編輯頁面，左側是工具區(qū)（可隱藏），右側是網(wǎng)頁即時預覽區(qū)，工具區(qū)的設計比其他網(wǎng)頁快速設計產(chǎn)品布局更加合理，清晰；從上到下分別是模板保存/發(fā)布按鈕、風格定制（可自選整站配色、字體，但字體集不提供中文字體）、設置按鈕、預覽、操作回撤。上手難度幾乎為 0。

接下來就是版塊設計，官方提供的每一套主題都自帶不同種類的版塊，你可以根據(jù)需求在“添加新版塊”里挑選標題、按鈕、文本排版、多媒體，圖片幻燈片、聯(lián)系方式、注冊表單這種基礎的網(wǎng)頁元素，比如插入一個 “Simple Store”，你的網(wǎng)頁里就能提供商品購物的功能，打造一個小型電子商務網(wǎng)站都不是什么難題了。如果你升級到了 Pro 版，還能使用 “App Store & HTML”、“Social Feed” 模塊以及自定義布局版塊。

下面就版塊設計功能舉幾個例子，我覺得這是 Strikingly 最為精華的功能服務。

免費用戶可以在 “Social Feed” 模塊里插入 Mac玩兒法的 Twitter Timeline，顯示網(wǎng)站官推得最近動態(tài)消息。

或是 “App Store & HTML” 模塊，在網(wǎng)頁上安放 Web App 的 Widget，比如插入一個百度地圖，讓訪客記住你公司的位置，或是插入 PAYPAL 支付按鈕，方便你進行電子交易，不過有些 App Widget 需要你購買 Pro 專業(yè)版后才能使用，比如像插入自定義 HTML 代碼（iframe），MailChimp 郵箱訂閱模塊等 Widget，實用性蠻高的。

你甚至可以在網(wǎng)頁里再安插一個微型博客系統(tǒng)，功能不多，夠用，支持 RSS 訂閱，Disqus 評論模塊插入以及 MailChimp 郵箱訂閱模塊。

得益于優(yōu)良的 Web 表現(xiàn)性能，在模塊添加，修改的過程中，沒有出現(xiàn)像其他產(chǎn)品那樣的頁面卡死或 Safari 閃退現(xiàn)象發(fā)生。

網(wǎng)頁及時預覽功能不局限于“預覽”

說完了工具區(qū)的特定，我們來看看右側網(wǎng)頁預覽區(qū)，由于 Strikingly 提供的模板均支持響應式設計，所有無論你的瀏覽器怎么調(diào)整尺寸，網(wǎng)頁都會即時顯示桌面布局或者移動頁面布局，在 Mac 上利用 Spilt View 將 Strikingly 網(wǎng)頁編輯器至于一側，另一側再打開其他程序編輯網(wǎng)站的文字或圖片，真的是非常方便。

每一個模板都有多個細分布局供用戶選擇，比如調(diào)整 UI 元素的位置和各個段落的高度等；在指定的 UI 位置（圖片、文本段落、按鈕、表單）都可以讓你去修改內(nèi)容，舉個例子，如果你需要在網(wǎng)頁頂部插入自己做的 Logo，可以將鼠標放在此區(qū)域，點擊“編輯”按鈕選擇“替換”，就能從本地或 Strikingly 圖庫選擇圖片，這里要特別提一些 Strikingly 圖庫，這個就是我在文初提到的細節(jié)勝利，Strikingly 圖庫資源很多，提供了三大應用商店的 App 下載/購買按鈕（打造 App 宣傳頁必備啊，不用去 Google 上找素材了），四色社交網(wǎng)站 Logo（但我覺得還是太少），一套精致圖標、一套圓面圖標（ Pro 版用戶可享用更多數(shù)量的圓面圖標）、一套扁平設計圖標（Pro 版）以及一套線條圖標。

替換 Logo 如此簡單，替換網(wǎng)頁背景圖也同樣不在話下，操作原理差不多，右上角有一個背景設計按鈕，你可以在 Strikingly 圖庫（背景圖）里挑選上百種精美的原創(chuàng)背景圖，我喜歡用“商業(yè)”分類的背景圖，因為有許多帶 Macbook 等蘋果產(chǎn)品的圖片?！疤鎿Q網(wǎng)頁背景圖”窗口竟然還能插入本地視頻（也提供視頻資源庫，Strikingly 太厚道了），而且能插入在線視頻，支持優(yōu)酷、土豆、Youtube、Vimeo。

在設計文本時，編輯器提供了一套完整的類 WordPress 文本工具欄，粗體、斜體、下劃線、列表、外鏈、字號等一應俱全，但仍然不提供中文字體。

對于用戶自己插入的圖片，編輯器還內(nèi)置了由 Adobe 提供的圖片編輯引擎，你可以對圖片進行尺寸調(diào)整、剪裁、亮度調(diào)整、紅眼修正、濾鏡修飾等十余種圖片美化操作。

Strikingly 非常善于設計移動端網(wǎng)頁，當模板完成后，可以通過預覽功能即時查看你的設計效果，分桌面、平板電腦、手機三種預覽尺寸。

網(wǎng)站的推廣

所有的網(wǎng)頁設計完畢后點擊發(fā)布按鈕，你的網(wǎng)站就上線了，不過是 strikingly.com 下的子域名，之后你可以考慮為網(wǎng)站做一些推廣了，在編輯器點擊設置按鈕，可以為網(wǎng)站標題，域名前綴名稱進行修改，如果你有自己注冊的域名可以將其綁定在網(wǎng)頁上，用 Strikingly 就這點好，不用用戶自己去買服務器，直接托管在他家上面，省心。另外還可以添加網(wǎng)站介紹、關鍵字、網(wǎng)站 Favicon。

在高級設置里，用戶的選擇更多，我覺得絲毫不差于 WordPress 程序，你可以選擇屏蔽搜索引擎收錄，為網(wǎng)站添加訪問密碼和去掉網(wǎng)站底部的 Strikingly Logo（這兩項都是 Pro 版功能），也能添加法律聲明，獨立頁面（Pro 版獨有，最多可添加 10 個，像 About、Contac Us，Jobs 這種信息頁面都可以用它）、Google Analytic 跟蹤代碼，但讓我意外的是這款產(chǎn)品竟然提供 Optimizely A/B 測試和 Twitter 卡片。后者非常有利于網(wǎng)站的推廣，當網(wǎng)站被推文分享時，Twitter 會顯示一張專用卡片。

如果你不想網(wǎng)站內(nèi)容被翻譯，可以在語言設置里將內(nèi)容強制顯示為原生語言，所有的工作完成后你可以打開數(shù)據(jù)數(shù)據(jù)分析，隨時了解網(wǎng)站的訪問量、訪客地域、設備、來源等數(shù)據(jù)。

結語

總的來審視，Strikingly 提供的功能已經(jīng)非常非常的全面了，她不光能為企業(yè)、開發(fā)者、設計師提供豐富的定制設計方案，還能為網(wǎng)絡營銷者提供免費的不限數(shù)量的站群服務，這樣大度的網(wǎng)站快速建設服務我還真是頭一次遇到，如果你有更個性化的需求，可以考慮 Pro 版，裝備有 Pro 版的 Strikingly 可做的事情就更多了，像前文提到的“綁定自定義域名”、“享受不限帶寬的權利”、“前端定制”、“去除 Strikingly Logo” 、“密碼保護網(wǎng)站”等專享服務，還可將在線商城的商品數(shù)量調(diào)整到最多 20 個（免費賬戶每個網(wǎng)站只能放置一個商品），創(chuàng)建三個帶專業(yè)版功能的網(wǎng)站，邀請他人管理編輯網(wǎng)站，插入移動端應用按鈕，并獲贈1年免費域名、電子郵箱（前提是必須支付年費）。這么多功能只需要你月付 20 美元，年付更省錢，只需每月 16 美元，如果 連續(xù)支付 2 年費用，月付還能降到 14 美元。另外，如果你覺得專業(yè)版有些功能用不到，可以降級到基礎版，月付僅需 12 美元，年付每月 8 美元，連續(xù)支付 2 年費用，月付降到 7 美元，基礎版可綁定自定義域名，創(chuàng)建兩個基礎版功能網(wǎng)站，每月帶寬 50 GB 以及贈送2年的免費域名及電子郵箱。

Strikingly 官方網(wǎng)址