如何搭建數(shù)據(jù)可視化系統(tǒng)，用豐富的設計語言清晰表達復雜和龐大數(shù)據(jù)，并形成鮮明的設計風格？我們把數(shù)據(jù)可視化的元素進行拆分并建立相應的規(guī)范體系。

UI設計的最終目的就是為了更好的展示產品的內容，讓用戶可以更好的接受。與傳統(tǒng)媒介相比，互聯(lián)網產品所包含的內容更多，而且更加復雜。以書籍為例，我們讀書都是一頁一頁的翻，一句一句的讀，不能跳來跳去。但是對于app和網頁來說，我們無法期望用戶像讀書一樣來使用你的產品。這樣不現(xiàn)實，現(xiàn)在是快速讀圖時代，即使面對文字用戶也很少去“讀”，他們更習慣一目十行的去掃描?；ヂ?lián)網產品應該做到讓用戶在短時間內就可以獲取到他們期望的信息，找到他們想要使用的功能。

這是我近期獨立完成的一個紅包分享項目，暫時入口在滴滴app里的積分商城，我也跟著同步上傳份項目總結吧

以下圖片都為設計效果圖，具體內容，具體文案以線上為準。

項目背景

1. 增加滴滴紅包樣式，拓展商業(yè)化渠道，促進滴滴紅包變現(xiàn)。
2. 實現(xiàn)商家品牌推廣。
3. 為滴滴用戶獲得滴滴優(yōu)惠乘車券提供新的渠道。
4. 豐富滴滴產品形態(tài)，實現(xiàn)用戶拉新同時提升用戶使用頻次及活躍度。

項目目標

1. 形成滴滴商家紅包購買生態(tài)，增添滴滴商業(yè)化的新形式
2. 讓商家為乘客的優(yōu)惠出行助力
3. 進一步提升滴滴口碑，增加滴滴良好的社會影響力
4. 新用戶拉新，老用戶活躍度提升
5. 同時為普通用戶提供紅包購買渠道，促進普通用戶之間的社交

前言：一直以來，我們都認為“點線面”是畫面構成最基礎的組成部分，而從廣義的角度來說并不完全是這樣。傳統(tǒng)的說法中，畫面最小面積是“點”，若干個“點”組成了“線”，若干條“線”組成了“面”，但真的是這樣嗎？假設我們把點放大，它其實也是一個面，而同樣的，我們把線放大，它同樣其實也是一個面，其實“點線面”在述說的是一個方塊（區(qū)域），而在一個畫面中，方塊與方塊之間是相互作用的，而使各個方塊達致平衡的理論，我稱之為“方塊理論”。

什么用戶如此熱衷動效？

答案很簡單，因為動效是對實時交互的本質的補充。也就是說，動效可以營造一種跟物理世界的物體交互事的情感體驗。無疑，交互能夠帶給用戶滿足感。本文介紹5個作者認為在設計動效事非常有用的交互設計核心原則。

信息圖

信息圖本身是一個合成詞，由信息和圖兩個詞組成多稱之為（Infographics或Infographics Graphics），在40年代的時候就開始出現(xiàn)，使用在報紙及新聞類雜志方面，其中杰出的代表阿根廷的信息圖先驅Alejandro Malofiej，在1993年西班牙設立了以他為名的主要針對信息圖表設計的Malofiej獎。

在報紙、雜志等紙質媒體中，為了讓讀者感到新奇且直觀容易的理解，運用了大量的信息圖解的表現(xiàn)。

如下圖所示：

顏色可以表達一切，最好的用色技巧是節(jié)制。如果你最大限度的遵從三原色，那么結果一定不會差。色彩的運用一定要在平衡上多下功夫，運用的顏色越多，越難達到平衡。

顏色在設計中的作用相當于錦上添花。—— Pierre Bonnard

每一個選項都是一個tab ，tab 的形式千千萬，但今天只講這種選中后下面帶橫線的。（我們給這個橫線起個名字叫做小短線吧，下文都這么叫了哈?。?

今天的大綱如下：

• tab是用來干嘛的
• tab 的分類
• 幾種常見的小短線
• 小短線的注意事項一
• 小短線的注意事項二

今天，大數(shù)據(jù)已無所不在，并且正被越來越廣泛的被應用到歷史，政治，科學，經濟，商業(yè)甚至滲透到我們生活的方方面面中，獲取的渠道也越來越便利。通過本系列的前面幾篇文章，我們已經了解了數(shù)據(jù)可視化的必要性，而目前市面上也已經具備了非常多成熟的BI繪制工具，如畫面，QlikView的的和魔鏡等等。雖然這些工具正在變得越來越自動化，然而，隨著大數(shù)據(jù)時代的來臨，信息每天都在以爆炸式的速度增長，其復雜性也越來越高;其次，隨著越來越多科學可視化的需求產生，地圖，3D物理結構等技術將會被更加廣泛的使用。所以，當人類的認知能力越發(fā)受到傳統(tǒng)可視化形式的限制時，隱藏在大數(shù)據(jù)背后的價值就難以發(fā)揮出來，如果因為展示形式的限制導致數(shù)據(jù)的可讀性和及時性降低，從而影響用戶的理解和決策的快速實施，那么，數(shù)據(jù)可視化將失 其價值。

然而，所幸的是，技術的快速發(fā)展和不斷變化的認知框架正在為人類打開新的視野，促使藝術與技術相結合而產生新型的數(shù)據(jù)可視化形式。

2017年3月一年一度的設計盛事《設計上海》在上海展覽中心拉開帷幕，從各國自帶品牌和文化屬性的作品中，依然不難瞥見未來設計的前沿趨勢和走向。其中由yang
design設計咨詢公司發(fā)布的一年一度2017-2018設計趨勢報告從材質，用色，以及人群角度提煉出了當代四大設計趨勢。2017年3月一年一度的設計盛事《設計上?！吩谏虾Ｕ褂[中心拉開帷幕，從各國自帶品牌和文化屬性的作品中，依然不難瞥見未來設計的前沿趨勢和走向。其中由yang
design設計咨詢公司發(fā)布的一年一度2017-2018設計趨勢報告從材質，用色，以及人群角度提煉出了當代四大設計趨勢。