Return to Video

Lecture 7.2: Typography (10:47)

  • 0:01 - 0:06
    Давайте взглянем на атомы визуального проектирования: Бланки.
  • 0:06 - 0:10
    Это буква R, набрано в Gill Sans.
  • 0:10 - 0:14
    Gill Sans был разработан Эрик Гилл и выпущен в 1928 году.
  • 0:14 - 0:17
    Есть пара вещей, которые я хотел бы отметить об этом письме прямо здесь:
  • 0:17 - 0:23
    Одним из них является, что она имеет восприятия характеристика последовательных вес всех повсюду;
  • 0:23 - 0:28
    Однако фактическая толщина письма значительно варьируется по различным частям.
  • 0:28 - 0:31
    Итак, если вы посмотрите на некоторых точках письма, как внизу,
  • 0:33 - 0:38
    Вы можете увидеть, что они являются гораздо толще, чем в других точках в письме.
  • 0:41 - 0:47
    И что вы видите в этих атомов именно то, что вы увидите на протяжении всей совокупности графического дизайна,
  • 0:47 - 0:50
    который является, что мы собираемся за то, что чувствует себя перцепционно сбалансированного —
  • 0:50 - 0:57
    или может иметь восприятия единообразия — когда актуальность могут быть совершенно разными.
  • 0:57 - 1:03
    Это письмо также было моей очень первой уступки как графический дизайн студент в Род-Айленд Школа дизайна:
  • 1:03 - 1:09
    Мы должны были сделать это письмо, одной ногой высокой, в черной краской, на белом фоне.
  • 1:09 - 1:12
    Это может показаться глупым упражнения,
  • 1:12 - 1:17
    но это отличный способ, чтобы понять тесно кривых и инсультов бланком,
  • 1:17 - 1:20
    и это также очень хорошо на обоих глаз и учебно-просветительские руку;
  • 1:20 - 1:25
    Может быть, это также издевательство ритуал, который я только пост hoc рационализировать.
  • 1:25 - 1:32
    Во всяком случае двигаясь вдоль, давайте посмотрим на различные части шрифта.
  • 1:32 - 1:38
    Один срок, вы можете быть знакомы с использованием на вашем компьютере является размер шрифта или размера шрифта.
  • 1:38 - 1:40
    И что примечательно, об этом
  • 1:40 - 1:46
    оно кажется как число, должны быть установлены в каменных и последовательной во всех шрифтов,
  • 1:46 - 1:48
    но это действительно не.
  • 1:48 - 1:53
    Большая часть нашей терминологии от гарнитуры происходит от когда они были установлены в свинец,
  • 1:53 - 2:00
    и кегля шрифта просто означает высоту блока свинца, который тип был установлен в,
  • 2:00 - 2:07
    который имеет некоторое отношение к размеру фактических письмо, но не полностью соответствует.
  • 2:10 - 2:13
    Например вы можете видеть, для того же размера точки,
  • 2:13 - 2:16
    Вот письмо S в Gill Sans и письмо S в Calibri,
  • 2:16 - 2:22
    и вы можете которые Calibri S меньше чем Gill Sans S.
  • 2:27 - 2:29
    Наш второй срок является ведущим.
  • 2:29 - 2:33
    Если у нас есть цельных блоков типа свинца, которые формируют письма,
  • 2:33 - 2:39
    интервал, который мы получаем между линиями было достигнуто путем класть тонкие полоски свинца между линиями,
  • 2:39 - 2:42
    и это называлось ведущих.
  • 2:42 - 2:47
    Это обычное для иметь 20% от размера шрифта как ваш ведущий;
  • 2:47 - 2:51
    и так, если в вашем текстовом процессоре вы установили 10-точечного типа,
  • 2:51 - 2:59
    Он обычно автоматически добавит дополнительные 2 очка интервал положить 12 очков между каждой строкой.
  • 2:59 - 3:05
    Высота строчных букв называется x-высота, от «x».
  • 3:05 - 3:10
    Некоторые шрифты имеют высокий x-высота, как Lucida Bright или Грузии;
  • 3:10 - 3:14
    другие шрифты имеют меньше x-высота, как Baskerville.
  • 3:14 - 3:16
    И это важно для проектирования — особенно онлайн —
  • 3:16 - 3:23
    потому что шрифты, которые имеют высокий x-высота будет легче читать в меньших размерах точки
  • 3:23 - 3:28
    и на устройствах с низким разрешением как большинство экранов.
  • 3:28 - 3:31
    И наоборот шрифты с низкой x-высота, как Баскервиль,
  • 3:31 - 3:37
    используются, когда вы пытаетесь дать элегантность, или чувствовать что-то «Белла парк».
  • 3:37 - 3:40
    И прорастания и снижается от x-высота
  • 3:40 - 3:45
    являются выносные — как топ стволовых h и точка i —,
  • 3:45 - 3:50
    и Ваше спусковое устройство — как y, p, g.
  • 3:50 - 3:55
    В общем шрифт, который имеет низкий x-высота будут склонны имеют длинные выносные и подстрочные элементы,
  • 3:55 - 4:01
    и шрифт, имеющий высокий x-высота, как правило, более сжато выносные и спусковое устройство.
  • 4:06 - 4:08
    Шрифты могут также варьироваться в их веса.
  • 4:08 - 4:15
    Так вот у пример свет на левом, регулярные или римские в середине и смелые справа.
  • 4:15 - 4:19
    Иногда вы увидите веса между ними как demibold или полужирного,
  • 4:19 - 4:23
    и даже дальше справа от смелых, вы увидите черный.
  • 4:23 - 4:25
    Номер 6 в списке являются засечки.
  • 4:25 - 4:33
    Засечки являются doohiggies на конце букв, дать им, что chiselled вид.
  • 4:33 - 4:35
    [Существует] еще несколько, которые являются бонус:
  • 4:35 - 4:39
    Некоторые лица (гарнитур) будет также включать малые прописные буквы, которые уверены, именно то, что они звучат как,
  • 4:39 - 4:42
    меньших версий столицы [s и] чисел.
  • 4:42 - 4:45
    Они могут использоваться как заголовки, или они могут также использоваться
  • 4:45 - 4:50
    чтобы положить сокращений и других капитальных текстов внутри блока текста.
  • 4:52 - 4:54
    И одна вещь, что вы можете не знать —
  • 4:54 - 5:00
    так же, как прийти в прописные и строчные буквы цифры делать тоже.
  • 5:00 - 5:01
    Эти цифры, в Neutraface,
  • 5:01 - 5:06
    являют собой пример чего-то, только небольшие выносные и спусковое устройство;
  • 5:06 - 5:09
    в некоторых случаях они могут быть более драматичным.
  • 5:09 - 5:11
    Строчная номера полезны
  • 5:11 - 5:17
    Если вы хотите чисел вписывается в более большой блок текста и не выделяются.
  • 5:17 - 5:20
    Одним из наиболее распространенных вопросов, которые я получаю спросил о графического дизайна является:
  • 5:20 - 5:22
    «Какой шрифт использовать?»
  • 5:22 - 5:24
    И многие люди слышали историю
  • 5:24 - 5:28
    где засечками Шрифты обычно рекомендуется для основного текста
  • 5:28 - 5:32
    и засечек Шрифты рекомендуются для заголовков.
  • 5:32 - 5:37
    И что есть, в целом, а не плохие советы.
  • 5:37 - 5:42
    Существует часто повторял утверждают, что причина, что это хороший эвристического
  • 5:42 - 5:47
    потому что шрифтов с засечками, с тех doohiggies в конце,
  • 5:47 - 5:52
    Дайте ваши глаза, что-то зацепить, и следовательно они легче читать.
  • 5:52 - 5:55
    Это интересные гипотезы.
  • 5:55 - 5:58
    Так что я посмотрел на это немного для всех вас,
  • 5:58 - 6:00
    и есть некоторые проблемы в попытке выяснить это.
  • 6:00 - 6:07
    Для стартеров, индивидуальные различия в читателей карлик любые манипуляции эффекты шрифта —
  • 6:07 - 6:10
    как некоторые люди читают гораздо быстрее, чем другие,
  • 6:10 - 6:16
    и поэтому трудно оценить различия в читаемость шрифтов.
  • 6:16 - 6:19
    Кроме того чтение требует знакомства:
  • 6:19 - 6:23
    Это не так, как мы родились, зная, что буква R выглядит как; Мы должны на практике.
  • 6:23 - 6:28
    И так если вы узнаете с одним стилем буква R, вы вероятно будете быстрее, что один;
  • 6:28 - 6:33
    и если вы узнаете, с другой стиль буква R, вы будете быстрее, что один.
  • 6:34 - 6:38
    Если даже тогда, когда мы получили в прошлом все эти проблемы,
  • 6:38 - 6:41
    Она может быть немного трудно понять, как точно вы должны измерить это.
  • 6:43 - 6:48
    Ну я не могу пойти так далеко, чтобы сказать, что гипотеза Серифа окончательно неверна;
  • 6:48 - 6:53
    что я могу сказать, что есть много доказательств, подтверждающих, что на самом деле это реально.
  • 6:53 - 6:57
    И Алекс пул делает большую работу, описывающий это на своем веб-сайте:
  • 6:58 - 7:03
    Он пишет, что «то, что первоначально казалось аккуратные дихотомических вопрос о Сериф против sans serif
  • 7:03 - 7:07
    привело к тело исследования, состоящий из слабых претензий и встречных претензий,
  • 7:07 - 7:11
    и исследование после изучения с выводами «разницы».
  • 7:11 - 7:16
    Это дело, что более чем сто лет исследований был омрачен [неоднократные] методологические недостатки,
  • 7:16 - 7:21
    или засечки просто типографская 'red herring'?»
  • 7:21 - 7:26
    Это похоже что типа смешанного случая вы получаете в предложении — верхний и нижний смешанные вместе —
  • 7:26 - 7:30
    Это быстрее читать чем заглавными буквами, предположительно, потому что
  • 7:30 - 7:34
    Вы получите более вертикальной вариации с выносные и спусковое устройство строчными буквами,
  • 7:34 - 7:40
    и что дает ваш глаз больше информации, как это чтение.
  • 7:40 - 7:45
    Кроме того в целом, пропорциональные шрифты, по-видимому, быть быстрее, чем моноширинных шрифтов, как пишущей машинки.
  • 7:45 - 7:52
    Так, пишущая машинка шрифта [s] — медленнее читать — [но] что вещи только вопросы, если вам придется читать много всего.
  • 7:53 - 8:00
    Но простой резюме, что, на практике, удобочитаемость, просто составляет то, что вы привыкли.
  • 8:00 - 8:05
    Что говорят эти слова? Нижняя половина затемнено.
  • 8:05 - 8:09
    Как многие из вас уже догадались я пончик желе».
  • 8:09 - 8:13
    Как насчет это одно здесь? Здесь скрывается верхней половине.
  • 8:13 - 8:15
    Кажется немного сложнее?
  • 8:15 - 8:19
    «jfk выступил в Берлине».
  • 8:19 - 8:25
    Turn out что больше информации кажется, чтобы быть закодированы в верхней половине текстов чем в нижней половине.
  • 8:25 - 8:27
    И что это сказать?
  • 8:27 - 8:32
    [I] об заклад, многие из вас видел его как «кошка»,
  • 8:32 - 8:36
    и меньше людей, «TAE CHT».
  • 8:36 - 8:42
    И это потому, что ожидание играет очень важную роль в том, что мы читаем.
  • 8:42 - 8:44
    И если вы действительно восприимчивый,
  • 8:44 - 8:53
    возможно, вы поняли, что эти две средние буквы являются на самом деле точно так же письмо,
  • 8:53 - 8:57
    Единственное отличие это то, что вы ожидали увидеть в каждом конкретном случае.
  • 8:57 - 9:01
    Априорной вероятности влияет на Вашу интерпретацию.
  • 9:01 - 9:07
    Итак, если вы положили все это вместе и вернуться к нашему исходному вопросу о «какой шрифт должен использовать»,
  • 9:07 - 9:09
    ответ-«Это зависит».
  • 9:09 - 9:12
    Если вы кладете вниз долго блок текста,
  • 9:12 - 9:16
    Это лучше всего использовать гарнитуру, что многие люди будут знакомы с;
  • 9:16 - 9:21
    и если вы работаете в Интернете, использовать то, что имеет относительно высокий x-высота.
  • 9:21 - 9:25
    С другой стороны, если вы делаете эмблемы или знака,
  • 9:25 - 9:29
    или что-то короткий и призваны быть драматическим,
  • 9:29 - 9:33
    Тогда вы вероятно хотите использовать что-то немного funkier как ваш шрифт —
  • 9:33 - 9:37
    то, что собирается поймать внимание и быть уникальным, запоминающимся.
  • 9:38 - 9:43
    И шрифты — как и все в жизни — [создать] репутацию.
  • 9:43 - 9:47
    Так со временем, некоторые шрифты прийти к виду некоторые вещи.
  • 9:47 - 9:51
    И вот хороший пример из Hoefler и Фрер-Джонс, писать на их блоге.
  • 9:51 - 9:56
    Они говорят о как Баскервиль похоже это из литературный журнал
  • 9:56 - 10:03
    и Оптима, как представляется, напоминают нам о дешевых 1950 гигиены.
  • 10:03 - 10:08
    Вот два простых упражнений, которые можно использовать для улучшения ваших типографская глаз:
  • 10:08 - 10:14
    Первый: Посмотрите вокруг вас для всех по-разному, что получает развернуты же шрифт;
  • 10:14 - 10:17
    Это даст вам чувство своего ареала.
  • 10:17 - 10:26
    И вторая: Посмотрите, как тот же текст с различные шрифты, действительно меняет его смысл.
  • 10:27 - 10:30
    В этом классе у нас есть много места для покрова быстро,
  • 10:30 - 10:33
    и поэтому, к сожалению мы не можем потратить слишком много времени на типографии;
  • 10:33 - 10:36
    но это увлекательный предмет, и если вы хотите узнать больше об этом,
  • 10:36 - 10:42
    Есть много замечательных книг и дизайн ресурсы в Интернете, и они растут быстро.
  • 10:42 - 10:48
    Вот лишь несколько, которые я считаю особенно хороши.
Title:
Lecture 7.2: Typography (10:47)
Video Language:
English
Mikhal Morozov added a translation

Russian subtitles

Revisions