网页设计的文案

       原则一 风格

网页设计师在写 UI 文案时，文风越是接近网站或 APP 整体的语言风格，就越融入整体，也就让用户的阅读和使用越没障碍。

写作时可以参照当前网站或 APP 的文案风格，尽量抹去个人的写作癖好，与整体风格统一。需要注意的是，一旦确定的写作风格就应一直延续下去，除非有特殊情况或颠覆性的改版。

原则二 直接

文案应直接，单刀直入，最大限度的降低用户的理解负担。间接、暧昧模糊的说法，生僻和过于 “文雅” 的用词，都应尽量避免，因为文案只是沟通的工具，只有最有效的传递信息才是它的任务。复杂的修辞和句式、“只可意会”的深刻寓意，都是不需要的。

简单来讲，就是大白话，使用日常常用词，平铺直叙。

以形容词来说，“肯定的表达”比 “否定的否定” 更直接，比如：“验证码错误”优于“验证码不正确”。

原则三 人称

人称的选择，体现了网页设计师是如何看待用户的。一般来说，网页设计师会把用户当作一个虚拟的第三方，描述他们时往往是 “用户”、“他们”，然而 UI 界面是以界面为媒介、与用户的直接对话，是和一个真实人类面对面的沟通。在现实生活中，会称面前的人为 “你”“您”，那在界面中也应称用户为 “你”“您”，而不应使用第三人称 “用户”“他们”。

使用第二人称，体现了与用户的近距离感，让 UI 界面成为一个拟人的人格，能够让用户沉浸在模拟真实对话的情境中，更有利于我们指引和鼓励用户操作。

比如，“当您投资成功时，我们会发送短信提示” 优于 “当用户投资成功时，证券网会发送短信提示”。

原则四 主动语态

既然 UI 界面始终以用户为中心，UI 文案就始终以用户为主体来写作。相对于使用宾语作为主语的被动态，用户作为主语的主动态，与用户直接相关联，能调动其情绪，更能让用户直接、毫无负担的接受信息。

比如：“您已修改此设置”(用户作为主语的主动态) 优于 “此设置已被您修改”(宾语作为主语的被动态)。

原则五 动词

为了促使用户执行操作，多用及物动词，少用不及物动词和名词。及物动词，简单来说，就是那些必须有宾语跟随的动词，像 “解锁” 的“解”，“锁”是跟随 “解” 的宾语，动词 “解” 必须与宾语 “锁” 同时出现，才能保证意思的完整，此处的 “解” 就是及物动词。

及物动词能从行动者 (用户) 的角度出发，“动宾”结构让用户直接代入自己作为主语，从而促使用户执行操作。当我们希望用户做某些操作时，可以有意识地使用及物动词。

比如，当 “修改” 是重点时：

“请修改验证码”(及物动词) 优于 “请对验证码进行修改”(不及物动词)，更优于 “请进行验证码的修改”(名词)。

原则六 积极

用积极的用词，能鼓励用户去做给他带来好处的操作，在情感上用户也更愿意顺从积极的指令。

比如：“为了顺利投资，请您进行以下操作” 优于 “为防止投资失败，请您进行以下操作”。

但有例外：

起报错、提醒或警示作用时，消极用词能更直接的点明重点，比如：“验证码错误” 优于 “验证码不正确”。

原则七 选词

有时会遇到这个问题：相同含义的两个词，该用哪一个? 在面对这类选词问题时，首要原则是：统一性。

若是频繁出现的词汇，可直接采用曾用过的词，可以保证整体的统一性，还能防止用词偏差若是新词，应与整体用词风格统一。

与主流用词和行业术语统一

每个领域都有自己的专有词汇，在考虑用户理解力的基础上，采用主流词汇和术语，能保证用词的准确性。

与目标用户的语言统一

使用用户语言，就是在了解用户的基础上，用用户常用的语言来写 UI 文案，从而让用户迅速理解。多了解目标用户的年龄层、职业、使用偏好等各种特征，可以了解用户语言。

原则八 “先说目的” 法则

当我们希望用户进行一个操作，而这个操作会花费他们一些时间、很可能他们不愿意去做的时候，先说明操作的目的和重要性，能促使用户更愿意去执行。这就是 “先说结论” 法则。

比如，“为了让您的账户更安全，请设置手势密码”，如果此处不提目的，直接指示 “请设置手势密码”，用户在不了解这个新功能时就会产生疑虑，不明白这个操作的意图，甚至产生不信任感，最后无视这个指令。“先说目的” 可以直接说明重要性，让用户欣然接受。

当然，这里的 “目的” 应是从用户角度出发，会让用户觉得这个操作对他是有意义的，而不是从系统和网页设计师自己的私利角度，否则用户也不会执行 (即使真实目的是从系统角度考虑，也可以转化为是“为了用户” 的写法)。

原则九 “问题 - 方案” 法则

对于写提示性文案，有个小窍门，在点明问题之后，直接写用户需要做的判断和操作。这就是 “问题 - 方案” 法则：

“说明问题 (理由 / 原因)—给出解决方案 (需要用户去做某个操作)”

比如：验证码错误，请重新输入。

原则十 “问题 - 后果 - 方案” 法则

