資訊、圖表可視化最全表達攻略-高分快題版面你必須要了解的版面、視覺設計技巧(四)

2021-02-19 琢木設計中心

/  研學 · 死磕 · 極致 · 創新  /

高分快題版面你必須了解的設計思維繫列文章之四

將資訊、信息轉譯為可讀的圖表，不僅可通過視覺直接傳達訴求，讓資訊亦或是論證信息傳達更為準確、直接，更能降低觀看者的閱讀成本。本片文章先從圖表的種類及類型進行全方位延展介紹，接著詳細介紹可是話圖表的詳細製作流程以及不同類型圖表的製作核心要點。將資訊或數據以視覺方式表現，轉化為圖表方式表達，就稱為「資訊圖表（Infographics）」（關鍵詞：Information（資訊）和Graphics(圖像)）。光看文章很難理解內容、複雜的數據等資訊，只用文字載體很難將準確的信息傳達給讀者。此時若將所有資訊加工成圖表，可直接訴諸讀者的視覺、讓資訊準確得傳達出去。資訊圖表廣泛的存在於我們生活的周遭，常見的類型主要有以下多種：

地圖 

圖表

表格

統計圖表

象形圖

路線圖

標誌

漫畫、插畫表現等等

雖然這些資訊圖表的主要作用是「傳達資訊給讀者」，但在設計時，若能加入更豐富的視覺要素，會更能引發讀者興趣。

將所在地或目的地等資訊傳達給讀者時，地圖是不可或缺的要素。不只是知曉地址，幾乎所有人都有檢索視覺化地圖的訴求。地圖的設計會大大影響地圖的易讀性。活動告知廣告、路線方位導航等多個場景，都需要藉助地圖工具。雖然現在運用地圖軟體可以很快就能從地址中查詢出地圖，但對於稍微了解所處地域環境的人而言，有張設計過的地圖會更加方便。地圖的作用，是協助使用者順利抵達目的地。也就是說，有別於常見的地圖，設計師在製作地圖時，出來到達目的地必須的資訊外，應一概省略無關信息。地圖製作的要點如下：

這些要點，其實都很單純、簡單易懂。因此在實際製作地圖時，要很細心、確實得把以上要點反映在設計上。

如圖所示，左圖為一張毫無重點，主要信息不突出的地圖。右圖為確實呈現關鍵信息的地圖。製作地圖時，要注意表現出路線與道路的粗細差異、明確標示出目的地以提升指引功能。

③地圖圖表化設計案例

用文章呈現過於冗長的內容時，巧妙運用圖表，可使其精簡化。圖表是「以點、線、面構成的圓」。圖表的作用是把單靠文章很難傳達的內容，以圖表化的形式提升傳達力。將資訊整理成圖表，不僅能有效整理，而且很容易與其他要素共存，適合各種用途。製作圖表時，並非一開始就畫起結構圖。須遵循流程，逐一完成製作。另外自覺「不擅長畫畫所以做不來」的人也大可放心。製作圖表是，確實理解資訊數據的內容比繪畫更加重要。圖表的基本樣式及選擇依據
圖表有許多種基本樣式。建議初學者可以先從中挑選出符合需求的結構，以此著手構想創意。根據基本樣式完成的圖表，即使不具備傳達資訊的效果，也可應用在其他表現上。本小節介紹上一節描述的基本樣式與設計要素的具體圖表設計範例。請注意這些圖標如何提升資訊的傳達力。將百分比或數量用簡單的圖示或插圖來表現，會比只用數字表示時更能看出差異，數值的不同一目了然。此外，由於能以直覺的方式傳達資訊，因此更容易讓人留下印象。
不只如此，簡單的插圖或圖示還具有避免感到厭倦的效果。

案例


在圖表中使用插畫，可讓生硬的說明文產生開朗、親切的感覺，同時還可將文字難以傳達的資訊變得簡單易懂、更具傳達效果。只用文字描述「當天出貨」的話，應該不少人會誤以為當天就能到貨。但是，透過圖表可以確認商品是隔天才到貨。

更多案例

只用欲傳達的資訊具有順序或流程特徵時，使用箭頭這類的「指示方向的圖示」，就能用更視覺化的方式來確認過程。明確呈現步驟順序，亦可帶給讀者安心感。

更多案例

使用說明書經常用簡單的插圖來表達步驟過程。利用插畫的話，不分年齡或語言，皆可正確地傳達資訊，也可進一步搭配使用簡單的icon圖示。

更多案例


下圖中用圓形圖表來表現「支援服務」的子集服務要素，並用線條連接起來，表示3種服務的同等重要性，以及相互的關聯性。

更多案例

相關文章推薦

