今天我們要探討的主題是版式設計中的線，相較於字體和圖片來說，線給我們的印象或許並沒有前者來的那麼強烈，可這並不能成爲我們忽視它的理由。作爲版式設計中的基礎元素之一，線的加入不僅能帶來一定的裝飾效果，更能起到調節版面的重要作用。 但問題是，你真的瞭解線條嗎？當你在編排一個版面時，你能夠準確的說出自己加線的目的是什麼嗎？如果你還在爲版面中零散的元素而發愁，那麼我相信，本期的內容一定會對你有很大幫助。那麼接下來我們就把目光聚焦到這個不起眼的線條上，一起去探索一下關於線的祕密吧。

線是什麼

那麼在開始之前，我們先來梳理一下什麼是線，看看從線的定義上，我們能得到哪些信息。

線是一個抽象的概念，它開始於一個點，隨着點的移動軌跡，我們就看到了一條虛線。

線也可以是任何形狀，比如一排文字，就可以被我們看成是一條虛擬的線段。而隨着點的軌跡越來越密集，我們最終就看到了一條實線。

線不僅有角度上的變化，同時也具有指向性的功能。不僅如此，線還有材質和長短上的差異，通過改變這些屬性，我們就能得到各種樣式的線條了。隨着線條粗細的改變，我們對它的心理印象也會變的不同。時而粗壯有力，時而纖細輕盈。當然線條的軌跡也並不一定就是筆直的，當線條彎曲時，還能勾勒出各種變化豐富的造型。

當然線也具有很多錯視現象，有時候，我們明明看起來是傾斜的線，實際上，它們卻是水平的。

而有時候我們看起來是水平的線條，更換另一個視覺環境時，看起來又會變成彎曲的樣子。

而在衆多的形態中，幾何外形的直線條則是最常見的經典樣式，它在實際的版面編排過程中，起着至關重要的作用。

那爲了更好的挖掘「線」的設計思路，我們這篇教程，就把目光鎖定在更有實用價值的幾何直線上。

那麼通過前面的分析，我們對線條的定義已經有了一個初步的認知了。同時呢，我們也找到了版式設計中最常用的線條樣式，那就是幾何造型的直線。因爲這類線條在造型上和字體更加接近，而且直線的軌跡也明顯更容易繪製出來，所以這樣的線條樣式，我們經常能夠在設計作品中看到它的身影。圖片和文本內容通常來說都是不可以隨意在增加的，但線元素就沒有這種限制，那麼線條的加入能夠爲版面帶來哪些作用呢？

線的作用

那麼接下來我們就從線的作用切入，一起去探索一下線對版面都有哪些影響吧。

我這裏蒐集了一些運用了線的相關反例，試想一下，我們添加線條的時候，是抱着怎樣的目的去設計的呢？通過這些並不成熟的案例，我們或許能夠找出大家普遍存在的問題。比如我們現在看到這個版面，線的加入並沒有產生什麼實際的意義，反而擾亂的信息周圍的空間，周圍的傾斜線條也讓人摸不着頭腦。

我們在看這個例子，也同樣是加入了一些幾何造型的傾斜直線，那麼它添加線條的目的是什麼呢？這裏我的判斷是，大家可能想通過這樣的線條爲版面添加一定的裝飾效果吧。

線條的加入的確能夠爲版面帶來一定的裝飾屬性，但顯而易見的是，這樣的裝飾感好像並沒有解決美感的問題。反而會有些擾亂內容的嫌疑。

咱們在看這兩個例子，還是能夠很明顯的看出來，這兩個版面中的線條，好像也沒有太過明確的功能性，僅僅是作爲裝飾出現在版面裏。

所以盲目的在版面中添加線條是不會解決實際問題的，我們在學習優秀作品的同時，不僅僅要看到作品的表面美感，更要學習隱藏在其背後的思維邏輯。

