WEBVTT
Kind: captions
Language: zh-TW

00:00:01.900 --> 00:00:04.019
排版和構圖

00:00:04.019 --> 00:00:06.800
在某種程度上，它們是設計的基礎。

00:00:07.300 --> 00:00:11.000
它們使得你的作品有結構，因而更容易被瀏覽。

00:00:11.000 --> 00:00:13.400
從周圍的邊界...

00:00:13.400 --> 00:00:16.000
到中間的內容。

00:00:16.810 --> 00:00:20.000
當然，它不僅僅是文本的處理。

00:00:20.000 --> 00:00:26.041
構圖在其他的媒介中也很重要，
例如平面設計，網頁設計等。

00:00:26.410 --> 00:00:31.800
沒有好的構圖排版，你的作品基本上就會...崩潰。

00:00:32.000 --> 00:00:36.480
想要精通排版和構圖的關鍵是像設計師一樣思考。

00:00:36.480 --> 00:00:39.000
幸運的是，這並不會太困難。

00:00:39.769 --> 00:00:43.800
有五個基礎原則可以幫助你來改造你的作品

00:00:43.800 --> 00:00:45.850
並且讓你對設計有更敏銳的目光

00:00:45.850 --> 00:00:49.500
讓我們從最上面開始然後依序往下看

00:00:50.150 --> 00:00:55.789
相近是使用視覺化的空間來展現內容之間的關係

00:00:55.789 --> 00:01:02.000
實務中它非常簡單，
你需要做的是確保相關的內容是組在一起的。

00:01:02.000 --> 00:01:06.060
例如：文字方塊或者圖示元素。

00:01:06.060 --> 00:01:12.440
彼此不相關的物件應該分開，在視覺上強調它們沒有關聯。

00:01:12.440 --> 00:01:16.000
總而言之，這使你的作品看一眼就容易理解。

00:01:16.000 --> 00:01:20.000
無論是純粹的文本，還是更加視覺化的作品。

00:01:21.200 --> 00:01:24.700
留白在每一個構圖中都是很重要的一環

00:01:24.700 --> 00:01:29.800
這不是指字面上「白色的空間」——而是「負空間」。

00:01:29.800 --> 00:01:33.520
例如在你的文本之間，或在線段之間

00:01:33.520 --> 00:01:36.520
以及在外部邊界的這些空間。

00:01:36.520 --> 00:01:41.729
使用留白的方式沒有唯一正解，
但以下是理解它的其中一種好方式：

00:01:41.730 --> 00:01:48.270
留白有助於你定義和分離不同的部分，
給予你的內容呼吸的空間。

00:01:48.270 --> 00:01:51.680
如果作品讓你開始感覺混亂或者不舒服...

00:01:51.680 --> 00:01:56.000
一點留白可能正是你所需要的。

00:01:57.000 --> 00:02:02.000
對齊是你經常處理的事，即使你沒有意識到。

00:02:02.000 --> 00:02:07.890
無論是編輯郵件或者創建文件，文本都會自動對齊。

00:02:07.890 --> 00:02:13.299
當自己對齊物件時，例如圖片或者獨立的文本框

00:02:13.299 --> 00:02:15.409
正確的對齊是需要技巧的

00:02:15.409 --> 00:02:18.620
最重要的是保持始終如一

00:02:18.620 --> 00:02:21.600
讓我們進一步看看這是什麼意思

00:02:22.079 --> 00:02:26.500
要遵循這個原則，
想像把你的各個內容物件安排在無形網格中。

00:02:26.500 --> 00:02:30.959
有注意到無形的格線將每一個圖像置中對齊文本嗎？

00:02:30.959 --> 00:02:36.389
每個物件組合之間的距離也是均等的，
到邊界的空間也是相等大小。

00:02:36.389 --> 00:02:40.879
關注細節，可以使得你的構圖更容易被瀏覽。

00:02:40.879 --> 00:02:46.300
沒有一致的對齊，你的作品可能會讓人感覺雜亂無章。

00:02:47.500 --> 00:02:52.459
對比簡單來說就是指一個物件與另一個物件不同

00:02:52.459 --> 00:02:56.000
在排版和構圖上，對比可以幫助你做很多事。

00:02:56.000 --> 00:03:04.000
例如：吸引觀眾的眼球、強調重點，
或是把注意力投射到重要的地方。

00:03:04.000 --> 00:03:07.900
有很多的方式可以創造出對比

00:03:07.900 --> 00:03:13.200
你可以使用顏色、調整大小、形狀或者物體視覺比重

00:03:13.200 --> 00:03:17.800
或者用文本風格來做出對比效果

00:03:17.800 --> 00:03:21.000
對比也與「視覺層級」的概念緊密相關

00:03:21.000 --> 00:03:24.799
「視覺層級」是協助觀眾瀏覽你的作品的技巧。

00:03:24.799 --> 00:03:32.200
換句話說，它透過不同程度的強調方式，
告訴觀眾從哪裡開始看，下一步再看哪個地方。

00:03:32.200 --> 00:03:34.500
建立視覺層級很簡單

00:03:34.500 --> 00:03:40.609
只需要決定哪個物件你想要觀眾最先注意到，
然後讓它們脫穎而出。

00:03:40.609 --> 00:03:47.800
層級高或者重要的物件通常更大，
更粗，或者更能吸引目光。

00:03:49.140 --> 00:03:54.200
重複則是用來提醒每個作品應有統一的外形和感覺

00:03:54.200 --> 00:04:00.500
透過某些方式重複或呼應設計元素，來增強你的設計。

00:04:00.500 --> 00:04:06.260
例如：如果你有一組特別的配色方案，
設法讓它貫穿你的作品。

00:04:06.260 --> 00:04:10.790
如果你選用了一個特別的標題樣式，請重複利用它。

00:04:10.790 --> 00:04:13.000
這不只是為了美觀

00:04:13.000 --> 00:04:17.029
重複所帶來的一致性也可以讓你的作品更容易閱讀

00:04:17.029 --> 00:04:23.000
當觀眾可預期會出現的設計元素時，
他們就可以放鬆專注於內容本身。

00:04:26.000 --> 00:04:31.650
在許多方面，排版和構圖是設計的無名英雄。

00:04:31.650 --> 00:04:35.900
雖然容易忽略它們角色，但是它們是你所做的一切。

00:04:36.400 --> 00:04:42.000
這裡微調一點點...在這多給一些留白...瞧！

00:04:43.000 --> 00:04:50.000
只要多關注一點細節，你也可以創造出美麗，專業的構圖。

00:04:51.900 --> 00:04:55.750
排版和構圖的基礎知識，感謝你的參與。

00:04:55.750 --> 00:05:01.000
看看我們其他設計主題影片，包括字型、顏色和圖像。