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

今天我們來(lái)看看提升表格功能和美觀的幾種方式。我們經(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)容，然后決定采取哪種方法能更好地傳遞信息。很顯然，如果信息包含多變量，那么選擇矩陣來(lái)表示。下面分別以幾個(gè)簡(jiǎn)單案例來(lái)開始。

垂直

因?yàn)榻o中興通公司設(shè)計(jì)相關(guān)gis界面，藍(lán)藍(lán)收集的Flex生成的，arcgis界面截圖。藍(lán)藍(lán)設(shè)計(jì)更多gis案例見(jiàn)http://www.miumiuwan.com/bs.html。

一個(gè)新的網(wǎng)絡(luò)產(chǎn)品，或者一個(gè)全新的功能要想吸引用戶的使用興趣，就需要讓用戶在剛一接觸到的時(shí)候能夠快速地了解它是什么，能做些什么，并且能馬上開始一些簡(jiǎn)單的操作。如果看了很久還沒(méi)弄明白這些，那么很可能就徹底放棄了。

所以，設(shè)計(jì)新手用戶引導(dǎo)，就是設(shè)計(jì)用戶前一、兩次使用產(chǎn)品時(shí)的體驗(yàn)，設(shè)計(jì)目標(biāo)是讓新手用戶快速、無(wú)痛苦地成為中間用戶。

先簡(jiǎn)單介紹一下這個(gè)訓(xùn)練營(yíng)的活動(dòng)流程：
　　　1:00 – 1:30 注冊(cè)
　　　1:30 – 2:30 HTML5 技術(shù)剖析
　　　技術(shù)講座1 —— Google 工程師
　　　技術(shù)講座2 —— 特邀嘉賓（李靖威、李繼成，就職于人人網(wǎng)）
　　　2:30 – 3:00 宣布競(jìng)賽規(guī)則，開始組隊(duì)
　　　3:00 – 6:30 作品創(chuàng)作 / 提交
　　　6:30 – 7:00 作品展示
　　　7:00 – 7:30 評(píng)獎(jiǎng)、頒獎(jiǎng)

　　講座部分，先是Google工程師寒蕊MM跟我們分享了些HTML5的新技術(shù)概況，其中大致包括：sessionStorage 、localStorage 、Web SQL DateBase 、Indexed DB ，寒蕊MM還專門寫了篇關(guān)于IndexedDB的文章《客戶端數(shù)據(jù)存儲(chǔ)》 ，文章用實(shí)例的方式講了Web Storage(localStorage)、Web SQL Database 和 Indexed Database的用法。

　　其中Web SQL Database雖是HTML5的技術(shù)，但由于某些原因，W3C組織(Web Applications Working Group)已不再維護(hù)這項(xiàng)技術(shù)，也就是說(shuō)雖然目前Chrome、FireFox新版本瀏覽器支持這項(xiàng)技術(shù)，但不一定未來(lái)的版本還會(huì)支持。以下為w3c官網(wǎng)的聲明：

21日，蘋果公司對(duì)iBooks進(jìn)行了第一次重大更新，發(fā)布了iBooks 1.1版。新版iBooks提供了許多改進(jìn)的新功能。一起來(lái)看看是哪些功能吧：

為網(wǎng)站創(chuàng)建有效的導(dǎo)航對(duì)于網(wǎng)站瀏覽者的瀏覽及導(dǎo)航起到至關(guān)重要的作用。我們?yōu)槟x了以下時(shí)尚且簡(jiǎn)單的導(dǎo)航設(shè)計(jì)教程，當(dāng)您掌握這些教程之后，進(jìn)行各種調(diào)節(jié)及變化將變得非常容易。

1. Retro Dark Blue Header Design

教您如何設(shè)計(jì)一個(gè)深藍(lán)色復(fù)古圓角網(wǎng)站頁(yè)頭。

2. Wii Web Header

　　教您如何設(shè)計(jì)一個(gè)WII風(fēng)格的網(wǎng)站頁(yè)頭。

設(shè)計(jì)中的極簡(jiǎn)主義已經(jīng)出現(xiàn)一段時(shí)間了，并且現(xiàn)在看起來(lái)正在替換內(nèi)容繁多且不必要混亂的設(shè)計(jì)如網(wǎng)站，海報(bào)，廣告，以及商標(biāo)。對(duì)于這些藝術(shù)形式，極簡(jiǎn)主義的概念涉及到幾乎要?jiǎng)兂粢延械母郊蛹皯?zhàn)略性的元素。結(jié)果可以是平靜地，然而強(qiáng)大的設(shè)計(jì)可以合理的傳達(dá)它的信息。你可以在所有的藝術(shù)形式找到極簡(jiǎn)設(shè)計(jì)，從建筑到時(shí)尚再到商標(biāo)設(shè)計(jì)。

遵循最為時(shí)興的設(shè)計(jì)原則是開辦設(shè)計(jì)事務(wù)所的重要一環(huán)。過(guò)去的一年或多或少造就了這樣的觀念，即設(shè)計(jì)越簡(jiǎn)單就越好越有效。

1. Use Larger Logos

一、更大的LOGO

At one time, splash pages were extremely popular. But then so were man-bags, and both are not much in demand today! Why not use an over sized logo to end up with the feel of a splash page? You could get the same effect with a larger than normal header design. YES, we are saying you could make the logo as large as half of the screen size! If you wish for a better overall UX, this is the way to go.

曾幾何時(shí)，醒目頁(yè)面（Splash page)極為流行，連那時(shí)的男用背包也是如此。但今天，這兩者都風(fēng)光不再了！何不用一個(gè)超大的LOGO來(lái)營(yíng)造醒目頁(yè)面的感覺(jué)呢？你可以把頁(yè)首（header）做得比普通的尺寸大一點(diǎn)，來(lái)獲得同樣的效果。沒(méi)錯(cuò)，我們說(shuō)的是，你可以把Logo弄到屏幕的一半那么大！如果你想要更好的用戶體驗(yàn)，就得這么做。

2. Keep it Simple

二、保持簡(jiǎn)單

Simple themes have been around for quite some time already, what with big names like facebook and twitter having influenced users with the ‘less is more’ train of thought. A large number of media sites today follow in their footsteps, using a lot of blank spaces on their design templates. The idea is to have the opposite of a cluttered design. The modern mantra is to do away with left-nav and right-nav and keep the user as occupied as possible on page content rather than distractions! Blank space on a design can later always be used to offer advertising space if your site kicks off big time.

簡(jiǎn)單風(fēng)格也存在了一些時(shí)日了。像Facebook、Twitter這些大牌們一直在引導(dǎo)“少就是多”這一理念。大批的媒體網(wǎng)站追隨著他們的腳步，在設(shè)計(jì)模板上使用大量的留白。這與擁擠型設(shè)計(jì)截然相反?，F(xiàn)代派的真經(jīng)是破除左導(dǎo)航、右導(dǎo)航的糾結(jié)，讓用戶盡可能專注在頁(yè)面內(nèi)容上，而不要被分心！如果哪天你的網(wǎng)站發(fā)達(dá)了，設(shè)計(jì)中的空白區(qū)再來(lái)用于廣告用途也為時(shí)不晚啊。