中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

這個(gè)項(xiàng)目從數(shù)據(jù)分析－視覺通道－視覺結(jié)構(gòu)－視覺設(shè)計(jì)，經(jīng)過多次迭代的方式，最終得到了一個(gè)還算滿意的設(shè)計(jì)?，F(xiàn)在和大家分享一下我在做這個(gè)設(shè)計(jì)時(shí)的思路：

一、數(shù)據(jù)分析：

在分析了諾貝爾的原始數(shù)據(jù)以后，決定以時(shí)間線為導(dǎo)向，分別展示各年份的：

（1）該年各獎(jiǎng)項(xiàng)獲獎(jiǎng)比例
（2）該年各國各獎(jiǎng)項(xiàng)獲獎(jiǎng)比例
（3）該年各國按獲獎(jiǎng)年齡分布的獲獎(jiǎng)人

獲獎(jiǎng)人的數(shù)據(jù)包含（粗體為主要展示屬性）：

照片，名字，英文名，性別，獲獎(jiǎng)年齡，國家，獎(jiǎng)項(xiàng)類別

為獲獎(jiǎng)人的屬性分配可視化的“視覺通道”：

（1）獲獎(jiǎng)年齡：位置
（2）國家：位置
（3）獎(jiǎng)項(xiàng)類別：顏色
（4）其他的數(shù)據(jù)信息：邊欄

二、視覺結(jié)構(gòu)設(shè)計(jì)：

由獲獎(jiǎng)年齡、國家、獎(jiǎng)項(xiàng)類別的視覺通道：位置、位置、顏色

可以確定用散點(diǎn)圖的結(jié)構(gòu)會(huì)比較直觀，由于國家的列表項(xiàng)有40多個(gè)，用橫向和縱向的散點(diǎn)圖會(huì)超出界面邊界，所以把散點(diǎn)圖折成了圓形來表現(xiàn)。半徑表示獲獎(jiǎng)年齡，對(duì)應(yīng)圓心的角度表示國家，顏色表示獎(jiǎng)項(xiàng)類別。再加一層時(shí)間軸就構(gòu)成了基本的數(shù)據(jù)圖：

可以看到用圓形表示散點(diǎn)圖，越靠近圓心等分的面積越小，比較受限制，可讀性也不好，視覺效果也不佳。所以我把它往外拉出來一些，變成環(huán)形的散點(diǎn)圖：

三、權(quán)衡視覺設(shè)計(jì)、交互設(shè)計(jì)、用戶體驗(yàn)

現(xiàn)在的數(shù)據(jù)圖不論是在視覺和可讀性上，都有了提高。可是問題又出現(xiàn)了，時(shí)間軸放在最里面，用戶操作起來很不方便。因?yàn)檫€需要一個(gè)可以精確點(diǎn)選到從1900-2013年的某一年的功能。于是在接下來的幾天嘗試了下面的幾種解決方案：

根據(jù)之前的數(shù)據(jù)圖，拓?fù)涑鰜砹?個(gè)方案。這些圖各有各的優(yōu)缺點(diǎn)，想了好久始終是不能達(dá)到權(quán)衡視覺設(shè)計(jì)、交互設(shè)計(jì)、用戶體驗(yàn)的最完美狀態(tài)。最后選擇了兩個(gè)比較接近的設(shè)計(jì)，第一個(gè)和第五個(gè)。然后，加入“各國各獎(jiǎng)項(xiàng)獲獎(jiǎng)比例”繼續(xù)往下設(shè)計(jì)：

上圖確定的最終方案為第二個(gè)。

四、環(huán)形文字的可讀性處理：

上圖中文字在環(huán)形排列的時(shí)候會(huì)有反轉(zhuǎn)過來的，可讀性不高。之前采用的是左右反轉(zhuǎn)方式，后來采用了下面的設(shè)計(jì)方式來解決：

將環(huán)形用“X”分為上下左右4個(gè)部分，上下用豎排文字，左右用橫排文字，文字的排列遵循從左到右和從上到下。這種方式很適合中文字體，因?yàn)橹形淖煮w 基本上都是顯方形的，在元素細(xì)節(jié)構(gòu)圖上會(huì)比較好看。如果是英文字體的話可能不會(huì)太美觀，英文字體大多為長方形，所以豎排的文字會(huì)顯的扁一些。

五、真實(shí)的數(shù)據(jù)往往會(huì)有“缺陷”：

諾貝爾的數(shù)據(jù)在“1900”和“1940-1942”兩個(gè)年份段會(huì)有空缺，時(shí)間在變化的時(shí)候，數(shù)據(jù)圖右側(cè)會(huì)出現(xiàn)兩次人物列表空白。而兩個(gè)年代，第一次是在開始時(shí)間1900年，第二次是在二戰(zhàn)期間1940－1942年。

為了畫面元素平衡，開始時(shí)，使用諾貝爾頭像和文字標(biāo)題替代右側(cè)的空白處；二戰(zhàn)期間，用坦克和文字標(biāo)題替代右側(cè)的空白處；都用插畫風(fēng)格來表現(xiàn)，和左側(cè)的環(huán)形數(shù)據(jù)圖相應(yīng)和。插畫用少面積的藍(lán)色填充，達(dá)到畫面色彩平衡：

六、整體和局部展示：

整個(gè)諾貝爾可視化的過程都是展示單個(gè)年份，沒有一個(gè)整體呈現(xiàn)的過程。所以在一開始的時(shí)候加了一個(gè)整體概況分布：

七、用到的設(shè)計(jì)工具：

在這次項(xiàng)目中用到的設(shè)計(jì)工具有：Illustrator，Processing

用Processing來動(dòng)態(tài)生成中間的環(huán)形散點(diǎn)圖，用程序生成的好處是：如果你的變量設(shè)置合理的話，可以通過調(diào)節(jié)你的變量來快速改變數(shù)據(jù)圖的樣式。

用Illustrator來設(shè)計(jì)其他的視覺元素，例如：UI界面、插圖、靜態(tài)數(shù)據(jù)圖。

最后總結(jié)一下：

對(duì)于數(shù)據(jù)可視化設(shè)計(jì)，我覺得數(shù)據(jù)分析、視覺結(jié)構(gòu)、交互設(shè)計(jì)、視覺設(shè)計(jì)它們的耦合度比較高，所以在設(shè)計(jì)的時(shí)候要全面的、整體的考慮，權(quán)衡它們之間的影 響和關(guān)系。盡量用快速的方法進(jìn)行多次迭代。這篇文章我只講到了“Star Map”散點(diǎn)圖的設(shè)計(jì)，另外還有“諾獎(jiǎng)之最”、“兩次獲頒諾獎(jiǎng)”、“諾獎(jiǎng)一家人”，把它們都做成了靜態(tài)的數(shù)據(jù)圖，可以通過線上網(wǎng)站來看：datanews

原文來自：優(yōu)設(shè)網(wǎng)
作者：@任遠(yuǎn)媒體實(shí)驗(yàn)室