那我們怎樣才能直觀的找到線條的功能作用呢？我們可以試着逆向思考這個問題，如果去掉線條會怎樣？

那麼當我們把這個版面中最醒目的線框去除之後，會發現，元素之間的關聯性變弱了，我們可以把修改前後的兩個畫面做一個對比，你發現了嗎？去除線體之後，左側明顯會給人更凌亂的印象，而右側添加線條後，明顯變得規範了很多。

我們再來看這兩張海報，能看到有哪些不同呢？左側失去線條的版面，元素之間變的更孤立了，而右側加入線條的版本，就顯得更有整體性。

那看看這個版面，線條又起到了什麼作用呢？左側的版面雖然沒有什麼問題，但在使用線條分割信息之後，粗壯的金線，明顯讓男性的陽剛氣質變的更明顯了。

大家再來看一下這兩張版面給人的第一印象是什麼？左邊的版面由於留白較多，會更安靜典雅一些。而右側加入線條的版本，粗壯的線條明顯讓標題變的更醒目了，同時在視覺重量上，也會顯得更加平穩一些。

那麼通過剛剛的分析，我們知道了線不僅僅只是裝飾元素，它在版面中是具有實際作用的，那麼什麼時候可以加線呢？線又具有怎樣的特殊屬性呢？那麼接下來我會詳細爲大家講解。

線的屬性

線條本身就具有很多功能屬性，如果一股腦的介紹給大家，相信一定會讓不少朋友聽的雲裏霧裏，所以我決定把這些屬性拆解開。

我們首先要講解的是區分屬性，說道線條的分割，這個概念大家應該不難理解吧。

那接下來咱們一起看看，在一個版面裏，我們可以有多少分割的形式呢？首先最容易想到的，應該就是貫通版面的分割形式了，從畫面從邊緣開始，直到另一個邊緣結束。

那麼除此之外，我們還可以讓線條的邊緣從版心開始分割，這樣線條就和其他文字信息一樣，對齊在版心內部了。

咱們還可以把前兩種手法做一個結合，這樣就產生了半個貫通版面的分割樣式。

咱們再換一種手法，線還可以對齊到元素的邊緣。

小例子：

首先，咱們可以嘗試組合「貫通版面」和「對齊元素」這兩種分割手法。第一步分割之後，咱們要做的就是確定好人物照片的位置。

隨後，安排主標題信息，以第二個字爲基準，繪製一條對齊線，然後把其餘的內容安排在一條對齊線上，最後安排底部的文字信息。那麼這個小畫面也就編排完成了。

接下來咱們在做一版「半貫通版面」與「對齊元素」這兩種分割手法的版面。首先，我們找到版面的中心位置，然後在右側空間裏繪製分割線，末端可以直到突破出版心之外。那麼接下來，就是將標題內容和線條一樣，對齊到版面的中線上了。

那麼最後呀，我們把其餘的說明內容，安排在版面的下方，那麼這個小版面就規劃完成了。

咱們再來做一版，分割線條「對齊到版心」的樣式吧，同樣也是和「對齊到元素」分割線，進行一個組合使用。

首先我們在背景中繪製兩條不同粗細的線條，注意這裏的線條末端是對齊在版心內部的，那麼接下來，咱們把標題部分安排在左上方的空白位置上。

最後，把更小的信息，填補到另外兩個空白處，這個版面也就完成了。

那麼除了剛剛提到的方法呢，其實還有一種表格類型的分割技巧。一個完整的頁面會被線條劃分成多個更小的區塊，這種手法特別適合用在那些內容很豐富的版面上。

小例子：

這是一個內容很豐富的雜誌頁面，其中有很多組獨立的內容，這就很適合採用表格類型的線條分割。

當然這種線條的劃分，它同樣是可以做出很多變化的，比如運用我們剛剛學到的內容運用「全貫通」樣式的分割線，讓每條線都分割到頁面的邊緣。

