藍(lán)藍(lán)覺得在界面設(shè)計中，優(yōu)秀的表格設(shè)計技巧是非?；A(chǔ)，也非常重要的。所以從網(wǎng)上搜集轉(zhuǎn)載了此主題的一些文章，來學(xué)習(xí)～～這是第三篇！感謝原作者。

表格的應(yīng)用

DLIN：由于工作原因，經(jīng)常接觸到表格。我們發(fā)現(xiàn)，表格不但廣泛的運用在各類數(shù)據(jù)收集和分析，同時通過表格這樣一種二維矩陣來整理和陳列信息時（即便最后的展示方式并非一個典型的表格樣式），能夠很好的表達(dá)信息之間的邏輯關(guān)系，易于幫助理解橫縱信息之間的關(guān)系。

在實際的網(wǎng)頁設(shè)計應(yīng)用中，表格橫縱相互獨立又相互關(guān)聯(lián)的模式尤其適用于：

1.組織和展示大量的信息

表格簡單的結(jié)構(gòu)不但能包含大量的信息，且同時保證信息的可讀性,便于讀者快速掃描信息、從大量的條目中找到所需的信息。

2.展示對比性信息

藍(lán)藍(lán)覺得在界面設(shè)計中，優(yōu)秀的表格設(shè)計技巧是非常基礎(chǔ)，也非常重要的。所以從網(wǎng)上搜集轉(zhuǎn)載了此主題的一些文章，來學(xué)習(xí)～～這是第二篇！感謝原作者。

hardwear：想必多數(shù)同學(xué)曾經(jīng)學(xué)習(xí)計算機就是從Word開始，其中一項重要的學(xué)習(xí)任務(wù)就是創(chuàng)建表格，如今在網(wǎng)絡(luò)頁面里表格隨處可見，尤其是商業(yè)產(chǎn)品里充滿了大量的數(shù)據(jù)，要沒有這些表格估計看內(nèi)容得吐血…… 表格形形色色，默默無聞的呈現(xiàn)著數(shù)據(jù)，閱讀起來如何最為順暢，如何才能從表格里發(fā)掘出重要信息，有哪些可以對表格進行的操作，梳理一下以供參考。

在后臺界面，表格對數(shù)據(jù)的維護和體現(xiàn)是最常見的，那么也推薦您看看一組驚艷的后臺管理界面設(shè)計

1.行高是表格瀏覽時的重要參數(shù)

行高是表格非常重要的參數(shù)，行高間距直接影響著閱讀的體驗，有如同Omniture為了最大限度的放置數(shù)據(jù)內(nèi)容，強化數(shù)據(jù)顯示效果而降低行高的情況，也有SugarCRM一樣的行高較高可以放置更多文本信息的表格。

表格信息通常是很乏味的

從某種意義上來說，的確如此。一個好的表格應(yīng)該以易于理解，簡單明了的方式傳遞大量的信息。真正的重點應(yīng)該 放在信息上， 對表格的過度設(shè)計會抵消這種作用。從另一方面來說，巧妙的設(shè)計不僅可以使一個表格更具吸引力， 而且可以增加可讀性。

今天我們來看看提升表格功能和美觀的幾種方式。我們經(jīng)常會在網(wǎng)上的價格頁上看到表格的應(yīng)用，因此主要以該種表 單為例。請記住這些原則可以應(yīng)用到任意類型的信息列表上（不僅限于<table>).

垂直，水平或矩陣？Vertical, Horizontal or Matrix?

一如以往，我們從最明顯的地方開始。第一步是決定表格的整體結(jié)構(gòu)。結(jié)構(gòu)取決于呈現(xiàn)數(shù)據(jù)的類型和復(fù)雜性。選擇 垂直的列還是水平行，通常取決于個人偏好。大致規(guī)劃下表單的內(nèi)容，然后決定采取哪種方法能更好地傳遞信息。很顯然，如果信息包含多變量，那么選擇矩陣來表示。下面分別以幾個簡單案例來開始。

垂直

