WEBVTT
Kind: captions
Language: ko

00:00:02.260 --> 00:00:04.020
"레이아웃과 구도"
자막

00:00:04.020 --> 00:00:06.920
어떤 면에서 그들은 디자인의 기초입니다.

00:00:06.920 --> 00:00:12.060
그들은 당신의 작업을 구조화하고, 
가장자리의 여백부터 그 안의 내용까지

00:00:12.060 --> 00:00:16.810
탐색하기 쉽게 만들어줍니다.

00:00:16.810 --> 00:00:20.470
당연하게도, 글을 다루는 것만을 의미하는 게 아닙니다.

00:00:20.470 --> 00:00:25.090
구도는 그래픽 디자인이나 웹디자인, 그밖의 다른 매체에서도

00:00:25.090 --> 00:00:26.410
중요한 역할을 합니다.

00:00:26.410 --> 00:00:32.140
잘 짜여진 레이아웃이 없다면, 
당신의 작품은 기본적으로...무너질 것입니다.

00:00:32.140 --> 00:00:36.480
레이아웃과 구도를 잘하기 위한 열쇠는, 
디자이너처럼 생각하는 것입니다.

00:00:36.480 --> 00:00:39.769
다행이도, 듣기보다 쉽답니다.

00:00:39.769 --> 00:00:44.399
여기 다섯 가지 기본 원칙이 있습니다. 이들은 당신의 작품을 
탈바꿈시키고, 디자인에 관해 예리한 시각을 갖도록

00:00:44.399 --> 00:00:45.850
도와줄 것입니다.

00:00:45.850 --> 00:00:50.210
가장 위에서부터 하나씩 살펴보죠.

00:00:50.210 --> 00:00:55.789
근접성이란, 내용 안에서의 관계를 보여주기 위해 활용하는 
시각적 공간에 관한 것입니다.

00:00:55.789 --> 00:01:00.559
실제로 해보면 꽤나 간단합니다. 
관련된 요소들이 함께 묶여있는지만 확인하면 됩니다.

00:01:00.559 --> 00:01:06.060
예를 들어, 텍스트의 블록이나 그래픽 안의 요소들처럼요.

00:01:06.060 --> 00:01:10.210
서로 관련이 없는 그룹은 분리됨으로써
그들의 관련성 부족을

00:01:10.210 --> 00:01:12.440
시각적으로 강조할 수 있습니다.

00:01:12.440 --> 00:01:16.720
대체로, 근접성은 당신의 작품을 한눈에 이해할 수 있게 만듭니다.

00:01:16.720 --> 00:01:21.500
텍스트로만 이루어졌거나, 
더 시각적인 디자인이어도 상관없습니다.

00:01:21.500 --> 00:01:24.700
여백은 모든 구성에서 아주 중요한 부분입니다.

00:01:24.700 --> 00:01:30.510
한편, 여백은 말그대로 '빈 공간' 만을 의미하지는 않습니다.

00:01:30.510 --> 00:01:36.520
여백은 내용들 사이, 줄 사이, 
그리고 바깥쪽의 여유부분 같은 공간만을 가리킵니다.

00:01:36.520 --> 00:01:41.730
여백을 올바르게 활용하는 '정석' 은 없지만,
목적을 이해하는 것은 중요합니다.

00:01:41.730 --> 00:01:46.210
여백은 서로 다른 부분을 정의하고 분리하는 것을 돕습니다.
당신의 콘텐츠가

00:01:46.210 --> 00:01:48.270
숨 쉴 공간을 주는거죠.

00:01:48.270 --> 00:01:52.640
만약 당신의 작품이 어수선하고 불편하게 보이는 것 같다면,
약간의 여백을 활용하는 것이

00:01:52.640 --> 00:01:57.330
적절한 처방이 될 수 있습니다.

00:01:57.330 --> 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:22.079
무슨 뜻인지 함께 알아보죠.

00:02:22.079 --> 00:02:26.590
당신의 콘텐츠가 격자 안에 
배열되어있다고 생각하면 쉽습니다.

