這樣寫Web產(chǎn)品文案或網(wǎng)站文案

歡迎閱讀本文檔，希望本文檔能對(duì)您有所幫助!歡迎閱讀本文檔，希望本文檔能對(duì)您有所幫助!歡迎閱讀本文檔，希望本文檔能對(duì)您有所幫助!歡迎閱讀本文檔，希望本文檔能對(duì)您有所幫助!歡迎閱讀本文檔，希望本文檔能對(duì)您有所幫助!歡迎閱讀本文檔，希望本文檔能對(duì)您有所幫助!開(kāi)源通產(chǎn)品文案規(guī)范v0.5規(guī)范定義： 1規(guī)范原則： 1基本規(guī)范： 1技術(shù)要求： 2文案視覺(jué)： 2內(nèi)容表達(dá)詳細(xì)： 3標(biāo)題: 3按鈕: 4信息提示文本 4導(dǎo)航文本: 4實(shí)施操作: 4規(guī)范定義：基本規(guī)范主要是給所有產(chǎn)品設(shè)計(jì)參與人員一個(gè)大致的認(rèn)識(shí)，是所有產(chǎn)品設(shè)計(jì)都須注意的地方；特定產(chǎn)品的規(guī)范主要是給界面設(shè)計(jì)師，以及開(kāi)發(fā)人員參考，確定具體位置的具體文字；內(nèi)容規(guī)范則是給內(nèi)容編輯，或者其他內(nèi)容貢獻(xiàn)者（非用戶）的行文規(guī)范。規(guī)范原則：*一致性：在相同使用場(chǎng)景中不出現(xiàn)兩個(gè)或多個(gè)詞匯描述同一種操作或同一件事物；

*準(zhǔn)確性：不使用易混淆的文字描述常見(jiàn)事物，使用常見(jiàn)通俗的語(yǔ)言，不羅嗦；

*情感化：結(jié)合人物角色，使用易記、與產(chǎn)品傳達(dá)體驗(yàn)一致的語(yǔ)言；*節(jié)奏感：主要是文字在一般需要注意的大小、顏色限定。基本規(guī)范：1.文字要求不能出現(xiàn)錯(cuò)別字，對(duì)讀者的情感傷害與搜索引擎抓取關(guān)鍵詞會(huì)出現(xiàn)問(wèn)題。2.文字密度節(jié)奏的控制。段落以四行左右，宜少不宜多，同時(shí)避免文字量大的段落連續(xù)堆積，段落之間最好的節(jié)奏不是一一二二三三。3.正文與產(chǎn)品詞語(yǔ)避免在同行斷開(kāi)。4.標(biāo)點(diǎn)符號(hào)避免寫錯(cuò)，符號(hào)采用全角中文字符號(hào)。5.中文數(shù)字和阿拉伯?dāng)?shù)字的統(tǒng)一描述。6.鏈接量的控制。單篇內(nèi)容的關(guān)鍵詞控制在5%以內(nèi),鏈接不允許重疊重復(fù)。7.注重使用的場(chǎng)景和用戶的特點(diǎn)，使用的語(yǔ)言讓你的用戶易懂，避免使用難懂的專業(yè)術(shù)語(yǔ)。

8.標(biāo)題，看能否說(shuō)明白當(dāng)前界面的主題，需要表達(dá)上下文的，還要交代一下本界面的來(lái)源。例如：信息提示窗口最好交代出由于那個(gè)操作所引起的。

9.關(guān)于信息提示文本要客觀、準(zhǔn)確的說(shuō)明原因，并同時(shí)給出建設(shè)性的操作建議；10.按鈕要保證和功用相符，導(dǎo)航則力求和內(nèi)容一致。11.讓非電腦專業(yè)人員進(jìn)行測(cè)試，盡量避免初期有過(guò)多的主觀臆斷。12.以用戶語(yǔ)言清楚而準(zhǔn)確的向用戶傳達(dá)信息。13.界面上的文字應(yīng)該便于用戶閱讀并快速理解其含義。14.整個(gè)產(chǎn)品不同位置的文字應(yīng)該統(tǒng)一。作一個(gè)IM軟件，一開(kāi)始是“添加好友”，接下來(lái)“聯(lián)系人列表”，然后又是“不在線的朋友”；一開(kāi)始是“注冊(cè)用戶名”、然后是“登錄ID”、還有“您的賬戶”、“管理帳號(hào)”、…15.界面上的文字應(yīng)該具備該產(chǎn)品需要傳達(dá)給用戶的氣質(zhì)。16.既定事實(shí)不再重復(fù)、不用反問(wèn)語(yǔ)句提問(wèn)用戶、即時(shí)說(shuō)明文字不得超過(guò)20字。17.嚴(yán)肅、簡(jiǎn)練18.盡量讓文字自身可以起到“推銷”產(chǎn)品的作用，而且”推銷”的不只是產(chǎn)品氣質(zhì)。19.用戶人稱應(yīng)該統(tǒng)一。技術(shù)要求：1.HTML結(jié)構(gòu)代碼符合語(yǔ)義標(biāo)準(zhǔn)。比較混亂的大概是有序、無(wú)序、定義三個(gè)列表，寫12345和使用ol的效果區(qū)別不大，但搜索引擎會(huì)認(rèn)為他們的意義不一樣。頭部的頁(yè)面聲明，如定義meta,頁(yè)面title提高關(guān)鍵詞密度，如圖片替換alt，鏈接說(shuō)明title正確使用內(nèi)容容器，如段落p，列表ul,ol,li,dl,dt,dd慎用內(nèi)容突出，如標(biāo)題h，強(qiáng)調(diào)em，重點(diǎn)strong2.實(shí)體轉(zhuǎn)義碼的作用。典型如在中文后用 表示英文空格，使用©表示版權(quán)，還有使用<和>替換<>顯示HTML代碼等用途。文案視覺(jué)：1.色彩的合理使用，功能不同使用不同顏色。如鏈接提示，采用下劃線，控制文字標(biāo)題到欄目名到正文的三級(jí)文字。2.文字的視覺(jué)設(shè)計(jì)應(yīng)該完整的融入整個(gè)產(chǎn)品視覺(jué)中。3.設(shè)計(jì)師還要考慮文本的顏色、加粗、對(duì)齊方式、對(duì)比度、鏈接樣式等辨識(shí)度方面的問(wèn)題。

