在談響應(yīng)式布局前，我們先梳理下網(wǎng)頁(yè)設(shè)計(jì)中整體頁(yè)面排版布局，常見的主要有如下幾種類型：
布局類型
布局實(shí)現(xiàn)
采用何種方式實(shí)現(xiàn)布局設(shè)計(jì)，也有不同的方式，這里基于頁(yè)面的實(shí)現(xiàn)單位而言，分為四種類型：固定布局、可切換的固定布局、彈性布局、混合布局。

固定布局：以像素作為頁(yè)面的基本單位，不管設(shè)備屏幕及瀏覽器寬度，只設(shè)計(jì)一套尺寸；
可切換的固定布局：同樣以像素作為頁(yè)面單 ...

這周，我們走進(jìn)Moses Ting，近距離接觸一下這位全球最大職業(yè)社交網(wǎng)站LinkedIn的UX設(shè)計(jì)團(tuán)隊(duì)的領(lǐng)導(dǎo)。

在LinkedIn這個(gè)團(tuán)隊(duì)里你扮演怎樣的角色，負(fù)責(zé)哪些工作？

我是LinkedIn移動(dòng)UX設(shè)計(jì)團(tuán)隊(duì)的領(lǐng)導(dǎo)，目前正參與LinkedIn安卓App的開發(fā)，也接觸了一些iOS的東西。

今天的文章，讓小編想起小時(shí)候大街小巷放的一首歌“……夢(mèng)中的夢(mèng)中夢(mèng)中人的夢(mèng)中……”（跟著唱出來的人請(qǐng)點(diǎn)個(gè)贊，沒錯(cuò)，你暴露年齡了?。?，當(dāng)你每天研究“別人家的孩子”、“別人家的狗”、“別人家的老公（婆）”的時(shí)候，你就不是你自己了，你只是一個(gè)“別人眼里的別人”。

編者按：現(xiàn)如今，用戶體驗(yàn)設(shè)計(jì)師已經(jīng)成為開發(fā)和設(shè)計(jì)團(tuán)隊(duì)必不可少的成員。這一新興的職位到底是怎樣出現(xiàn)，從何開始的呢？今天通過這篇文章，簡(jiǎn)單溫故一下用戶體驗(yàn)設(shè)計(jì)的隱秘傳承~

在聊用戶體驗(yàn)之前，先回憶一下上一次去餐館吃飯的經(jīng)歷吧。

交互設(shè)計(jì)是個(gè)跨學(xué)科專業(yè)，其中，心理學(xué)便是其中很重要的一個(gè)部分。所以，如果你不想繼續(xù)僅憑直覺和死記硬背高大上的理論原則來從事交互設(shè)計(jì)，如果你想成為優(yōu)秀的交互設(shè)計(jì)師，學(xué)習(xí)一定的心理學(xué)將是很有幫助也是很有必要的。這篇文章的主要目的就是初步地向大家介紹交互設(shè)計(jì)師至少應(yīng)該了解哪些基本的心理學(xué)理論。

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

表格的應(yīng)用

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

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

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

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

2.展示對(duì)比性信息

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

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

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

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

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

表格信息通常是很乏味的

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

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

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

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

垂直

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

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

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

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