文案与响应式网站设计密不可分的关系

响应式网站设计（RWD）已是现在网站不可或缺之理念。只是，网站文案随屏幕解析度切换的阅读体验，全都靠网站设计公司的技术，就可以克服了吗？

网站设计公司：「当然没问题！」「只要把文案准备好，程式判断过目前浏览设备的宽度后，就会自动帮你断行
了！」
客户：「等等，文案那个『了！』可以不要换行吗？这样看起来很怪，可不可以帮我断行在『自动』两个字前面？」
网站设计公司：「可以啊，先跟我说一下你现在视窗的解析度，再来是，若使用者用更大或更小的屏幕浏览，可能会看起来怪怪的喔？」
客户：「……那我该怎么办？」

内容为水的口号，是不是一古脑把文章倒进去网站框架，就解决了。但伴随而来的美感、阅读体验，如何克服，才能让RWD 的精髓不只是随便喊喊呢？

网站文案应与网站设计并进

现代人浏览网站，绝大多数情况是用扫视完成的，争取使用者注意力，让他们停下来，愿意花宝贵的时间「阅读」您的文案，往往是最重要的第一步。

在CTK Pro之前的介绍里，已经提过许多网站文案的诀窍，并且说明过网站文案为何如此重要。这里想跟大家提到的是：「网站文案，若能越早确定版本，对网站设计开发整个的流程，有决定性的影响。」

在吸引使用者目光的大前提下，文案的编排、如何呈现、乍看下是否平衡、美观、第一眼的感觉、标题用几个字等，反而与文章内容一样重要。

下面列出13个和网站设计有关的文案构想：
?什么时候这段文字可能会换行，会有几个文字区块
?常见的解析度下，大约有几行
?中文/英文并用的文章，两边对齐会不会有问题？
?标题文字看起来是否等比例，会不会因为字数补同造成视觉效果与设计不同？
?同层级的标题字数是否要差不多？
?若此处要显示作者/日期/价格等资讯时，格式应为
?滑鼠移过的特效要为，指引使用者的作用在？手机版应如何变化？
?文章的摘要要显示几行（才会与截图等高），解析度变换又如何？
?文章字懂抓取资讯（奖项/标签等），会不会有特别常的资讯，造成跑版？
?若此处标题/文字超级长，显示出来会？
?是否设定此处强制换行，手机版换行会不会……用意为何？
?选单内的文字有多少字为佳？
? Logo?/品牌名称，若在狭窄屏幕中，是否有别的显示方式

MEDIUM 的阅读体验

Medium 身为自媒体主流平台，其阅读体验强调的是文章的内容，透过左右两边大量留白，去除不必要的侧栏等其他功能，让访客可以专注在理解、处理内文。

Medium 文章中区块固定为680px，左右两边有24px 的padding；为了满足图文并茂的需求，图片格式除了与文章同宽，也有满版、1032px 的样式选择。透过Medium 此简洁、固定的样式，让使用者在阅览平台时，有相当一致的体验，也奠定了Medium 在「内容网站」蔚为主流的地位。

不过，这样的设计与RWD 变化，是不是真适合企业端的静态网站，或其他页面，又是另个值得思考的问题。

RWD 静态页面的文案设计

相比于内容页面，静态页面因为不需常常更动，更可以针对网站设计去调整内容文案。

想让你的服务介绍文字看起来差不多多，不会导致网站不平衡？标题的字数在设计时，就依照需求调整，并可以调整大小。因应中英文多语系网站，文案上英文或中文内容有所调整等等，都是可行的作法。

WORDPRESS 网站的文案编辑方式

相比于用其他方式盖的网站，WordPress 网站另一特色就是后台相当灵活应用，真的想在部分地方改变文案的显示方式，也可透过编辑器来修改。

一般编辑器中有分「段落」、「强制换行」两种。一般输入（enter）就会在文章中换「段落」，一般会有段落间的间距；若仅想要「换行」显示，从后台编辑可以试着按shift + enter 来达成。

网站名称：文案与响应式网站设计密不可分的关系
分享地址：http://scjbc.cn/view/80863.html