19
контуром.
X-высота
х-высота — важная характеристика, которая может быть индикатором
удобочитаемости и субъективно воспринимаемого размера шрифта. Обычно
этот параметр измеряется как высота строчной буквы «х». Помимо
абсолютного измерения х-высоты может понадобиться сравнить х-высоту и с
высотой выступающих надстрочных элементов. То есть получить значения
вроде «х-высота составляет 60 % прописных букв». Чтобы полученные
значения можно было использовать для сравнения (в одних шрифтах
используется 1000 юнитов на Em (типографская единица измерения), в других
2048), необходимо нормализовать их и сопоставить с диапазоном от 0 до 1.
Ширина/ Пропорция
С помощью этого значения можно оценить плотность шрифта. Можно, к
примеру, измерять ширину буквы «М» в разных шрифтах, но тогда пришлось бы
учитывать и общий размер или х-высоту. К тому же в некоторых шрифтах «М»
весьма специфична и не характерна для всего остального набора символов. Так
же можно вычислять среднюю ширину символа на основе эталонного слова
вроде “Hamburgefontsiv”. Это неплохой вариант, но всё равно понадобится
делать нормализацию с учётом общего дизайна и высоты шрифта. Другой
подход заключается в определении пропорции буквы «о». Это даёт хорошие
значения, по которым можно сравнивать ширину разных гарнитур.
Вес
Для измерения веса надо вывести на HTML-страницу строчную «о»,
залить её чёрным, а фон — белым. Затем вычислить отношение чёрных и белых
пикселей. У рукописного или очень тонкого шрифта это значение будет совсем
не большим, а у тяжёлого, громоздкого шрифта отношение будет огромным.
Результаты вполне удовлетворительные, но их можно ещё больше улучшить,
измеряя полную ширину символов.
Расстояние
Если у всех символов шрифта одинаковая ширина, такой шрифт
20
называют моноширинным (monospaced). Важно отметить, что для определения
ширины не обязательно смотреть на сами символы. Даже в моноширинном
шрифте символ точки визуально занимает меньше места, чем «м». Поэтому
нужно учитывать свойство advanceWidth, описывающее невидимые поля вокруг
символа. Google Fonts использует термин monospaced в качестве определения
стиля, а не технического свойства. Шрифты вроде Lekton или Libre Barcode
вообще не отнесены к моноширинным, но технически они ими являются.
Схожесть
Получив таблицу значений, можно нормализовать их и вычислить
расстояния, чтобы оценить схожесть шрифтов. Кроме того, человек может
оценивать схожесть шрифтов не так, как алгоритм, для которого все
характеристики одинаковы. В этом случае нужно учитывать некоторые свойства
в большей степени, чем другие.
Анатомические свойства
Самое трудное в поиске хорошего шрифта — ориентироваться на
особенности дизайна и понимать, какие свойства делают шрифт хорошим или
особенным. Существует достаточно книг по шрифтовому дизайну, шрифтам и
типографике. Эти книги могут научить, как создавать шрифты, как их выбирать
и использовать. Например, основываясь на книгу “The Anatomy of Type” Стивена
Коулза. В ней собрана информация о 100 хорошо проработанных гарнитурах.
Для описания качества шрифтов Стивен использует такие термины, как высота
строчных литер (х-height, х-высота), ширина, вес, ball terminal, форма засечек и
многие другие [1].
По мимо выше перечисленных способов существуют так же наиболее
простые способы для выбора гарнитуры. Например, ежегодно по всему миру
множество компаний выпускают статьи топов и рейтингов, и так как мир дизайна
не стоит на месте и постоянно совершенствуется, выходят разные тренды
меняющиеся из года в год. На момент 01.05.20 зафиксировано более 38
квадриллионов просмотров шрифтовых композиций по мнению Google
Analytics. На основание этих данных был составлен Топ-10 по мнению Google
21
Fonts, используемых шрифтов за последний год:
1. Font family
2. Roboto
3. Open Sans
4. Lato
5. Oswald
6. Roboto Condensed
7. Montserrat
8. Slabo 27px
9. Source Sans Pro
10. Raleway
Трендами 2020 года по мнению творческого блога Creains.art в ТОП-10
будут входить такие гарнитуры как:
1. Helvetica Now
2. Aeonik
3. NewsSans
4. Beatrice Display
5. Untitled Sans
6. Gilroy
7. DIN
8. Recoleta
9. Fann Grotesque
10. Doyle
Но по мнению Behance.net основными тенденциями нынешнего года
будут являться: Наборные шрифты, и Пользовательский шрифт. Как
объясняет в своем посте команда Behance.net: О пользовательских шрифтах -
Эта тенденция все чаще присутствует в дизайне, особенно в логотипах и
плакатах. Эта практика более распространена в крупных брендах, потому что
изготовление эксклюзивного шрифта может быть довольно дорогостоящим,
но дизайнеры могут внести небольшие коррективы в существующий шрифт, и
22
результат может быть совершенно уникальным.
О наборных шрифтах
1
- Укладка текста может быть современным
решением, которое привлекает ваше внимание к важной информации. Мы
видим эту тенденцию и в веб-дизайне, и в дизайне приложений, и в
графическом дизайне.
Каждый дизайнер в праве сам выбирать, какой способ ему подходит.
Не зависимо от того какой метод он выберет, при качественной работе и
умелом совмещении элементов типографики и визуальных акцентов можно
создать что-то уникальное.
1.5 Исследование и определение стиля для сайта
По проведенному исследованию на основе сравнительного анализа,
визуальному подбору, и эстетическим предпочтениям, были рассмотрены
следующие стили для выполнения проекта:
- Flat style
- Pop-art
- Minimalism
1. Flat style (от англ. «flat» - плоский) – один и самых популярных
стилей XXI века в графическом и web-дизайне. Как упоминается в «10
принципов «плоского дизайна»» flat style использует простые формы,
монотонные цвета, и тем самым похож на минимализм. В данном стиле не
используют: градиентов, текстур, бликов, дополнительных теней и объема [18].
2. Pop-art (от англ. «pop art», сокращение от «popular art» —
популярное или естественное искусство) – это одно из направлений
изобразительного искусства середины XX века. Данный стиль зародился как
некий ответ экспрессионизму того времени, и не имеет особых рамок и правил,
которые его ограничивают. Поп-арт уникальный стиль, он может содержать в
себе все что интересно людям в том или ином периоде, будто это
кинематограф, комиксы, книги, музыка, звезды шоу-бизнеса, и даже пищевая
1
Кашевский П. А. Шрифты: учебное пособие. Лiтаратура i Мастацтва, 2012. – 192 с.
23
продукция. Но главной особенностью и узнаваемостью стиля является его
контрастные цвета, повторяющиеся элементы, и броские формы. Этот стиль
имеет многих поклонников в разных странах именно из-за этой особенности
2
.
3. Minimalism (англ. minimalism от лат. minimus — наименьший) –
стиль в дизайне, использующий в себе простоту, лаконичность, точность и
ясность в композиции. Минимализм использует всегда нейтральные цвета и
четкие формы для большей функциональности. В web-дизайне данный стиль
выражается в виде простого и понятного интерфейса, имеющего в себе не
более 3 цветов и без градиентного перелива.
По завершению исследования было решено, основным стилем выбрать
Flat style, за его простоту, функциональность и популярность.
1.6 Влияние цвета на психологию человека
В мире существует огромное количество цветовых спектров при
условии того что по мнению И.Иттена существует всего 3 основных цвета.
Двенадцатичастный цветовой круг И.Иттена наглядно демонстрирует
дополнительные цвета, и их переход друг от друга. В своей работе он
прописывает 7 типов цветовых контрастов, которые показывают работу цвета
и их взаимоотношение:
- Контраст по цвету
- Контраст светлого и темного
- Контраст холодного и теплого
- Контраст дополнительных цветов
- Симультанный контраст
- Контраст по насыщенности
- Контраст по площади цветовых пятен
Контраст по цвету – самый простой из всех семи. Он не предъявляет
больших требований к цветовому видению, потому что его можно
продемонстрировать с помощью всех чистых цветов в их предельной
2
К. Хонеф «Поп-Арт»: Издатель Taschen/ АРТ-Родник ; 2005. – 100 с.
24
насыщенности.
Контраст светлого и темного – основной природный контраст, который
олицетворяет темное и светлое начало.
Контраст холодного и теплого – субъективное восприятие человеком
температуры, при сочетании цветовых спектров.
Контраст дополнительных цветов – результат комбинирования
основных цветов друг с другом. Дополнительные цвета имеет контраст за счет
противопоставления себе подобным, но комбинация такого вида цветов
взаимоуничтожаемо.
Симультанный контраст – явление при котором человеческий глаз при
восприятии какого-либо цвета, моментально требует появления
дополнительного цвета, и если такового нет, то симмультанно, то есть
одновременно воссоздает его сам.
Контраст по насыщенности – это спектральные цвета, полученные
путем преломления белого света, которые являются цветами максимальной
насыщенности или максимальной чистоты.
Контраст по площади цветовых пятен – характеризует собой размерные
соотношения между двумя или несколькими цветовыми пятнами
3
.
Для проекта, основанного на природной тематике более всего подходят
такие контрасты как: контраст светлого и темного, холодного и теплого, и
контраст дополнительных цветов. Так как каждый контраст может по-разному
восприниматься человеческим глазом от колебания волны поступающего на
сетчатку глаза от солнечного, и искусственного света, может меняться и сам
оттенок воспринимающиеся мозгом с помощью импульса проходящего от глаз
до необходимого участка мозгового вещества. При этом каждый
проецируемый цвет имеет свою функцию, которая соответствует участку
мозга, от повышения адреналина в крови, вызывающего прилив энергии или
же повышения серотонина – гормона радости. Экологический форум
3
Иттен И. «Искусство цвета»: Издатель Д. Аронов; М.; 2004. – 53 с.
25
подразумевает собой спокойные, и поднимающие настроение цвета, а именно:
оттенки синего, зеленого, и желтого. По мимо них свою не большую, но
ответственную роль могут сыграть и такие цвета как: черный и белый, так как
они имеют олицетворение жизни и смерти, что представляет собой значимую
роль в судьбе многих существ во вселенной.
Синий цвет – символизирует собой умиротворение, спокойствие,
духовное просветление, чистоту и безмятежность. В духовном плане цвет
олицетворялся с божественным началом, и использовался в разных
мифологиях мира. В христианской религии синий учувствовал во всех иконах,
фресках, картинах, одеяниях, и использовался в росписи монастырей и
соборов. Так как считалось что спаситель человечества одет в синее, символ
истины и вечности. На Востоке синий считается как символ неба и добрых
духов. Оттуда же к нам пришла традиция оборачивать новорожденных в
голубое полотно, символизируя чистоту и невинность нового человека. В
физиологическом плане синий воспринимается больше правым полушарием,
ответственным за эмоциональные восприятия мира, так как оно больше
восприимчиво ко всему новому и неизвестному. Человеческий глаз
воспринимает синий, только из-за того, что при попадании потока частиц
света, на поверхность, окрашенную синим пигментом, фотоны остальных
цветов полностью им поглощаются и только фотоны синего цвета отражаются
на сетчатку глаза. Основным материалом синего того времени был Ляпис-
лазурь, он был насыщеннее и долговечнее свои аналогов. Со временем его
заменили на искусственный, так как он был одним дорогих материалов.
Желтый цвет – один из самых ярких, светлых и теплых цветов. Он
олицетворяет собой радость, тепло, и энергию. Из давно считалось что желтый
считался как цвет солнца, источника жизни. Но по факту солнце не является
желтым, его свет чисто белый, но соприкасаясь с предметами, солнечный свет
придает им слегка желтоватый оттенок. В религии мира солнце являлось
олицетворением жизни, пламени и имело главное начало зарождения мира.
Известны такие солнечные божества как Ра (Египет), Шамаш и Нергал
26
(Вавилон), Гелиос (Греция), Сол (Рим), Аматерасу (Япония), Даждьбог
(Древняя Русь) и соответствующие божества племен майя и инков.
Божественным началом также считался золотой цвет, родственник желтого,
им покрывались купала храмов, окрашивались дворцы, и использовались во
фресках. При дневном солнцестоянии, лучи проходили сквозь фрагменты
желтой фрески и тем самым это демонстрировало эффект божественного
света. Один из основных материалов солнечного культа в то время было
золото, так как оно отражало солнечный свет и имело густой и насыщенный
желтый оттенок, тем самым считалось что солнечный свет заточен в этом
металле, от сюда и было вызвано такое яростное ему поклонение.
Зеленый – это цвет жизни, и надежды. Этот цвет символизирует собой
природу, растения, все живое на нашей земле. Но также он символизирует
такие эмоциональные состояния как: брезгливость, отвращение, но у не
которых людей как спокойствие. В христианстве Иисус Христос въезжает в
Иерусалим с охапкой зеленых листьев, символизирующих вечную жизнь. В
Исламе зеленый считался цветком пророков, а также цветом жизни, для
мусульман это как, знак надежды на жизнь в оазисе, в царстве пустыни и
засухи. Витальная символика зеленого цвета не теряет актуальность и по сей
день. Основная причина тому – вымирание лесов, загрязнение окружающей
среды. Для борьбы с этой мировой проблемой было создано политическое
движение – Greenpeace. Зеленый цвет обеспечивает жизнь всего живого на
Земле. Во-первых, это зеленые растения являются органической субстанцией,
которая просто необходима для жизни животных и людей. Во-вторых, это
процесс фотосинтеза, в результате которого неорганическая солнечная
энергия преобразуется в органические вещества. Решающую роль
фотосинтезе играет зеленый пигмент растений хлорофилл. Сами астения
преобразуют этот пигмент за счет полученным им количества солнечного
света, так как Земля находится на достаточном расстоянии от Солнца,
растения отражают более сильные фотоны других цветов и поглощают только
фотоны зеленого цвета.
27
Белый – это цвет начала. В физическом плане белый, это сумма всех
световых волн и сочетание всех основных цветов. Белый цвет, является
выражением разрешения, бегства, и освобождения от всякого сопротивления,
представляя полную противоположность черному. В мировой истории белый
считался как источник света, который воссоздает начало мира. В древней
китайской книге мудростей можно найти специальные обозначения этой
волшебной силы: «Кин» (творческое начало, небеса) и «Кун» ( принимающая
стихия, земля). Это взаимообусловленное и взаимодополняющее
противопоставление символизирует противоречие между природой и духом,
небом и землей, временем и пространством. Живописное воплощение этого
симбиоза – древний символ Инь-Ян.
Черный – символизирует замедление, стагнацию, омертвление,
отрицание жизни. В процессе восприятия белого, черного, и их
промежуточных оттенков учувствуют только те участки глаза, которые
отвечают за различение темных и светлых тонов. Черный и белый
символизируют свет и тьму, добро и зло – две великие противоположности.
Черный – это цвет отрицания, белый утверждения
45
.
По мимо этого существует такая методика как: Бионергетика.
Суть методики: использование цвета в качестве способа воздействия на
психическое, эмоциональное и физическое состояние человека. Основа
методики – длина волны у каждого цвета. Разная длина волны оказывает
разное действие на человеческий организм.
Красный и алый цвет – это насыщенные оттенки. Положительное
влияние красного цвета на человека отмечают и историки. Многие
средневековые гербы и флаги используют в своей символике этот цвет. Он
показывал военную мощь, стремление к завоеваниям и победам. Причем цвет
влияет не только на успехи в военном деле. Он также связан с эротической
4
Г. Браэм. Психология цвета – М.: АСТ: Апрель, 2009. – 158, [2] с.
5
Месяц С.В. ИОГАНН ВОЛЬФГАНГ ГЁТЕ И ЕГО УЧЕНИЕ О ЦВЕТЕ: Издатель М.: Кругъ; 2012.
—464 с.
28
сферой, со страстью и любовью. Красный цвет – это символ настойчивости,
активности, силы и опасности. Красный также положительно влияет на
организм человека – стимулирует кровообращение, улучшает обмен веществ,
работу сердечнососудистой системы, иммунитет. Эффект от красного можно
заметить после долгой прогулки на холоде.
Фиолетовый цвет нельзя назвать натуральным, от него исходит
ощущение неестественности. Но основная ассоциация – это богатство,
роскошь и царственность. Фиолетовый цвет выглядит таинственно. Он
отвечает за интуицию и прочие необъяснимые озарения.
Оранжевый цвет – активный и деловой. Его использование
благоприятно сказывается на работе мозга, стимулирует активную
деятельность, творчество. Оранжевый влияет на концентрацию внимания. В
организме человека положительное влияние оранжевого цвета испытывает
эндокринная, дыхательная и пищеварительная системы. Цвет сказывается на
работе всех гормонов. В биоэнергетике оранжевый – это «основной
инстинкт», к которому человек переходит после «самосохранения» красного.
Основные ассоциации желтого – это ум, знания, мудрость. Он
положительно сказывается на памяти, творческой деятельности, способствует
мыслительному процессу. Влияние желтого цвета на человека испытывает
нервная система. Его сфера – это правое полушарие, которое отвечает за
творчество. С помощью желтого можно развивать свои таланты, этот цвет
позволяет улучшать работу мысли. Как и оранжевый, цвет влияет на
пищеварительную систему, но немного с другой стороны. Он работает с
кишечником, отвечает за усвоение полезных веществ и пищи, особенно за
усвояемость кальция. Если желтого недостаточно, то это может вызывать
обострения заболеваний опорно-двигательного аппарата.
Он успокаивает, уравновешивает, контролирует. Насыщенный синий –
это спокойствие, миролюбивость и безмятежность. Темно-синий считается
более тревожным и депрессивным цветом. Он может вызывать беспокойство.
Чрезмерное психологическое влияние цвета способно исказить реальное