00:02:26.590 --> 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:48.349
일관된 정렬이 없다면, 당신의 작품은 
체계적이지 못하다고 보여질 것입니다.

00:02:48.349 --> 00:02:52.459
대비는 간단히 말해서 요소들 간의 차이입니다.

00:02:52.459 --> 00:02:57.239
레이아웃과 구도에서 대비는 여러가지 일에 도움이 됩니다. 
예를 들어,

00:02:57.239 --> 00:03:02.870
독자의 시선을 끌고, 강조를 보여주고, 
무언가 중요한 것에 주목하도록 만들 수 있습니다.

00:03:02.870 --> 00:03:07.950
대비를 만드는 전략은 매우 많습니다.

00:03:07.950 --> 00:03:14.700
색을 활용하거나, 크기, 형태 혹은 
물체의 시각적 무게감을 조정할 수 있습니다.

00:03:14.700 --> 00:03:18.209
혹은 대비되는 스타일의 글을 활용할 수 있습니다.

00:03:18.209 --> 00:03:22.910
대비는 위계와도 밀접한 관계가 있습니다. 
위계는 독자가 당신의 작품 속 방향성을

00:03:22.910 --> 00:03:24.799
알려주는 시각적 기술입니다.

00:03:24.799 --> 00:03:29.439
다시 말해서, 위계는 서로 다른 단계의 강조를 통해
그들에게 어디서 시작해서, 어디로 가야하는지를

00:03:29.439 --> 00:03:32.230
알려줍니다.

00:03:32.230 --> 00:03:37.209
위계를 설정하는 법은 간단합니다.
먼저 독자가 주목했으면 하는 요소를 결정하고,

00:03:37.209 --> 00:03:40.609
그들이 눈에 띄도록 만드세요.

00:03:40.609 --> 00:03:46.069
높은 단계에 있거나 중요한 요소는 주로 
더 크고, 더 선명하고, 어떤 방식으로든

00:03:46.069 --> 00:03:49.140
눈길을 끌게 됩니다.

00:03:49.140 --> 00:03:54.109
반복은 모든 작품이 일관된 모습과 느낌을 가져야함을
상기시켜 주는 도구입니다.

00:03:54.109 --> 00:03:59.790
즉, 특정 요소를 반복함으로써 
당신의 디자인을 개선할 방법을 찾는 것입니다.

00:03:59.790 --> 00:04:06.260
만약 당신이 특정한 색팔레트를 가지고 있다면, 
그것을 온전히 활용할 방법을 찾아보세요.

00:04:06.260 --> 00:04:10.790
특정한 스타일의 머리말을 선택했다면,
매번 그 스타일로 쓰세요.

00:04:10.790 --> 00:04:15.529
미적인 이유때문만은 아닙니다. 
일관성을 지니는 것은 당신의 작품을

00:04:15.529 --> 00:04:17.030
더 읽기 쉽게 만들어줍니다.

00:04:17.030 --> 00:04:26.460
앞으로 보게 될 것을 예측할 수 있을 때,
독자는 편안하게 느끼고 콘텐츠에 집중하게 됩니다.

00:04:26.460 --> 00:04:31.650
어떻게 말하면 레이아웃과 구도는
디자인의 숨은 영웅들입니다.

00:04:31.650 --> 00:04:35.900
그들의 역할은 간과하기 쉽지만
당신이 하는 모든 일의 일부분입니다.

00:04:35.900 --> 00:04:43.570
여길 조금 밀고...저길 조금 띄우고..
그러면, 어떤가요!

00:04:43.570 --> 00:04:51.900
디테일에 조금 집중하는 것만으로도, 
아름답고 전문적인 구도를 만들어낼 수 있습니다.

00:04:51.900 --> 00:04:55.750
레이아웃과 구도의 기초에 함께해주셔서 감사합니다.

00:04:55.750 --> 00:05:00.820
타이포그래피, 색깔, 그리고 이미지와 같은 
다른 디자인 주제들도 확인해보세요!