響應式網站設計（RWD）已是現在網站不可或缺之理念。只是，網站文案隨屏幕解析度切換的閱讀體驗，全都靠網站設計公司的技術，就可以克服了嗎？

網站設計公司：「當然沒問題！」「只要把文案準備好，程式判斷過目前瀏覽設備的寬度后，就會自動幫你斷行
了！」
客戶：「等等，文案那個『了！』可以不要換行嗎？這樣看起來很怪，可不可以幫我斷行在『自動』兩個字前面？」
網站設計公司：「可以啊，先跟我說一下你現在視窗的解析度，再來是，若使用者用更大或更小的屏幕瀏覽，可能會看起來怪怪的喔？」
客戶：「……那我該怎么辦？」

內容為水的口號，是不是一古腦把文章倒進去網站框架，就解決了。但伴隨而來的美感、閱讀體驗，如何克服，才能讓RWD 的精髓不只是隨便喊喊呢？

網站文案應與網站設計并進

現代人瀏覽網站，絕大多數情況是用掃視完成的，爭取使用者注意力，讓他們停下來，愿意花寶貴的時間「閱讀」您的文案，往往是最重要的第一步。

在CTK Pro之前的介紹里，已經提過許多網站文案的訣竅，并且說明過網站文案為何如此重要。這里想跟大家提到的是：「網站文案，若能越早確定版本，對網站設計開發整個的流程，有決定性的影響?！?/p>

在吸引使用者目光的大前提下，文案的編排、如何呈現、乍看下是否平衡、美觀、第一眼的感覺、標題用幾個字等，反而與文章內容一樣重要。

下面列出13個和網站設計有關的文案構想：
?什么時候這段文字可能會換行，會有幾個文字區塊
?常見的解析度下，大約有幾行
?中文/英文并用的文章，兩邊對齊會不會有問題？
?標題文字看起來是否等比例，會不會因為字數補同造成視覺效果與設計不同？
?同層級的標題字數是否要差不多？
?若此處要顯示作者/日期/價格等資訊時，格式應為
?滑鼠移過的特效要為，指引使用者的作用在？手機版應如何變化？
?文章的摘要要顯示幾行（才會與截圖等高），解析度變換又如何？
?文章字懂抓取資訊（獎項/標簽等），會不會有特別常的資訊，造成跑版？
?若此處標題/文字超級長，顯示出來會？
?是否設定此處強制換行，手機版換行會不會……用意為何？
?選單內的文字有多少字為佳？
? Logo?/品牌名稱，若在狹窄屏幕中，是否有別的顯示方式

MEDIUM 的閱讀體驗

Medium 身為自媒體主流平臺，其閱讀體驗強調的是文章的內容，透過左右兩邊大量留白，去除不必要的側欄等其他功能，讓訪客可以專注在理解、處理內文。

Medium 文章中區塊固定為680px，左右兩邊有24px 的padding；為了滿足圖文并茂的需求，圖片格式除了與文章同寬，也有滿版、1032px 的樣式選擇。透過Medium 此簡潔、固定的樣式，讓使用者在閱覽平臺時，有相當一致的體驗，也奠定了Medium 在「內容網站」蔚為主流的地位。

不過，這樣的設計與RWD 變化，是不是真適合企業端的靜態網站，或其他頁面，又是另個值得思考的問題。

RWD 靜態頁面的文案設計

相比于內容頁面，靜態頁面因為不需常常更動，更可以針對網站設計去調整內容文案。

想讓你的服務介紹文字看起來差不多多，不會導致網站不平衡？標題的字數在設計時，就依照需求調整，并可以調整大小。因應中英文多語系網站，文案上英文或中文內容有所調整等等，都是可行的作法。

WORDPRESS 網站的文案編輯方式

相比于用其他方式蓋的網站，WordPress 網站另一特色就是后臺相當靈活應用，真的想在部分地方改變文案的顯示方式，也可透過編輯器來修改。

一般編輯器中有分「段落」、「強制換行」兩種。一般輸入（enter）就會在文章中換「段落」，一般會有段落間的間距；若僅想要「換行」顯示，從后臺編輯可以試著按shift + enter 來達成。

分享文章：文案與響應式網站設計密不可分的關系
轉載來于：http://m.newbst.com/news/80863.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有響應式網站等

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