首页 > 知识•资讯 > 文案与响应式网站设计密不可分的关系 > 正文

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

2019/11/12 0:00:00 · 稿源:传诚信

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

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

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

IMG_6412-1024x683.jpg

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

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

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

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

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

MEDIUM 的阅读体验

medium-reading-experience-1024x359.jpg

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

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

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

RWD 静态页面的文案设计

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

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

WORDPRESS 网站的文案编辑方式

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

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

  • 相关推荐
  • 大家在看
客户服务
咨询热线

010-62199213

24小时咨询热线

139-1050-5354