<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          記住這些原則,讓你的可視化上一個臺階

          共 4194字,需瀏覽 9分鐘

           ·

          2021-07-18 12:40


          導讀:今天給大家介紹一位來自意大利的可視化設計師 Federica Fragapane。她的名字你可能不怎么熟悉,但她的作品你一定看過。因為她的作品太有辨識度了,不僅需要可視化的數(shù)據(jù)緯度復雜量多,而且用來可視化的載體意向常常是貝殼、花瓣、羽毛等自然界的物體。


          作者:Mathieu Guglielmino,編譯:涂鈺坤
          來源:澎湃美數(shù)課(ID:Studio839)


          ▲Federica Fragapane 的 Behance 個人主頁

          她先后與企鵝圖書、聯(lián)合國環(huán)境署、《科學美國人》、谷歌等合作設計了一系列可視化作品,多次獲得過 KANTAR Information Is Beautiful Awards、Core77 Design Awards 等設計大獎。

          ▲點擊圖片查看大圖

          不過,最讓人最佩服的是 Federica Fragapane 對可視化作品整體的把握。雖然常用到不規(guī)則形狀去排列組合,但她的作品看起來并不會不和諧,反而一切看起來都那么的井然有序。

          Federica Fragapane 曾在她的 INS 上分享過自己一些作品用到的工具,多數(shù)用到的就是 illustrator,不是多高深難學的工具。

          ▲向左滑動查看更多圖片

          工具從來都不是可視化設計能否出彩的決定性因素,那么 Federica Fragapane 作品這么美的秘訣何在?我們可以從她的作品里學到什么可視化設計經驗?

          法國數(shù)據(jù)科學家 Mathieu Guglielmino 最近就在 Medium 上解析了 Federica Fragapane 作品背后的美學原理,他覺得從古至今的藝術品其實都在追求和諧,數(shù)據(jù)可視化也概無例外。

          文章已準備好,一起來學習吧。


          00 數(shù)據(jù)可視化也追求和諧

          什么讓一幅畫變得美麗?答案是和諧。其實,幾千年來的藝術品都在試著揭示和諧背后的規(guī)律。這些藝術品都在講,美麗其實是一種社會性構造,并且有五種方式在主導著藝術的創(chuàng)作過程:

          對照、過渡、從屬、重復、對稱

          那么這些原則在數(shù)據(jù)可視化里也是通用嗎?數(shù)據(jù)可視化是視覺藝術與科學的結晶,娛樂與教學并存。究其原理不過在于線、形、色之間的協(xié)作。

          下面,我們將通過屢獲殊榮的信息可視化設計師 Federica Fragapane 的作品,來陳述如何運用五種協(xié)調性原則來創(chuàng)作可視化作品。

          對我而言,重要的是不斷用我認為上好的作品和參考來滋養(yǎng)我的思想與眼睛,尤其是那些與數(shù)據(jù)可視化領域不相關的內容。

          ——Federica Fragapane


          01 對照

          線條是可視化設計師們畫出的結構。它們將人們的目光引向興趣點;它們定義了大海的終點和天空的起點;它們能是直的也能是彎的。有時候,線條還可以相遇交織,并創(chuàng)造出一種簡單卻嚴肅的和諧,這就叫對照。

          埃及盧克索神廟中的石柱就是一個優(yōu)秀的對照例子,體現(xiàn)了對照創(chuàng)造和諧的原則??v橫的石柱將法老巨像立在規(guī)矩之間,內涵端正,恢弘之意。

          ▲盧克索神廟中的對照線

          對照也是 Fragapane 下面這幅作品中的中心原則。

          圖中畫出了一位名叫 Tripoli 的20歲利比亞難民的逃亡路線。黑線代表他逃往意大利的路線,其上附有的水平垂線有深藍,淺藍兩色,分別代表了他在當?shù)氐耐A魰r間和逃亡到此所花的天數(shù)。垂線愈長,則逃亡路線愈加艱難:要么是他被困在了當?shù)兀词撬撕芫貌诺诌_當?shù)亍?/span>

          Fragapane使用了最簡單的設計元素——線,卻生動地突出了逃亡之旅的艱難。

          ▲點擊圖片查看大圖


          02 過渡

          當兩條直線在相反方向相交碰撞,它們會制造出視覺沖擊。當這種碰撞所創(chuàng)造的突兀感過于強烈的時候,可以通過添加曲線的方式來軟化,以提高作品整體的統(tǒng)一性。這種軟化的方式,叫做過渡。

          藝術作品中,棱角分明的畫框之隅可以給人一種尖銳、突兀的感受。但下面的作品在畫框角落附近添加了圓形和曲線,這樣就收斂了不必要的鋒芒。如此平和的構圖——不同元素之間的差異被整體感給漸漸弱化,正是平和過渡的體現(xiàn)。

          ▲約翰內斯·林格爾巴赫《晚餐》

          Fragapane 在她的作品《大空之物》中把數(shù)據(jù)直接畫了出來。她本可以按照時間線,畫出一系列的條形圖,但是她在這次突發(fā)奇思,利用過渡的來調和條形里的直角。

          具體操作中,她把條形換成了平和的曲線。這種替代創(chuàng)造了一種連續(xù)的感覺,并且在設計上可以給曲線里做一個星空的填充。這不僅是過渡的例子,更是運用設計元素來提升故事性的佳作。

          ▲點擊圖片查看大圖


          03 從屬

          前面的兩個協(xié)調原則并不能獨立使用。對于作品里各種成分的調和,需要服務于一個更大的主題,一個有主導性的、體現(xiàn)作品立意的元素。這種處理方式叫做從屬。

          人在看到模糊或復雜的圖像時,會傾向將其分解成更為簡單完整的一個個物象。通過把這一個個物象集合,分類,它們在大腦中就會變成易理解的樣式(Gestalt 原則)。

          在下面這幅作品里,所有元素都是與“耶穌復生”這個主題直接相關的,或者干脆就是附庸。這就叫主題。所有次要人物/物品的位置,情緒,都是與同一個主題(即耶穌復生)相關。因為主題,一個個的元素才得以被連成一個整體。

          在視覺構圖中,從屬原則無疑是構建作品和諧性的一件強大的工具。

          ▲皮耶羅·德拉·弗朗切斯卡《復活》

          除了人類的被動認知,在自然世界里,零散的部件也常常是屬于某個整體的:樹枝和樹干(圍繞軸)、花朵和花(輻射發(fā)散)、連綿的山峰(有大小)。

          Fragapane 的作品《應對新冠:移民的貢獻》就利用了這種自然的從屬原則。

          在新冠流行之時,移民群體成了社會的中堅力量——就像是樹葉之于樹。

          圖中的每一顆樹代表了一塊大陸,每一根枝丫代表了一個領域,從醫(yī)療到農業(yè)生產。還能往細了分,從地級影響,到國家級影響。樹葉代表了貢獻形式:改革,創(chuàng)新和競選。用樹來代表數(shù)據(jù),這種從屬原則的運用方便讀者自然地去領會和交互本作品。

          ▲點擊圖片查看大圖


          04 重復

          人類天生就有能從有節(jié)奏、有順序的模式之中發(fā)現(xiàn)美的本領。設計師可以利用這一天性來創(chuàng)作出和諧美好的作品。這種方式其實與從屬原則的原理相反,它的名字叫做:重復。

          下面圖里的希臘花瓶就是在重復同樣的花瓣樣式,并用花瓣下的行人來強調生活的節(jié)奏。而意大利的加拉·普拉西提阿陵墓里,有一塊天花板畫了伊甸園,同時也鑲嵌了星星與云朵的重復樣式,來表示蒼茫夜空。

          ▲點擊圖片查看大圖

          在數(shù)據(jù)可視化里,條形圖不過是重復著畫著不同高度的長方形。這從藝術角度看來,既沒有和諧感,也沒有創(chuàng)新意識。可分類數(shù)據(jù)又往往受重復原則的青睞——條形圖,餅圖,散點圖,都是重復的產物。那么在創(chuàng)作該類數(shù)據(jù)可視化時,難點在于平衡感。

          在《缺乏民主的國家》中,F(xiàn)ragapane 用樹形來表示每個大陸上的地區(qū)。圖中的排列和布局就很很好的運用了重復原則。

          ▲點擊圖片查看大圖


          05 對稱

          人類的大腦其實很期望“秩序”,在設計里,滿足這種期望的最簡單方式就是將圖形平衡地排列。身體需要平衡,船需要平衡,車也需要平衡。有些人覺得平衡很無聊,但是我們設計師可以很有創(chuàng)意地使用平衡。這種“富有創(chuàng)意的平衡”其實還有個名字,對稱。

          建筑其實是一種三維藝術品。身處其中的我們,不僅可以看到,也能體驗到對稱。

          巴黎圣母院的龕楣(門楣或窗楣的上方,起到裝飾和協(xié)調建筑物立面比例的作用的東西)就是用中心軸來創(chuàng)建出的一種清晰的三體式分割。還有玫瑰窗,更是對稱構圖的藝術品。這兩種設計都是對一個主題(即圣經里的眾多宗教故事)的充滿平衡感、平和感的布置。

          ▲點擊圖片查看大圖

          馬克思和恩格斯在 1848 年發(fā)表共產主義宣言,F(xiàn)ragapane 在下面的作品中把馬、恩二人的書信關系畫了出來。

          ▲點擊圖片查看大圖

          通過一個水平時間軸,F(xiàn)ragapane 把信中內容連接了起來。隨著四十年起伏不斷的曲線有重復之美。由書信來往對象而被對稱分開的上下曲線,不僅容易判斷收信對象,還能對比曲線高度來找出通信頻繁程度,這大大減少了理解難度。如此對稱很好的詮釋了馬克思和恩格斯的書信量異同。


          結論

          很多規(guī)則就是用來打破的,但有些應該好好遵守,比如今天的協(xié)調原則?;蛟S單獨拿出這五條原則之一,不能為你的作品帶來顯著提升。但是將它們調和使用,一定可以幫助你創(chuàng)造新穎平衡的可視化。如果你熟悉了這些原則,你完全可以在Fragapane 的所有作品中找到它們的痕跡,用以參考。

          我們是通過故事來了解世界的,因為故事其實是我們生活點滴的投射。數(shù)據(jù)可視化作為一種視覺敘述性藝術,其背后敘說的故事,一定也和作品本身藝術感一樣,須是平衡、和諧、美麗的。這也是為什么你需要用到以上原則來創(chuàng)造你未來數(shù)據(jù)故事中的大和諧。

          編譯略有刪改,原文鏈接:
          https://medium.com/nightingale/the-five-rules-of-harmony-in-the-art-of-federica-fragapane-e17a006f8418


          延伸閱讀??
          延伸閱讀《用圖表說話》

          干貨直達??


          更多精彩??

          在公眾號對話框輸入以下關鍵詞
          查看更多優(yōu)質內容!

          PPT | 讀書 | 書單 | 硬核 | 干貨 | 講明白 | 神操作
          大數(shù)據(jù) | 云計算 | 數(shù)據(jù)庫 | Python | 爬蟲 | 可視化
          AI | 人工智能 | 機器學習 | 深度學習 | NLP
          5G | 中臺 | 用戶畫像 1024 | 數(shù)學 | 算法 數(shù)字孿生

          據(jù)統(tǒng)計,99%的大咖都關注了這個公眾號
          ??
          瀏覽 18
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  日韩高清无码专区 | 日韩天天在线 | 久久青草电影 | 操逼视频在线看 | 亚洲无码高清黄色视频网站 |