藍藍覺得在界面設計中,優秀的表格設計技巧是非?;A,也非常重要的。所以從網上搜集轉載了此主題的一些文章,來學習~~這是第二篇!感謝原作者。
hardwear:想必多數同學曾經學習計算機就是從Word開始,其中一項重要的學習任務就是創建表格,如今在網絡頁面里表格隨處可見,尤其是商業產品里充滿了大量的數據,要沒有這些表格估計看內容得吐血…… 表格形形色色,默默無聞的呈現著數據,閱讀起來如何最為順暢,如何才能從表格里發掘出重要信息,有哪些可以對表格進行的操作,梳理一下以供參考。
行高是表格非常重要的參數,行高間距直接影響著閱讀的體驗,有如同Omniture為了最大限度的放置數據內容,強化數據顯示效果而降低行高的情況,也有SugarCRM一樣的行高較高可以放置更多文本信息的表格。
表格信息通常是很乏味的
從某種意義上來說,的確如此。一個好的表格應該以易于理解,簡單明了的方式傳遞大量的信息。真正的重點應該 放在信息上, 對表格的過度設計會抵消這種作用。從另一方面來說,巧妙的設計不僅可以使一個表格更具吸引力, 而且可以增加可讀性。
今天我們來看看提升表格功能和美觀的幾種方式。我們經常會在網上的價格頁上看到表格的應用,因此主要以該種表 單為例。請記住這些原則可以應用到任意類型的信息列表上(不僅限于<table>).
一如以往,我們從最明顯的地方開始。第一步是決定表格的整體結構。結構取決于呈現數據的類型和復雜性。選擇 垂直的列還是水平行,通常取決于個人偏好。大致規劃下表單的內容,然后決定采取哪種方法能更好地傳遞信息。很顯然,如果信息包含多變量,那么選擇矩陣來表示。下面分別以幾個簡單案例來開始。
App Store和Google Play里的app多如牛毛。很難說未來的趨勢是什么,不過顯然我們可以輕易選出當下的5種趨勢并加以分析。今天@十萬個為什麼 同學簡單歸納了當下的5種移動APP設計趨勢,來漲姿勢吧。
看看時下的app中的顏色、創意和簡單樸素,我們能從中學到一些設計移動app的技巧。
當視線掠過一行文字時,它是跳躍前進的,我們稱之為掃視。你讀的不是字母,甚至不是詞語,而是文字某部分的影像,大腦會補上它預期的內容。如果超出大腦預料,它會促使眼睛回去核實假設十分正確。通過在字里行間創造平順的視覺流動,好的字體極度減輕了眼睛的負擔。
對任何字體工作者而言,在移動設備上要面臨與生俱來的挑戰:空間有限,環境光通常比較微弱。不過將已經用于web端的技巧稍加調整,我們就可以提升移動設備的易讀性。
藍藍一直在思考這個問題,如何讓設計效果可量化,看到這篇文章,轉載到博客中推薦給大家。以后會搜集這方面的相關文章,觀閱各家之言。
藍藍一直在思考這個問題,如何讓設計效果可量化,看到這篇文章,轉載到博客中推薦給大家。以后會搜集這方面的相關文章,觀閱各家之言。
許多設計師在社區中分享的作品往往是為了炫技,而產品的邏輯通常都經不起推敲的,真正優秀的設計應該從更高的層面出發,而不只是做表面上的工作。
13年底,Intercom 的產品VP Paul Adams 在 Intercom 官博發表了 一篇博文 。文章講述了網絡上設計社區里普遍存在的一種現象,大意是“許多設計師在社區中分享的作品往往是為了炫技,而產品的邏輯通常都經不起推敲的,真正優秀的設計應該從更高的層面出發,而不只是做表面上的工作”。
文章發布后,在 Twitter 、HN 及博客評論下引起了反響。雖然部分內容在一些設計師眼里看起來比較有攻擊性(也就是俗稱“開噴”),甚至還帶有些地圖炮,但是文中關于“設計的四個層次”以及“when..I want to..then I can…”等設計觀點和方法論都非常值得我們回味并運用到工作當中。
文章是2月前Sam推薦給我的,隨后到 twitter 上獲得了作者的授權,在這里也應作者需要,貼上 Intercom 的官博連接:http://blog.intercom.io/ 。
譯文開始,Dribbble 大牛務必冷靜閱讀。 =D
__________________以下為譯文正文__________________