或者規範一個版心區域，讓線條劃分在一個範圍裏。

放出頂部的標題部分，只框選其中一部分內容。或者改變橫向的線條，變成「對齊元素」的分割樣式。

再或者說，放大其中一個元素，打破錶格內部均等的狀態。

那麼接下來，咱們說一說線的引導屬性。

這個場景想必大家都不會感到陌生了，懸疑電影中爲了方便推理，常常會用線把有聯繫的人物、時間或地點用線連起來。這也是運用線條進行引導的一個有趣例子。

線條的引導屬性大致可以分成兩種方法，分別是由多個點之間的相互鏈接，以及從單個點向外擴散。

我們可以通過畫面中的這兩個案例，來體會一下這兩種方法之間區別。我們可以明顯看到，左側的線條是鏈接了多個標題內容的，而右側的線條，明顯是從手爲中心，在介紹手的各個部位。

小例子：

咱們首先看看現在這個畫面，假設我們都不認識鴨子，那麼下方的描述文字就很難讓我們理解它們所指的部位在哪了。所以在這種情況下，我們就需要利用線的引導屬性了，採用單點擴散的方法，就是一個不錯的選擇。我們看，像這樣把鴨子作爲中心要素，周圍的所有信息都圍繞着它進行解說。是不是一下子就變的簡單直觀了呢？

接下來我們在試着做一個多點鏈接樣式的版面，同樣也是利用了線的引導屬性，首先我們把文案信息安排在頁面的頂部，豎向編排。

我們之前也提到過，文字也可以看成是一種虛線，所以，利用新加入的英文，也是可以產生分割作用的。最後，運用幾何外形的斜線，把左右兩邊的文字進行一個鏈接，這樣主標題部分也就刻畫完成了。接下來就是補全其餘的版面信息了，首先在下方我們置入一個瓷器。

隨後在左下方安排展覽的地址等信息。右下方的部分，安排這個展覽的副標題。最後添加對於的顏色，那麼到這裏，這個版面也就設計完成了。

那麼接下來，咱們來聊一聊線的填充屬性。

有些時候，我們把所有的文案都放到版面裏，畫面還是會給人很空的感覺，那麼這種情況下，我們就可以利用線條來填充這部分空間，因爲不同於圖片和文案，線條並不承載任何信息，所以對於線的運用是不會有限制的。那麼新的問題是，我們要怎樣填充這部分的空間呢？

運用網格就是一個不錯的選擇，我們並不需要用線填滿每一個縫隙，只要縮小劃分後的區域範圍就可以了。這樣的方法不僅能讓空間看起來更飽滿，同時也達到了增強視覺面積的作用。

除了網格，我們還可以繼續精簡線條的數量，傾斜的線條，就能帶來更強的體量感，它能夠讓一個區域看起來被佔據，又不會讓整體版面看上去很擁擠。

咱們來看這兩個實際的案例，左側是運用了網格去填補空間的例子，而右側則運用了更加精簡的傾斜線條，同樣也達到了填補空間的目的。通過強調線條的部分，我們能更清楚的看出這兩個版面中線條的分佈情況。

小例子：

在這個版面裏，我們即使把字放到最大，其實也只能佔據二分之一的面積，在這種情況下，線條的填充就是一個很有效的方法。這裏我使用了更加精簡的斜線，填充在對角線的空白位置上。

接下來我們把主視覺安排在文字的上方，形成圖疊字的樣式。這是一組間距相等的信息，雖然排的很整齊了，但閱讀的時候還是會容易串行。讓一部分元素疊壓在圖片上，通過這樣的方式可以增強版面中的層次感，那麼最後，在空白位置上，我們加入其餘的文字信息，這個版面也就完成了。

小例子：

文字的筆畫，其實也可以被看成是線條，通過延長文字的筆畫，我們同樣能夠激活線的填充屬性。就像畫面中的這三個案例一樣。