当我们需要用户在方案 A 和 B 之间做一个选择，而我们希望用户选择方案 B(因为 A 有很严重的后果 C) 的时候，往往会使用这个法则。一般是写提出问题，即如果采用方案 A 会有后果 C，然后建议采用方案 B，最后把问题抛给用户自己选择。

比如：当方案 A-“退出编辑”，后果 C-“无法保存所输入的信息”，方案 B-“先去保存”，文案如下：

退出编辑则无法保存所输入的信息，建议您先去保存，您确认要立即退出吗?

原则十一 “最简” 原则

在涵义不变的情况下，优先选择最简洁、字数最少的内容去掉与用户无关、对用户无用的文字完整而准确，每一个字都要有意义。这就是 “最简” 原则。

事实上，要始终做到 “最简” 是很难的，一般来说写作都是“加法”，把想要表达的信息不断累加，最后整理一下使语句通顺，就呈现给用户了。

但是从用户的角度考虑，是否真的需要全部信息呢? 再仔细推敲下，是否可以省略一些不需要用户了解、但也完全不影响操作的文字呢? 是否可以拆分文字成几块，改变文字的顺序，或者依据流程的发展，只在最恰当的地方，放上用户需要的文字?

只将自己想表达的意思，一股脑的扔给用户，并不是好的 UI 文案，也不符合用户体验。怎样做 “减法” 来达到“最简”，需要针对不同情况，具体情况具体分析。

不过，对于初学者而言，在保持语义不变的基础上删减字数、或替换成更简洁的句式，是个不错的开始。

原则十二 有时也需要委婉

文案有时候并不是为了某个目的和功能，而是为了隐藏不能明说的原因和问题，或者只为了安抚用户情感，这时文案就不能那么生硬直接。以委婉或者暧昧的文字来向用户说明，暗示或引导用户从我们希望的角度去理解。

比如，“支付需要一些时间，请稍候” 优于 “支付尚未成功”

“抱歉，出现了一些问题，请稍后刷新重试” 优于 “系统错误”。

原则十三 禁区

有一些文案问题，会严重影响用户的理解，造成阻碍，是绝对不可以出现的。比如：

– 英文或其他外语，对用户的理解负担很大，除非必要，一般不会在中文用户界面使用外语，若使用也要考虑是否要标注中文解释

– “banner”“后端开发” 等内部术语，我们这些行话不该给用户看到，若真有必要提及，应使用其他用户能理解的词替代

– 设计稿暂定文字，比如 “X 天后”“须 PM 确认”，当然出现这种情况概率极其小

简言之，网页设计写文案的任务就是将信息迅速传达给用户，最大程度上降低用户的理解负担，让用户毫无阻碍、心情愉悦的完成操作，所以任何生硬、模糊、繁冗、意味不明、拐弯抹角的用词和句式，都应该被摒弃。只有简洁、直接、清晰，才是用户最想看到的 UI 文案。用户不需要思考、立刻去做，文案就达成了自己的使命。

其实现在的网页文案已经细分得很厉害，主要就是指显现在网站给与浏览者所看到的网站文字，但是现在很多是指产品页面的文案，根据需要为对应的物事陈述出特点观点等。下面只是举个简单的例子，这是说的是一颗电池：

网站建设好后，网站的文案当然是根据客户关心的内容来进行相关内容的撰写。

标题要准确简洁

看网页和看书不同，大部分人是浏览，而不是真正的读。如果标题不能清楚的表达网页内容，很多读者可能就不再继续往下看下去了。

标题必须在几秒之内吸引住读者，告诉读者你要说什么，所以一般不要在标题上故弄玄虚。有时候为增加吸引力，可以适当地，善意地神秘一下或夸张一下。

多分段

由于看网站的浏览方式很特殊，最好不要写很长的段落，那样会使读者眼睛很累，产生厌倦感。两三句话就分成一段，连成一片的大段文字很容易让人头昏脑胀。

融入个人化风格

这一点可能很多大公司不同意。

但是对中小型公司和个人网站来说，我感觉不要写的太八股，口气不要官式，尽量融入个人的特点，使人感到网站的背后是一个或一群有血有肉的人，而不是一个摸不着头脑的机构。

少用空洞的词汇

网页不同于公司年度报告，也不是学术研究，不必用那些很空洞的大词，写大白话就行了。

最典型的常被莫名其妙使用的词就是”解决方案”这类，那么多网站都号称自己给其他企业提供”解决方案”，可”解决方案”这个词在不同行业，对不同公司不同人，都是不同的意思，看了这个词还是完全不知道你想说什么。

使用小标题

网页文案写作要非常简洁清楚，逻辑结构清晰，列出小标题有助于读者大致浏览之后就抓住内容重点。如果读者再想仔细看的话，自然会看标题下面的具体解释。

可以带一些煽动性情感

这一点更适合于直接在网站上销售产品和服务的网站，对以收集新闻和信息为主，然后靠广告赚钱的网站也许没太大的用。

如果想在网站上直接销售产品，你的每一句话都要指向一个特定的目标，就是让读者去做你想让他做的事情。比如把产品放入购物车。

顾客买东西很多时候都是冲动型的，靠理性不一定能让顾客拿出钱来。你要打动他的情感，向他描绘你的产品能给他带来的好处。讲一个故事，描述一个令人向往的场景，让用户不知不觉的进入你营造的那个情景，然后拿出信用卡。

---