欧美一区二区精品综合,亚洲一区二区三区小说

搜索

APP

起點(diǎn)課堂會員權(quán)益

職業(yè)體系課特權(quán)

線下行業(yè)大會特權(quán)

個人IP打造特權(quán)

30+門專項技能課

1300+專題課程

12場職場軟技能直播

12場求職輔導(dǎo)直播

12場專業(yè)技能直播

會員專屬社群

榮耀標(biāo)識

發(fā)布

注冊 | 登錄

文字列表的信息設(shè)計

體驗進(jìn)階的ZoeYZ

2020-06-22

0 評論 11096 瀏覽 43 收藏

10 分鐘

文字列表是很好的信息展現(xiàn)形式，不但能吸引注意力，便于快速瀏覽，縮短文本的同時也能展示項目之間的關(guān)系。本文作者從7個方面，來跟大家分享一下文字列表設(shè)計一些建議。enjoy~

文字列表是很好的信息展現(xiàn)形式，不但能吸引注意力，便于快速瀏覽，縮短文本的同時也能展示項目之間的關(guān)系。

網(wǎng)頁通常不適合長篇大論。為了便于瀏覽，用戶反倒更喜歡格式化的表達(dá)形式，因為可以快速瀏覽內(nèi)容并找到自己感興趣的部分。

將密集的文字段落分散，提高可讀性的排版方式不少。除了粗體、縮進(jìn)、行距和彩色字之外，列表是最能提高閱讀效率的網(wǎng)頁排版之一。

列表中的小圓點(diǎn)能夠快速吸引讀者的眼球，并使復(fù)雜的概念簡單化。在讀者眼中，列表意味著簡潔、高優(yōu)先級。在可用性研究中，我們發(fā)現(xiàn)網(wǎng)頁瀏覽者會更喜歡列表，他們總想快速理解文章內(nèi)容。

比較下面兩個例子，你會發(fā)現(xiàn)例2更容易理解，因為所有的信息都清晰直接的列在單獨(dú)的行中。相反，在例1中，讀者需要在段落中自行尋找信息。

例1：我們溫泉度假套餐包含有兩晚住宿，兩次50分鐘的溫泉護(hù)理，兩份早餐以及到店禮盒。

例2：

溫泉度假套餐包括：

兩晚住宿
兩次50分鐘的溫泉護(hù)理
兩份早餐
到店禮盒

不用擔(dān)心例2占據(jù)了更多的空間，因為用戶看到感興趣的內(nèi)容時是不會介意滾動屏幕的。事實(shí)上，相較于大段文字，適當(dāng)使用列表會使內(nèi)容更易理解，從而吸引用戶往下滑動閱讀更多內(nèi)容。

設(shè)計文字列表的7點(diǎn)設(shè)計建議

1. 保持每項長度相近

在項目內(nèi)容相互關(guān)聯(lián)時使用列表是效果最好的。列表中每項的重要性應(yīng)該是相似的，如果可能的話，保持所有項目的長度大致一致，這樣就不會顯得某一個項目比其他項目重要。一致的格式會令人賞心悅目，同時會使列表顯得不擁擠。

【避免】

野營需要準(zhǔn)備的物品：

睡袋
去瀑布時需要的泳衣
防曬霜
雨天要用的雨衣，預(yù)計可能會有大暴雨

每項長度長短不一使得列表看起來雜亂無章。

【推薦】

野營需要準(zhǔn)備的東西：

睡袋
泳衣
防曬霜
雨衣

2. 順序或數(shù)量很重要時才使用序號

通常只有在項目有特定的順序（例如某一個流程的步驟）或數(shù)目很重要時（例如top10排名）才使用序號。

如果項目的順序或者是數(shù)量不是很重要時，不要使用序號，否則容易造成誤解。在用戶測試研究中，面對帶序號的列表時，人們會錯誤地認(rèn)為他們必須完成列表中的所有步驟，實(shí)際上他們只需要選擇其中一個選項。

【避免】

您可以通過以下方式聯(lián)系我們：

郵箱
微信
電話
訪問

序號使得列表看起來像是一個流程中的步驟，而不像是一個個獨(dú)立的項。

【避免】

您可以通過以下方式聯(lián)系我們：

郵箱
微信
電話
訪問

3. 使用相似的句式

每一個項目應(yīng)該用相似的句式來描述。過多句式可能會破壞語法，還會降低閱讀速度。