我們看，雖然這三個版面拉伸的方法並不相同，但實現填充留白的方向卻是一致的，我們可以記住這種處理手法，等到我們遇到了合適內容的時候，就可以嘗試這利用這種手法去刻畫主形象了。

我們這裏選擇了一個筆畫結構相對簡潔的英文作爲基礎，我們看它的筆畫有哪些可以做拉伸處理呢？

X的這一筆就看起來很有空間感，那麼其餘的筆畫呢？接下來咱們試着拉長字母N的筆畫，雖然文字的筆畫被拉長的，但是我們依然可以辨認出它們來。那麼爲了儘量保持變化規則上的統一，我們把同樣是筆畫朝向外側的字母t也做一個拉長的處理，那麼到這裏，這個小畫面就差不多完成了。

那麼接下來咱們說一說線的強調屬性。

如果一個版面中只有一部分文字帶有線條，那麼這個反差的部分就會被其餘元素所對比出來，這也就產生了強調的作用。我們大家應該都有在書本上劃線的經歷吧？這種對內容的加工，雖然簡單，但也很有效果，它能夠很輕易的產生凸顯信息的作用。

小例子：

咱們一起來做一個畫冊的對頁，首先我們確定好頁面的中心以及版心的大小，我們先確定好圖片的部分，這裏我把兩張照都安排在版心的內部。隨後爲了增加一絲變化，我這裏將左側頁面的版心部分劃分出一個更小的區域用來安排頁眉與標題信息。隨後在右側的區域中劃分出雙欄，並安排好其餘的信息內容。

我們把網格隱藏掉，看一下最終的效果，那麼到這裏就結束了嗎？ 當然沒有，咱們還沒強調內容呢。

我們可以選擇強調這段引言文字，因爲通常引言都會代表一段內容的核心思想，所以強調這部分從功能性上說也是可行的。那麼我們使用紅色的線條來強調這段信息。

即便縮小觀看，這段文字也是很搶眼的對吧，那麼這個例子到這裏也就設計完成了。

那麼接下來我們聊一聊線的關聯屬性。

那麼線的關聯性是怎樣產生的呢？我們拿畫面中的這兩排人舉例，如果我想讓他們其中一部分人相互產生關聯的話，要怎麼去做呢？很簡單，只需要讓他們帶上相同的帽子就可以了。

同樣的，我們可以把這個元素替換成線，比如這個版面，在每一段文字上方都被添加了線條，這樣就形成了一種呼應關係。

咱們把線條凸顯出來看，是不是就更明顯了呢？當所有文字都帶有線條時，那麼這幾段文字就具備一定的關聯，那麼如果只有一段文字是帶有線條的呢？那它就變成強調屬性了對吧。

小例子：

根據文案我們可以知道，這是一張和麪包有關的海報設計。接下來我們在背景中加入對應的麪包照片，這裏一共有四塊麪包，我們選擇造型更飽滿的這張作爲畫面中的焦點元素。

在背景中，我們加入一些肌理，烘托高品質的氛圍。黑色的背景也更容易把黃色的麪包凸顯出來。

接下來我們把對應的文案信息安排在照片周圍，按照層級劃分字號的大小。

劃分網格，並規範好文字組合的比例關係。

那麼到這裏，版面的基本結構就基本安排好了。最後我們可以在元素之間插入線條，讓元素的構成顯得更飽滿一些。

到這裏，這個版面也就基本完成了。麪包周圍的元素，由於被插入了相同的線條元素，也讓它們之間的關聯屬性得到了增強。

我們可以對比一下，明顯右側加入線的版本會顯得更有關聯性對吧？

那麼最後一個，就基本沒什麼懸念了，我們接下來就講一講線的圖形屬性。