能你聽過這說法，好的字體是隱形的，不過更準(zhǔn)確來說，應(yīng)該是好的字體讓閱讀行為毫不費力。

當(dāng)視線掠過一行文字時，它是跳躍前進的，我們稱之為掃視。你讀的不是字母，甚至不是詞語，而是文字某部分的影像，大腦會補上它預(yù)期的內(nèi)容。如果超出大腦預(yù)料，它會促使眼睛回去核實假設(shè)十分正確。通過在字里行間創(chuàng)造平順的視覺流動，好的字體極度減輕了眼睛的負(fù)擔(dān)。

對任何字體工作者而言，在移動設(shè)備上要面臨與生俱來的挑戰(zhàn)：空間有限，環(huán)境光通常比較微弱。不過將已經(jīng)用于web端的技巧稍加調(diào)整，我們就可以提升移動設(shè)備的易讀性。

在設(shè)計之初，UI設(shè)計師所提供的視覺稿和最終的可交互原型之間，需要交互設(shè)計師借助工具來補足，讓靜態(tài)的視覺轉(zhuǎn)化為富有生命力的可交互界面。 2014年所涌現(xiàn)出來的這些交互設(shè)計工具，在不斷迭代升級中走向了成熟，易用性和可靠性得到了明顯提高。如果你是一名交互設(shè)計師，這些優(yōu)秀的交互設(shè)計工具 里面總有一款符合你的需求，徹底告別說明靠吼、交互靠手的蠻荒時代！

video-opt.jpg

Copyblogger’s網(wǎng)站中的視頻采用的外顯啟示方式：文本提示點擊播放視頻。

編者按：你留意過這方面的差異嗎？交互設(shè)計師在整理交互知識的時候，可能忘了考慮國內(nèi)用戶的交互學(xué)習(xí)能力，這點細(xì)微的不同就讓@EDC尤原慶 同學(xué)捕捉到了，今天他將自己在不同國家當(dāng)設(shè)計師時積累的用戶經(jīng)驗分享出來，直接來取經(jīng)吧！

編者按：教你利用工作時間！今天的主角是@EDC尤原慶 同學(xué)，他分別列出了自己在美國、德國和中國的交互設(shè)計工作，全都井井有條且輕重得當(dāng)，最后還附上設(shè)計師工作安排的實用經(jīng)驗，非常值得各個領(lǐng)域的同學(xué)參考學(xué)習(xí)，推薦收藏喲。

隨著社交網(wǎng)站的紅火，大多數(shù)的網(wǎng)民不可避免地融入到這股線上社交洪流中。雖然線上社交并非憑空創(chuàng)造，它本身也是現(xiàn)實關(guān)系鏈的轉(zhuǎn)移和變形，但在這個可擴展性更強的虛擬空間中，用戶的心理呈現(xiàn)出有別于現(xiàn)實社交的一些特點。以下這十條是筆者在平時觀察或研究過程中發(fā)現(xiàn)的一些用戶心理現(xiàn)象，其中一些可能沒有經(jīng)過嚴(yán)格的論證，也許只代表一部分社交用戶，希望與大家分享討論。

1.    負(fù)面的宣泄——壞的總是容易傳遞出去

有一段時間，大家都在抱怨微博上負(fù)能量太多，各種揭秘、爆料、負(fù)性社會新聞在微博里轉(zhuǎn)發(fā)泛濫。一時之間，正能量成了稀缺補藥。有研究表明，情緒憤怒的微博被轉(zhuǎn)發(fā)或成為憤怒反應(yīng)對象的可能性遠(yuǎn)遠(yuǎn)大于厭惡、高興和低落這三種情緒。針對Twitter的博文分析也發(fā)現(xiàn)，在檢出的203種細(xì)分情緒中，負(fù)面情緒出現(xiàn)更加頻繁，并且更加多樣化?；叵胍幌拢趯懶挛⒉r，抱怨工作不順、環(huán)境污染、辦事遇阻、社會不公是不是更容易脫口而出。在社交網(wǎng)絡(luò)上，負(fù)面情緒總是更容易被創(chuàng)造和傳遞出去。