用心設計
如何搭建數(shù)據(jù)可視化系統(tǒng),用豐富的設計語言清晰表達復雜和龐大數(shù)據(jù),并形成鮮明的設計風格?我們把數(shù)據(jù)可視化的元素進行拆分并建立相應的規(guī)范體系。
UI設計的最終目的就是為了更好的展示產(chǎn)品的內容,讓用戶可以更好的接受。與傳統(tǒng)媒介相比,互聯(lián)網(wǎng)產(chǎn)品所包含的內容更多,而且更加復雜。以書籍為例,我們讀書都是一頁一頁的翻,一句一句的讀,不能跳來跳去。但是對于app和網(wǎng)頁來說,我們無法期望用戶像讀書一樣來使用你的產(chǎn)品。這樣不現(xiàn)實,現(xiàn)在是快速讀圖時代,即使面對文字用戶也很少去“讀”,他們更習慣一目十行的去掃描?;ヂ?lián)網(wǎng)產(chǎn)品應該做到讓用戶在短時間內就可以獲取到他們期望的信息,找到他們想要使用的功能。
資深UI設計者
這是我近期獨立完成的一個紅包分享項目,暫時入口在滴滴app里的積分商城,我也跟著同步上傳份項目總結吧
以下圖片都為設計效果圖,具體內容,具體文案以線上為準。
前言:一直以來,我們都認為“點線面”是畫面構成最基礎的組成部分,而從廣義的角度來說并不完全是這樣。傳統(tǒng)的說法中,畫面最小面積是“點”,若干個“點”組成了“線”,若干條“線”組成了“面”,但真的是這樣嗎?假設我們把點放大,它其實也是一個面,而同樣的,我們把線放大,它同樣其實也是一個面,其實“點線面”在述說的是一個方塊(區(qū)域),而在一個畫面中,方塊與方塊之間是相互作用的,而使各個方塊達致平衡的理論,我稱之為“方塊理論”。
什么用戶如此熱衷動效?
答案很簡單,因為動效是對實時交互的本質的補充。也就是說,動效可以營造一種跟物理世界的物體交互事的情感體驗。無疑,交互能夠帶給用戶滿足感。本文介紹5個作者認為在設計動效事非常有用的交互設計核心原則。
信息圖本身是一個合成詞,由信息和圖兩個詞組成多稱之為(Infographics或Infographics Graphics),在40年代的時候就開始出現(xiàn),使用在報紙及新聞類雜志方面,其中杰出的代表阿根廷的信息圖先驅Alejandro Malofiej,在1993年西班牙設立了以他為名的主要針對信息圖表設計的Malofiej獎。
在報紙、雜志等紙質媒體中,為了讓讀者感到新奇且直觀容易的理解,運用了大量的信息圖解的表現(xiàn)。
如下圖所示:
顏色可以表達一切,最好的用色技巧是節(jié)制。如果你最大限度的遵從三原色,那么結果一定不會差。色彩的運用一定要在平衡上多下功夫,運用的顏色越多,越難達到平衡。
顏色在設計中的作用相當于錦上添花?!?Pierre Bonnard
每一個選項都是一個tab ,tab 的形式千千萬,但今天只講這種選中后下面帶橫線的。(我們給這個橫線起個名字叫做小短線吧,下文都這么叫了哈!)
今天的大綱如下:
今天,大數(shù)據(jù)已無所不在,并且正被越來越廣泛的被應用到歷史,政治,科學,經(jīng)濟,商業(yè)甚至滲透到我們生活的方方面面中,獲取的渠道也越來越便利。通過本系列的前面幾篇文章,我們已經(jīng)了解了數(shù)據(jù)可視化的必要性,而目前市面上也已經(jīng)具備了非常多成熟的BI繪制工具,如畫面,QlikView的的和魔鏡等等。雖然這些工具正在變得越來越自動化,然而,隨著大數(shù)據(jù)時代的來臨,信息每天都在以爆炸式的速度增長,其復雜性也越來越高;其次,隨著越來越多科學可視化的需求產(chǎn)生,地圖,3D物理結構等技術將會被更加廣泛的使用。所以,當人類的認知能力越發(fā)受到傳統(tǒng)可視化形式的限制時,隱藏在大數(shù)據(jù)背后的價值就難以發(fā)揮出來,如果因為展示形式的限制導致數(shù)據(jù)的可讀性和及時性降低,從而影響用戶的理解和決策的快速實施,那么,數(shù)據(jù)可視化將失 其價值。 然而,所幸的是,技術的快速發(fā)展和不斷變化的認知框架正在為人類打開新的視野,促使藝術與技術相結合而產(chǎn)生新型的數(shù)據(jù)可視化形式。
2017年3月一年一度的設計盛事《設計上海》在上海展覽中心拉開帷幕,從各國自帶品牌和文化屬性的作品中,依然不難瞥見未來設計的前沿趨勢和走向。其中由yang design設計咨詢公司發(fā)布的一年一度2017-2018設計趨勢報告從材質,用色,以及人群角度提煉出了當代四大設計趨勢。2017年3月一年一度的設計盛事《設計上?!吩谏虾U褂[中心拉開帷幕,從各國自帶品牌和文化屬性的作品中,依然不難瞥見未來設計的前沿趨勢和走向。其中由yang design設計咨詢公司發(fā)布的一年一度2017-2018設計趨勢報告從材質,用色,以及人群角度提煉出了當代四大設計趨勢。
藍藍設計的小編 http://www.88yangsc.com