相關焦點

  • 乾貨|快題版面中的三視圖畫法
    在我們考研快題設計版面中效果圖和方案圖等顯眼的part 往往是我們關注的最多的地方在我們表現的設計的過程中光這些就足夠了嗎
  • 折頁設計的版面理念!
    在版面設計中應避免繁雜而令人眼花繚亂，同時要把文字內容放在相應位置上，大小適中，視覺過程應注意主次順序和位置，重要信息應居中，標題應突出。為了使版面布局具有節奏感，確保每個部分內容都正確放置而不是混淆在一起，注意字距、行距、段落間的距離，避免超過三種類型的字體，使布局看起來更加自然和諧。
  • 連版版面設計探討
    ；3.連版是一種特殊的版面形態，通常運用於重大新聞、重大事件或重大戰役的報導，兼有新聞版和專版特徵，要求連版的版面設計既要遵循新聞規律，又要講究設計技巧，才能充分展示連版的優勢。一、準確體現編輯思想「版面的首要功能是傳遞信息，它是一種媒介」。因此，版式設計的首要問題就是內容與形式的高度統一，就是要準確體現編輯思想。連版的稿件組織，往往遵循一定的邏輯思路，但並不考慮如何在版面上「落地」。因此，連版版面的設計，首先要同稿件的組織者進行有效的交流和溝通，領會組稿者要表達的意圖，要達到的目的和效果。
  • 利用PowerPoint製作資訊圖表(Infographic)時的版面調整
    如果你想要用 PowerPoint 來製作資訊圖表（Infographic），一定會常要調整版面的大小。以下圖為例，資訊圖表的版面或許不是預設的紙張大小或是螢幕大小等尺寸。（以下示意圖中的部分圖片元素取自網路，純為教學使用。）
  • 信息可視化圖表設計指南!
    數據可視化教學班3999元勁爆2.5折，現價998元！！！課程連結見文末閱讀原文作者：cherries 出處：ued.baidu信息可視化包括了信息圖形、知識、科學、數據等的可視化表現形式，以及視覺可視化設計方面的進步與發展。
  • 版面設計的藝術表現與創新原則!
    兩者完美結合，是版面構成最根本的要求，也是藝術表現力的因素之一。變化是一種智慧、想像的表現，是強調種種因素中的差異性方面，造成視覺上的跳躍。統一是強調物質和形式中種種因素的一致性方面。最能使版面達到統一的方法是保持版面的構成要素要少一些，而組合的形式卻要豐富些。統一的手法可藉助均衡、調和、秩序等形式法則。
  • 版面製圖報紙版面設計常識
    版面的設計不是為了裝飾而是為了解釋；不是為了引起轟動，而是為了讓讀者感到親切；不是只看同事的反應，而是更要注重讀者的反應。4、標題扣住心弦，圖片吸引讀者。5、讀者手中拿到的一張成品報紙，一般至少要經過「三校兩查」。6、在橫排報紙的版面上，左上角要比右上角重要。7、與報頭同在一面的，稱為頭版。
  • 版面設計的視覺流程!該如何布置?
    文/黃洪瀾 在現代平面設計中，視覺流程是直接影響版式設計信息傳達效果的重要因素。要及時準確地把信息傳達給受眾，版面上必須要有正確合理的視覺流程。在生活節奏變得越來越快的今天，匆忙的人們沒有足夠的時間去理會那些紛繁雜亂的版面信息，即便它很精彩、很重要也難以實現傳達的目的。
  • 【報紙版面】報紙版面術語 報紙版面設計 報紙排版常識
    【報紙版面】報紙版面術語 報紙版面設計 報紙排版常識 報紙版面術語 1、版面 一張報紙一個版的幅面，是報紙規格的稱呼，它是以印刷用紙的全張幅面為計算單位的。一張全開紙(109.2cm×78.7cm)能切成多少張，叫做多少開，全張紙幅面的二分之一叫對開，報紙也叫對開四個版;全張紙幅面的四分之一叫四開，報紙也叫四開四個版，目前也出現了一些幅面不規則的報紙版面，如寬幅、窄幅報紙等。版面是各類稿件在報紙上編排布局的整體產物，是讀者第一接觸的對象。
  • 快題設計室內,室內設計快題方法和技巧
    快題設計是指在較短時間內將設計思路用手繪的形式快速地表達出來的一種方法，要求完成一個能夠反映設計思想和理念的設計成果。快題設計考察的是一個學生的設計水平、表現技巧、構思廣度、應變能力、心理素質等綜合能力。
  • 版面設計中圖片的處理技巧,學會它,工資要翻倍嘍
    版面設計中圖片的處理技巧，學會它，工資要翻倍嘍，設計師必學#如今的版式編排中，圖片越來越多的佔據著版面的重要位置，它的視覺創意、表現力、信息傳達有效性，在版面上的位置安排、與文字的搭配，決定著整個版面設計的成功與否。
  • 室內考研手繪快題設計【入門篇】
    1、時間有限：快速審題、快速構思、快速表達；2、設計要求：理解方案、滿足功能、空間塑造；3、表達要求：清晰、準確、完整、藝術、高效；主要考察大家對：設計任務的理解、平面布置的能力、方案快速構思的能力、功能與問題解決的能力、設計材料技術掌握的能力、空間環境設計與造型的能力；四：快題設計需要注意哪些呢
  • 淺談報紙版面設計的基本原理
    這就要求重要的新聞配大標題，且放在版面上端；可讀性強的放在中部，配圖片；底部也要有重要稿件作為倒頭題來壓住陣腳，這樣的版面才達到基本的平衡。因為新聞稿件牽扯方面太多，這就要求視覺編輯要和文字編輯一起密切合作、共同努力來把版面設計好。本文著重從視覺編輯的角度來談談版面設計當中應注意的一些問題。
  • 黑板報花邊:版面設計
    (一)設計前的準備　　1、根據本期板報宣傳的內容選擇構思刊頭，並考慮刊頭畫在版面中的位置和所佔篇幅。　　2、了解各篇文章的內容，分出主次，然後根據文章的內容和篇幅，大致確定在版面中的位置和排列方式。　　3、確定大標題和各篇文章標題的排列和位置。　　4、構思、選擇各篇文章的題頭畫題花、尾花邊框花邊等。
  • 廈門公司折頁版面設計要點!
    公司折頁必須擁有自身的風格與特色，才能在區別同行產品的同時吸引潛在消費者。而想做到這一點，就必須在公司折頁版面設計中注意以下要點，跟隨美工鋪子來看下吧。
  • 報紙版面設計的基本原理 報紙設計的基礎知識
    這就要求重要的新聞配大標題，且放在版面上端;可讀性強的放在中部，配圖片;底部也要有重要稿件作為倒頭題來壓住陣腳，這樣的版面才達到基本的平衡。因為新聞稿件牽扯方面太多，這就要求視覺編輯要和文字編輯一起密切合作、共同努力來把版面設計好。本文著重從視覺編輯的角度來談談版面設計當中應注意的一些問題。
  • 網頁製作中對版面設計的見解
    希望本文能給網站建設朋友們一點小小的幫助，當然本文主要談的就是網站製作中網頁的版面構造、元素、圖片......最後能夠形成統一的視覺識別。1、課題研究背景在網絡高速發展的今天，網站成為信息的一種主要傳播媒介。那麼網站建設不僅要把握好網站整體界面設計，網站框架設計，網站優化技巧，更重要的是一種綜合運營能力，包括審美，用戶體驗，創新，管理。
  • 報紙版面設計技巧與注意事項 報紙排版設計​
    報紙版面設計技巧與注意事項 報紙排版設計 一、版面設計的一般要求 (一)版式風格：簡潔、大方、醒目、直觀。 11.不要報眉：頭版之外的其他版面不設計報眉。 12.版面漲縮：把邊的稿件超出版心或窄於版心(稿件的邊要與版心邊線對齊)。 13.版式雷同：連續多個版面，或者連續多日的版面沒有變化，似曾相識，千版一律。 14.版式不統一：同一報紙的各個版面的版式風格不統一。
  • 產品設計是咋回事,怎麼學著學著還掉頭髮?
    設計也是一樣。做產品設計也好，快題設計也好表達你的產品信息才會最重要的事情。設計並不是單純地設計外形，設計出來的作品同時必須具備向用戶傳達某種信息的功能。所以，你的快題設計，也得要想清楚這些問題。在日常的版面方案積累中，前期思考的時間大可以充足些，一定要經過推導論證，嚴謹構想，最好能有一定程度上的調研和研究，再進行方案設計和呈現。再者經過老師的指導後，一定要及時修改方案，完善優化版面。3.邏輯性原則再次是第三條，邏輯性原則。在本原則中，重點關注的是設計思維邏輯和版面視覺邏輯性。
  • 【漲姿勢】報紙版面設計常識
    版面的設計不是為了裝飾而是為了解釋；不是為了引起轟動，而是為了讓讀者感到親切；不是只看同事的反應，而是更要注重讀者的反應。4、標題扣住心弦，圖片吸引讀者。5、讀者手中拿到的一張成品報紙，一般至少要經過「三校兩查」。6、在橫排報紙的版面上，左上角要比右上角重要。7、與報頭同在一面的，稱為頭版。