4.文本使用14號(hào)宋體與12號(hào)宋體。

5.12號(hào)宋體時(shí)，使用18-20像素的行距。14號(hào)宋體通常使用22-24像素的行距。

WEB設(shè)計(jì)時(shí)，一般不用考慮平面設(shè)計(jì)中字與字的間距問(wèn)題，而使用默認(rèn)狀態(tài)。6.新聞內(nèi)頁(yè)的標(biāo)題用到18號(hào)的黑體或宋體

7.文本設(shè)計(jì)可調(diào)控：

可以使用“+”這個(gè)功能來(lái)提高文本的辨識(shí)度。8重點(diǎn)顯示某些信息，給文字加粗或改變字體的顏色，但是要慎用,不應(yīng)過(guò)度的強(qiáng)調(diào)等于沒(méi)有強(qiáng)調(diào)，例如下面這種情況：

9凡是有鏈接的文字，需要與別的文字做一個(gè)明顯的提示，以示區(qū)別。如：

內(nèi)容表達(dá)詳細(xì)：標(biāo)題:要明確告訴用戶當(dāng)前界面的主題，避免用戶認(rèn)識(shí)差異。應(yīng)具有上下文的相關(guān)性可用性。比如：從我們的win操作系統(tǒng)桌面進(jìn)入“網(wǎng)上鄰居”，標(biāo)題顯示的就是“網(wǎng)上鄰居”，是和我聯(lián)網(wǎng)電腦的統(tǒng)稱，如果用“我的鄰居”來(lái)表達(dá)，也可以理解成“網(wǎng)上鄰居”這個(gè)意思，但是不夠準(zhǔn)確，因?yàn)橛械娜藭?huì)理解成“住在我隔壁的鄰居”。上圖中的標(biāo)題“重命名文件或文件夾時(shí)出錯(cuò)”，我們簡(jiǎn)單的可以分析出，這個(gè)標(biāo)題具有上下文的相關(guān)性，首先它是一個(gè)出錯(cuò)信息提示窗口，同時(shí)也說(shuō)明了在什么操作的時(shí)候出錯(cuò)，在達(dá)意上來(lái)說(shuō)，恰到好處。如果你硬說(shuō)直接用“出錯(cuò)了”也作為標(biāo)題，沒(méi)有人會(huì)說(shuō)你說(shuō)錯(cuò)了，只是突然彈出一個(gè)窗口來(lái)，簡(jiǎn)單的一個(gè)“出錯(cuò)了”可能會(huì)讓某些用戶摸不著頭腦，降低了可用性。按鈕:

a、按鈕文本不應(yīng)專業(yè)化，而應(yīng)該用戶化。在填寫注冊(cè)表單的時(shí)候，你通常會(huì)看到“提交注冊(cè)信息”或“注冊(cè)”等類似的按鈕。如果寫成“提交表單”可能有很多用戶為“表單”這個(gè)專業(yè)術(shù)語(yǔ)納悶。

b、按鈕文本詞要達(dá)意，不應(yīng)讓使用者要去猜測(cè)它的準(zhǔn)確含義。當(dāng)你寫博客的時(shí)候，你通常是看到“發(fā)布”按鈕。如果給你放一個(gè)“確認(rèn)”按鈕，你會(huì)試試這個(gè)“確認(rèn)”按鈕就是“發(fā)布”吧？

c、文字描述用戶操作時(shí)應(yīng)表達(dá)用戶操作情景。反例：如果聊天窗口上的“發(fā)送”按鈕被改成“提交”的信息提示文本信息提示文本最主要的就是“說(shuō)明錯(cuò)誤發(fā)生的原因，并給出建設(shè)性的操作提示”，不允許嘲笑用戶、命令、指責(zé)等帶有情緒語(yǔ)言和語(yǔ)氣。上圖是一個(gè)確認(rèn)