Viz teardown | How Safe Are Ivy League Schools

VT3，常春藤盟校發生的犯罪情況（原文鏈接，點這裡）

今天關注，留白的處理方法

先看看整體樣子

明顯，這6塊，是基本的viz圖表

先看1、2、3，可以看到是整體的工作表，標題是該工作表設置的字體、底紋顏色

點擊右鍵選擇編輯標題，可以查看到

移除掉1、2、3這部分

在拆掉右側其他的圖表

標題下方有對應的文本描述，移除

再來看看頂部的學校校徽

疑似貼圖，我們右鍵轉到工作表一探究竟

原來是使用形狀mark，然後替換標記

這裡我們回到前面看一下圖1、2、3的標題，和其它右邊的圖表的標題的區別

1、2、3是工作表自帶的標題，是連在一起的

右側的圖表，標題和圖表中間還有蚊子描述

本文的案例使用的方案是單獨使用文本框方式標題，以及中間注釋文字

使用格式精確設置背景顏色

繼續移除掉他們的標題

中間的這部分同樣，也使用形狀mark替換圖片

移除中間的篩選器，時間範圍篩選器

應該算是完工了

下面來看看今天的重點，左下角這裡的排版

在#左邊，有個段落縮進，案例是通過放置一個空白對象實現

可以通過儀錶板布局看到

我們來插入一個文本對象，嘗試一下

底紋設置個顏色

在插入一下空白對象

注意：

空白對象，是不能修改顏色的

所以改為插入一個文本對象

不輸入文字

背景顏色設置藍色

發現問題了吧

二者之間有空隙無法去掉

當然，有個討巧的辦法可以實現如下

就是在文本中插入多個空格

但是該方法略顯low

我們來看看正確的方法

插入容器

注意，之前說過

文本對象和容器是可以設置格式，設置背景顏色的

設置好容器的顏色

這時候在插入空白對象

完美

所以，容器是排版絕對常用的工具

總結

VT1，浮動的布局技巧

VT2，全面的布局的設計思路

VT3，使用容器實現背景顏色排版

再見，VT4

更新記錄：

2017-9-1 發布

Peace！

推薦閱讀：