用相同的結(jié)構(gòu)來描述每項，確保每個項目都是以相同詞性的詞語開頭（例如，名稱，動詞），并且保證每個項目要么都是片段，要么都是完整的句子。

【避免】

游覽公園時請遵守以下規(guī)則：

將垃圾扔在垃圾桶中。
過大的聲音會使動物受到驚嚇。
黃色區(qū)域是你可站立的地方。
保持公園干凈是每個人的責(zé)任。

【推薦】

游玩公園時請遵守以下規(guī)則：

請勿亂扔垃圾
禁止大聲喧嘩
不要走出黃色區(qū)域
保持公園干凈

第二個列表會顯得更好是因為每個項目都是以動詞開頭。

4. 避免開頭重復(fù)

盡可能的在項目開頭省略如“一個”，“一些”或者“這”以及其他重復(fù)的詞語。將關(guān)鍵字寫在開頭使項目之間能夠更容易區(qū)分。

【避免】

怎樣挑選菠蘿：

去聞一聞，應(yīng)該是清新香甜。
去捏一捏，應(yīng)該結(jié)實(shí)而柔軟。
去看一看，應(yīng)該呈現(xiàn)金黃色。

【推薦】

怎樣挑選菠蘿：

聞一聞，應(yīng)該是清新香甜。
捏一捏，應(yīng)該結(jié)實(shí)而柔軟。
看一看，應(yīng)該呈現(xiàn)金黃色。

5. 使用清晰易懂的介紹短句

導(dǎo)語是很重要的，能夠讓讀者清楚的知道列表的內(nèi)容是關(guān)于什么，以及為什么重要。如果列表中的項目都能夠清楚表達(dá)含義，導(dǎo)語就不必非得是完整的句子。

【避免】

哥倫比亞旅游：

騎行
藝術(shù)館
劃獨(dú)木舟

導(dǎo)語沒有充分的介紹列表，而且這個其他項都是動詞開頭，唯獨(dú)“藝術(shù)博物館”不是。

【避免】

哥倫比亞旅游：

騎行
參觀藝術(shù)館
劃獨(dú)木舟

6. 保持格式一致

參考標(biāo)點(diǎn)符號等格式規(guī)則：

如果列表項是句子，則在結(jié)尾使用句號。如果是英文的話，則每一項的首字母都要大寫。

如果列表項不是完整的句子，則在結(jié)尾不要使用句號。如果是英文的話，還是建議將每一項的首字母大寫，這樣會便于瀏覽。

【避免】

If you see bullying:

stand up for the person being bullied
tell an adult about the situation
encourage the person being bullied to talk to an adult
give support by showing that you care

這個句子首字母沒有大寫，也沒有使用句號結(jié)尾。

【推薦】

If you see bullying:

Stand up for the person being bullied.
Tell an adult about the situation.
Encourage the person being bullied to talk to an adult.
Give support by showing you care.

【避免】

You can help protect the environment by:

Recycling paper and plastic products.
Using fewer disposable items.
Donating used clothing or things you don’t need.
Biking or walking instead of driving.

這些列表項這些項目是不是完整的句子，所以在結(jié)尾處不需要使用標(biāo)點(diǎn)符號。

【推薦】

You can help protect the environment by:

Recycling paper and plastic products
Using fewer disposable items
Donating used clothing or things you don’t need
Biking or walking instead of driving

7. 不要過度使用

與視覺設(shè)計一樣，過多的使用同樣的元素會造成破壞，即便這個元素很好。充滿縮緊或者是小圓點(diǎn)的頁面可能會令人生畏，要學(xué)會明智選擇要突出的內(nèi)容。（如果不是放在示例中，這篇文章中的列表就顯得太多了）

當(dāng)要著重展示的項目在三個或以上時，文字列表是最佳的選擇。如果項目少于三個時，嵌入在句子中會是較好的選擇。

避免嵌套文字列表中，這樣是很不利于瀏覽的。如果要顯示多層級，可以通過為不同的項目符號來區(qū)分層級。

P.S.上述內(nèi)容是比較通用準(zhǔn)則。但是，每個公司或者組織可能會有各自的格式標(biāo)準(zhǔn)。如果你的公司有自己的標(biāo)準(zhǔn)，則在使用上訴建議時先核對一遍公司的標(biāo)準(zhǔn)。在所有文檔和產(chǎn)品中采用一致的格式是良好寫作的一個重要體現(xiàn)。