線本身就是構成圖形的基本元素，我們的文字也是從象形文字逐漸演變過來的，比如我們看右側的這個網字，就看起來真的很像一張網。對比我們現在使用的漢字來說，圖形感已經沒有那麼明顯了，因爲我們太熟悉它們的樣子了，所以文字的印象就會格外的強烈。

如果我們想重新激活文字的圖形屬性的話，加入線條就是一個非常有效的方式。因爲線條的加入能讓文字看起來更陌生一些，我們看畫面中展示的這些案例，是不是看起來都很有圖形的感覺呢？

小例子：

首先在這個畫面里加入一段文字，然後呢，咱們來試着想一想，都有哪些添加線條的方法呢？一條線段，可以把它直接疊在文字上，這樣也就打破了我們對文字的固有印象，圖形的感覺自然也就被增強了。當然我們也可以把它像這樣，直接安排在文字的下面。或者像這樣上下各一條，形成一個包圍的感覺。又或者讓線條出現在左右兩邊，形成半包圍的結構。等等各種裝飾手法去激活文字的圖形屬性。

想不到線條有這麼的多學問吧？作爲版式設計中的重要組成元素，線條不僅能帶來裝飾性，同時它也具備解決實際問題的功能性。合理的運用線條，會讓你的作品看起來更加出色。雖然創意是沒有拘束的，但在面對閱讀邏輯與傳播效率時，線條的運用還是會有很多規則的。那麼接下來我們就一起來分析一下線在版面中都有哪些需要注意的事項吧。

注意事項

線條畢竟不能承載信息，所以大部分情況下，我們都要保證線條的視覺強度不能大於文字。所以區分主次是我們需要解決的首要問題。

基於這樣的思考，我們看現在這個畫面，是不是就很有問題了呢？那麼解決這個問題的方法也變得很明確了。那就是降低線條的粗細。

我們可以讓線條的粗細度維持在和文字相同的水準，這樣從灰度上就能顯得更加和諧與統一。

那麼除了讓線與文字和諧共處之外，我們也可以強調文字信息，通過降低線條的粗細和色彩，達到減輕線條視覺強度的目的。

除了區分主次，我們還需要讓線條的出現，儘量不要干擾到文本信息。咱們看這個例子，雖然在線條中加入了很多裝飾和變化，讓畫面看起來沒那麼單調，可這樣的操作也佔據了文本週圍的留白空間。不僅增加了閱讀壓力，同時也讓整個版面產生了很壓抑，密不透風的印象。

針對這個畫面來說，其實加線的必要性並沒有那麼大，我們只用留白其實就可以解決區分內容大問題。

如果一定要加入線條，我們也可以加入這種經過弱化的線，它的出現，僅僅是爲版面添加一絲裝飾性，並不會影響到內容的閱讀。

或者，調整週圍的留白空間，讓線條的分割顯得沒有那麼擁擠，這同樣也是一種增添形式感的方式。

那麼除了以上提到的兩個方面，在運用線條的強調屬性時，我們還需要注意一些問題。比如我們現在看到的這段文字，我們來嘗試用線條去強調它裏面的幾個關鍵詞。

你發現問題了嗎？線條出現的位置問題，也會讓我們觀看時產生困惑。比如我們現在看到的，由於底部的兩段文字距離線條更近。所以很可能會讓人誤以爲被強調的是這兩段內容，可事實上並不是這樣。

那我們試着把線條居中擺放呢？可這樣也會產生新的問題。那就是線條上下方的文字，都有可能被當成是被強調的信息。我們看，前兩個內容還說的過去，可最後的這個明顯就不是一段完整的句子了，這就很容易讓人產生困惑感。

那針對這種只強調局部內容的情況，線條的強調位置，還是要儘量靠近文字的，這樣從邏輯上也更加符合人眼的認知過程。人們會更容易理解被強調的內容，並且關注到它們。

到這裏，相信大家已經對版面中線這個元素有了一個基本的認識了，無論是用來強調信息還是關聯內容，線的加入總能讓版面變得更有條理。那麼爲了便於大家的理解，接下來我們通過一個封面的設計案例，一起來鞏固一下我們學到的新知識吧。

