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

hardwear：想必多數(shù)同學(xué)曾經(jīng)學(xué)習計算機就是從Word開始，其中一項重要的學(xué)習任務(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)容，然后決定采取哪種方法能更好地傳遞信息。很顯然，如果信息包含多變量，那么選擇矩陣來表示。下面分別以幾個簡單案例來開始。

垂直

App Store和Google Play里的app多如牛毛。很難說未來的趨勢是什么，不過顯然我們可以輕易選出當下的5種趨勢并加以分析。今天@十萬個為什麼 同學(xué)簡單歸納了當下的5種移動APP設(shè)計趨勢，來漲姿勢吧。

看看時下的app中的顏色、創(chuàng)意和簡單樸素，我們能從中學(xué)到一些設(shè)計移動app的技巧。

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

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

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

藍藍一直在思考這個問題，如何讓設(shè)計效果可量化，看到這篇文章，轉(zhuǎn)載到博客中推薦給大家。以后會搜集這方面的相關(guān)文章，觀閱各家之言。

藍藍一直在思考這個問題，如何讓設(shè)計效果可量化，看到這篇文章，轉(zhuǎn)載到博客中推薦給大家。以后會搜集這方面的相關(guān)文章，觀閱各家之言。

記得在項目不斷迭代優(yōu)化過程中，設(shè)計師們也總說我們價值不被認可。當時需求方與老板也常問我你們設(shè)計究竟能否可量化如何可量化？當然先不說其它因果原由與價值其它體現(xiàn)。本身這個問題也是我長久一來一直思考剛好借此將它解決。當時也找團隊討論聽到大家紛紛提到設(shè)計太抽象與設(shè)計很難通過數(shù)據(jù)量化等…其實在這個探討過程也是發(fā)現(xiàn)問題所在過程，把大家疑慮問題點歸納然后逐個分析并且思考解決后再歸納梳出。然后在實戰(zhàn)過程中再不斷調(diào)整與持續(xù)再歸納思考。

簡單如下：

首先，我們做項目的交互設(shè)計可量化是需要一個基本評估標準：

個人認為根據(jù)不同項目側(cè)重會有所不同，這個需要設(shè)計師根據(jù)項目需求和產(chǎn)品目標等來判斷。任何緯度與標準都是參考，隨著個人和行業(yè)發(fā)展與變化一定都是時時變通。所以沒有固定標準走天下或者說標準也是時時更新中。

1.項目功能設(shè)計。

-點擊率、轉(zhuǎn)化率、點擊流、活躍度、留存率、成功率等

2.體驗可用性。

識別性-點擊率

性-時間效率

有效性-功能使用成功率、操作信息傳達有效性

許多設(shè)計師在社區(qū)中分享的作品往往是為了炫技，而產(chǎn)品的邏輯通常都經(jīng)不起推敲的，真正優(yōu)秀的設(shè)計應(yīng)該從更高的層面出發(fā)，而不只是做表面上的工作。

前言

13年底，Intercom 的產(chǎn)品VP Paul Adams 在 Intercom 官博發(fā)表了 一篇博文 。文章講述了網(wǎng)絡(luò)上設(shè)計社區(qū)里普遍存在的一種現(xiàn)象，大意是“許多設(shè)計師在社區(qū)中分享的作品往往是為了炫技，而產(chǎn)品的邏輯通常都經(jīng)不起推敲的，真正優(yōu)秀的設(shè)計應(yīng)該從更高的層面出發(fā)，而不只是做表面上的工作”。

文章發(fā)布后，在 Twitter 、HN 及博客評論下引起了反響。雖然部分內(nèi)容在一些設(shè)計師眼里看起來比較有攻擊性（也就是俗稱“開噴”），甚至還帶有些地圖炮，但是文中關(guān)于“設(shè)計的四個層次”以及“when..I want to..then I can…”等設(shè)計觀點和方法論都非常值得我們回味并運用到工作當中。

文章是2月前Sam推薦給我的，隨后到 twitter 上獲得了作者的授權(quán)，在這里也應(yīng)作者需要，貼上 Intercom 的官博連接：http://blog.intercom.io/ 。

譯文開始，Dribbble 大牛務(wù)必冷靜閱讀。 =D

__________________以下為譯文正文__________________

設(shè)計追波風

我相信大家應(yīng)該都有過工作效率的些許煩惱。而這個效率啊伴隨我很長時間的痛苦。每每到PDI的時候領(lǐng)導(dǎo)必提效率有木有？自認為快是不算的，必須領(lǐng)導(dǎo)和客戶方說了算，對于當年校招進來的毛驢，是一件淚崩漫長的提升過程。整天琢磨如何快，多快的速度才算快，恨不得快到連參照物都變得動感模糊。時間是把殺豬刀，不僅催人老還得與它賽跑，經(jīng)過這幾年的自殘式磨練，也早該總結(jié)總結(jié)。



一、 懂得整理需求

效率是先把重要的事情優(yōu)先排序來完成，好的整理習慣是可以提率的。當需求很多的時候是可以通過整理需求有條不紊的進行。只要了解哪些是重要和緊急的事情，就能輕松的決定先處理什么。這個相當于是做項目管理的事情，要善于管理自己的工作。建議學(xué)習佐藤可士和的《整理術(shù)》。

例如：本周產(chǎn)品經(jīng)理們提了很多需求：@#￥……&%……&%……

可這樣做:

1、列出所有需求

ABCBBD

2、歸納類型

ABBBCD

3、了解份量

A（傳輸功能設(shè)計)：總辦需求

BBB（圖標類設(shè)計）: 迭代需求，排一起繪制

C（新增界面設(shè)計）: 迭代需求，需較多時間設(shè)計

D（功能宣傳圖）：迭代需求，版本發(fā)布的新功能宣傳

4、明確期限

假如級別為High、Mid、Low…

A（傳輸功能設(shè)計)：總辦需求—非常緊急（今天）—High

D（功能宣傳圖）：迭代需求，版本發(fā)布的新功能宣傳—周三—Mid

C（新增界面設(shè)計）: 迭代需求，需較多時間設(shè)計—本周—Mid

BBB（圖標類設(shè)計）: 迭代需求，需較多時間設(shè)計—本周—Low

需求從散到整，從大到小，從繁到簡，從緊急到迭代這樣去處理就會變得清晰可觀。

　一頭牛從最初的寫實到最后僅僅只用幾根線條來表示，整個簡化的過程也經(jīng)歷了好幾個步驟，當然這里對設(shè)計師觀察和提煉能力要求很高，要充分了解對象物的本質(zhì)，懂得巧妙的取舍，用極簡的要素，在沒有更多裝飾的情況下表達清楚內(nèi)容，在界線與輪廓的高對比下，表現(xiàn)出物體的美感。