WEBVTT
Kind: captions
Language: ru

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
Проверьте остальные наши темы дизайна, в том числе
типография, цвет и изображения.