綜合運用

雖然把知識點拆開會更便於我們的理解，但真正在實際的運用過程中，這些線條的特點都是相互疊加的。所以最後咱們再通過一個完整的案例來一起梳理一下今天的內容。

在開始之前呢，我們先了解一下這個項目的背景，首先這是一個書籍封面的設計，書名叫《遊戲改變世界》，是一本國外的著作。那單獨看這個名字，可能我們會以爲這是一本講述某款遊戲的書，或者是遊戲的發展歷史之類的內容。

而在詳細的瞭解了這本書之後呢，我們會得到這樣一些信息，「遊戲化可以重塑人類積極的未來/改善生活，解決能源危機 /提供現實世界匱乏的獎勵與挑戰等等。 簡單來說，這是一本分析遊戲性，並且試圖通過遊戲的方式去解決現實問題的書。

所以在書籍的氣質上，我們想把它定位在相對成熟與嚴肅的方向，但遊戲本身的趣味性也是書籍的核心內容，所以我們也需要讓這方面的屬性有所體現。

在這本書裏，還提到了關於遊戲性的四個決定性特徵：首先目標，就是指在一個遊戲中，玩家想要達到的某個結果，這個結果可以說是吸引玩家投入並遊玩的一個關鍵方向了。

對於遊戲的第二個決定因素，就是規則，在一個遊戲中，需要規定一個玩家能幹什麼和不能幹什麼，以及怎樣去實現這個目標。

第三個是反饋，反饋系統是告訴玩家距離實現目標還有多遠的機制，這也是激勵玩家繼續遊戲的有力手段。

那麼最後一個就是自願性，它就是讓玩家在瞭解了目標/規則和反饋之後，還有興趣想要繼續參與下去的動力了。

書裏講到的這種遊戲性，其實也很適合體現在封面上，因爲我們可以通過這一點呢，去呼應這本書的核心思想。可問題是，怎樣才能在平面的媒體中展現出遊戲性呢？

在視覺傳達領域裏，相信大家都知道，最重要的就是傳達效率了，而相比較簡單的強調信息來說呢，我覺得，讓人們願意去主動閱讀纔是更有效率的傳播方法。

比如我們看這個標題本身就是由三個詞組合到一塊的，所以我們可以把它們再次拆解開，形成一個視覺上的引導。這樣雖然增加了一些閱讀上的障礙，但在解讀的過程中，也會多出很多趣味性。

那麼基於以上的思考呢，我最終決定在書籍的封面上與讀者做一個視覺遊戲，既然是要通過遊戲改變世界，那麼就乾脆從每一個閱讀封面的讀者開始吧。

那首先爲了讓這個小空間看起來沒有那麼方方正正，我把標題拆解成了三份，分別嵌入到了這個方塊裏面。

根據閱讀的邏輯，咱們按照Z字形的方向安排它們。左側的角落我也添加了一個傾斜的切角，讓圖形的外觀看起來能夠更有變化一些。

緊接着呢，我在文字的周圍做了四個開口，也是希望人們能夠通過這種看不見的線條呢，去解讀出標題的含義。那麼這種想要解讀出標題是什麼意思的想法，其實就可以理解成是遊戲性中的一個目標了。

那如果直接讓視線就這樣通過，那未免就太無聊了，爲了增加一些遊玩的樂趣呢？我準備在裏面設置一些障礙和通道，形成一個迷宮的感覺。那麼通過不斷的嘗試和推敲呢，最後啊，我就得出來這樣一個迷宮的圖形了。有了目標和規則之後，遊戲性也就逐漸產生了。

爲了增強這種規則性呢，我在入口和出口的地方，還設置了一個引導箭頭，通過這樣的暗示，讓讀者更容易明白這個遊戲從哪裏開始，和從哪裏通關。那麼接下來我們還要給讀者設置一些反饋，我這裏的通關禮物，就是改變世界的鑰匙了，也算是一個小獎勵吧。除此之外呢，在參與遊戲的過程中，我們也能夠知道自己的視線走到了哪裏，並且也預判距離下一個關卡還有多遠，這些都是正向的激勵反饋。當然這裏咱們還可以加入一些有意思的小東西，那就是當你的眼睛走到死路的時候，還會有一個小骷髏的標誌。這或許是一個小敵人，或者是上一任探險者的骨骸吧，隨你怎麼去想。

那麼到這裏，這本書的主形象就刻畫完成了，接下來就是餘下的內容編排部分了。那麼根據目前的這個構成情況來說，版面上方的大部分面積都是水平與垂直的線條，這雖然能夠增加視覺上的穩定性，但也多少會有規矩和刻板的印象。如果下面也編排的很滿。很規矩，那最終的版面一定會看起來很刻板。所以在下面的文字編排思路上，我決定選擇留白空間更多，編排變化更活潑一些的版式結構。

那麼首先，我們先大致確定好下方文字的字號大小和位置關係。在灰度上也儘量與上面的圖形保持統一，不需要過度去強調它們。副標題的英文部分，在版面中的優先級並沒有那麼高，所以我們把它安排在靠右的位置上。更多的分欄也是增加結構變化性的一個有效的方式。

副標題的英文部分，在版面中的優先級並沒有那麼高，所以我們把它安排在靠右的位置上。更多的分欄也是增加結構變化性的一個有效的方式。那麼主標題的英文部分，我們繼續沿用這種視覺的引導，但這一次我們使用看得見的實線。那麼在構成上呢，也可以讓它有一種繞拍的感覺，這樣傾斜的角度也能夠與頂部的圖形產生一個呼應。

那麼除了引導之外，我們也可以利用線條的分割與鏈接的屬性，去填補右側空間多餘的留白部分，同時這樣的處理也能讓組合看起來更平穩一些。結構處理好後，我們可以讓其中相對更重要的標題與作者信息，看起來稍微有一些裝飾性與圖形的印象。這樣會讓它們看起來更凸顯一些。

這裏還有一個小細節，我們可以看仔細一些，現在我標註的這個部分，雖然沒什麼問題，但也缺少了一些靈活性。我們可以把這裏稍微做一個角度上的變化，這樣一來，細節部分會給人一種手工拼貼的印象，讓整體看起來更活潑，我想用這種處理去抵消那種按部就班的刻板感覺。

那麼最後呢，運用網格系統規範一下細節，這個版面也就差不多完成。

這個案例，我們運用了內容中反覆提及的遊戲性，讓本書封面就成爲一個視覺遊戲，這樣的設計能夠讓讀者在翻閱之前，就能夠體驗到書籍的核心內涵。雖然我們都清楚，在遊玩之前，當人們把這本書拿在手裏時，其實就能夠很容易的從外側解讀出標題含義了。但既然遊戲已經擺在眼前了，我相信它也一定會引起你我的好奇心，去試着遊玩一下的。那麼有興趣的朋友當然也可以暫停試一試，看看你能夠快速通關嗎？

那麼在最後，我們一起來總結一下這期內容都講了些什麼吧，首先，我們一起探尋了線的定義，並且也知道了其中最常用的線條樣式。那就是幾何外觀的直線條，通過對這種線條的應用與分析，我們一共得到了六種屬性，它們分別是區分、鏈接、引導、強調、填充和圖性感。每一種屬性當然也都不是獨立存在的，很多時候它們都是相互疊加的狀態。也希望大家靈活的運用它們，千萬不要去死記硬背。那麼本期的分享內容就到這裏，我是東寧，咱們下期見！

更多版式技巧：

歡迎關注研習設的微信公衆號：「Yanxishe2017」