<?xml version="1.0"?>
<rss version="2.0">
   <channel>
      <title>Графіний дизайн (Типографіка, шрифти і шрифтові пари) by Лиана Чехместрук</title>
      <link>https://padlet.com/lianachehmestruk/nlitih9mbizbrxu1</link>
      <description></description>
      <language>en-us</language>
      <pubDate>2020-12-07 08:23:03 UTC</pubDate>
      <lastBuildDate>2023-07-16 02:44:21 UTC</lastBuildDate>
      <webMaster>hello@padlet.com</webMaster>
      <image>
         <url></url>
      </image>
      <item>
         <title>Типографіка. Історія типографіки</title>
         <author>lianachehmestruk</author>
         <link>https://padlet.com/lianachehmestruk/nlitih9mbizbrxu1/wish/993290724</link>
         <description><![CDATA[<div><br></div><div><strong>Типографія</strong> (грец. τύπογραφία) — мистецтво оздоблення друкарського тексту </div><div><br>Типографія включає в себе мистецтва:</div><ul><li><em>шрифтового дизайну</em>, тобто створення символів літер та цілих шрифтів;</li><li><em>шрифтового оздоблення</em>, тобто модифікації та декорування малюнків літер;</li><li><em>верстки</em>, тобто вибору шрифту, параметрів набору, способів розміщення на площині та компонування з іншими елементами</li></ul><div><br>Знання і розуміння типографіки перетворюють текст в інструмент побудови композиції, роблять його живим, надають характер і <strong>здатність передати ідею не тільки за допомогою змісту, а й графічно.</strong></div>]]></description>
         <enclosure url="" />
         <pubDate>2020-12-07 08:47:12 UTC</pubDate>
         <guid>https://padlet.com/lianachehmestruk/nlitih9mbizbrxu1/wish/993290724</guid>
      </item>
      <item>
         <title>Приклад типографіки</title>
         <author>lianachehmestruk</author>
         <link>https://padlet.com/lianachehmestruk/nlitih9mbizbrxu1/wish/993294512</link>
         <description><![CDATA[]]></description>
         <enclosure url="https://padlet-uploads.storage.googleapis.com/899053587/f66c1eb4c31530fc542f723d7195b3e5/text.png" />
         <pubDate>2020-12-07 08:48:54 UTC</pubDate>
         <guid>https://padlet.com/lianachehmestruk/nlitih9mbizbrxu1/wish/993294512</guid>
      </item>
      <item>
         <title>Гарнітура</title>
         <author>lianachehmestruk</author>
         <link>https://padlet.com/lianachehmestruk/nlitih9mbizbrxu1/wish/993297268</link>
         <description><![CDATA[Гарнітура - шрифт або кілька шрифтів, що мають стилістичне єдність накреслення. Складається з набору знаків. Часто це поняття плутають з поняттям «шрифт», хоча шрифт - це певне накреслення знаків, в той час як гарнітура визначає загальне «сімейство» шрифтів.

Гарнітури можна розділити на дві основні категорії:

Антиква - шрифти із зарубками.
Гротеск, відповідно, - шрифт без зарубок.
У проектах можна використовувати будь-який, правильного і неправильного варіанту тут немає. Потрібно дивитися по ситуації, який проект і що більш актуально для нього.

Шрифт із зарубками, як би тримає рядок, а відповідно підвищується читабельність. Часто шрифти із зарубками створюють відчуття професіоналізму і авторитетності наданої інформації, висловлюють повагу, підкреслюють стабільність і консерватизм в кращому розумінні цього слова. Шрифти без зарубок, як правило, акцентують раціональність, дотримання стилю, молодість і сучасність. Допомагають створити простір між буквами, а також відокремити один знак від іншого.

Кегль
Кегль - висота букви, що включає в себе нижні і верхні виносні елементи. Вимірюється в друкарських пунктах (позначається як pt). Наприклад, текст набраний 14 кеглем, буде дорівнює 14 pt по висоті.



Інтерліньяж
Інтерліньяж - міжрядковий інтервал. Відстань між базовими лініями сусідніх рядків.

Інтерліньяж має відповідати розміру шрифту

Відстань між рядками практично завжди має бути більше розміру шрифту. За винятком заголовків. Щоб досягти балансу між текстом і «повітрям», зробіть межстрочное відстань приблизно в півтора рази більше висоти малих літер. Або встановлюємо інтерліньяж, рівний 150% розміру шрифту. Наприклад розмір тексту 14 px, тоді інтрерліньяж - 21 px. 14/2 = 7 + 14 = 21.

Кернинг
Кернинг - відстань між буквами.

Основна суть кернинга - підбір різних інтервалів між різними парами конкретних букв для збільшення зручності читання.



Яку кількість шрифтів використовувати?
Бажано використовувати не більше 3-х накреслень. Це можуть бути шрифти як однієї гарнітури, так і різних. Наприклад, гарнітура Roboto містить досить велику кількість різних накреслень. З них легко можна вибрати три, які, як ми вважаємо, підійдуть для нашого сайту. Припустимо, це будуть Light, Regular і Bold. Для заголовків можна використовувати шрифт Bold або Light, для кнопок Bold, для основного тексту Regular. Таким чином, використовуючи одну гарнітуру, ми забезпечимо правильну типографіку. Природно, все залежить від тематики продукту: сайту, блогу, реклами тощо і ідеї, яку заплановано закласти в дизайн.

Якого розміру повинен бути шрифт?
Розмір тексту в інтернеті не повинен бути менше 12 пікселів. Кращий вибір - в межах 14-18 px для основного тексту. Чи не занадто великий і в той же час легкий для читання. Причому, якщо вже ми вибрали розмір 16 px, він повинен залишатися 16 px на всіх сторінках сайту і не скакати плюс-мінус 1 px від блоку до блоку. Стосується це і інтерліньяжу, він всюди має бути однаковий.]]></description>
         <enclosure url="" />
         <pubDate>2020-12-07 08:50:16 UTC</pubDate>
         <guid>https://padlet.com/lianachehmestruk/nlitih9mbizbrxu1/wish/993297268</guid>
      </item>
      <item>
         <title>Робота за комп&#39;ютером</title>
         <author>lianachehmestruk</author>
         <link>https://padlet.com/lianachehmestruk/nlitih9mbizbrxu1/wish/993300020</link>
         <description><![CDATA[<div><strong><br>Увага! Під час роботи з комп’ютером дотримуйтеся правил безпеки і санітарно-гігієнічних норм</strong></div><div><strong><br>Інструкційна картка </strong></div><div><br>1. За допомогою сервісу "Облако слів" створити леттерінг. Використати набір слів до теми прислів'я чи вірши.</div><div><br>приклади сервісів он-лайн: </div><div><a href="https://www.google.com/url?q=https%3A%2F%2Fwordart.com%2F&amp;sa=D&amp;sntz=1&amp;usg=AFQjCNE9ur30Xom3y9a1DQec1GcOVhUgMA"><br>Word Art (Tagul)</a>        </div><div><a href="https://www.google.com/url?q=https%3A%2F%2Fwww.jasondavies.com%2Fwordcloud%2F&amp;sa=D&amp;sntz=1&amp;usg=AFQjCNG3O0E1Yp5Oh9OwqrX49l6nkAYmoA"><br>Word Cloud Generation</a>     </div><div><a href="https://www.google.com/url?q=https%3A%2F%2Fwordcloud.pro%2Fru&amp;sa=D&amp;sntz=1&amp;usg=AFQjCNEQFT711yeDRFwhrKE31auFdxYvag"><br>Wordcloud.pro</a></div><ul><li>Використання сервісу <a href="http://www.google.com/url?q=http%3A%2F%2Fwww.tagxedo.com%2Fapp.html&amp;sa=D&amp;sntz=1&amp;usg=AFQjCNEPkeyxubFTE3DYEENxNHMXG-o_EQ">Tagxedo - Creator</a></li><li>Робота із програмою <a href="http://www.google.com/url?q=http%3A%2F%2Fwww.slideshare.net%2FOlgaSalamaha%2Fss-9610436&amp;sa=D&amp;sntz=1&amp;usg=AFQjCNEusvn5s-nySzy_E5JXZGoaW7xH6Q">Презентація-інструкція</a></li></ul><div><br><br></div>]]></description>
         <enclosure url="" />
         <pubDate>2020-12-07 08:51:30 UTC</pubDate>
         <guid>https://padlet.com/lianachehmestruk/nlitih9mbizbrxu1/wish/993300020</guid>
      </item>
   </channel>
</rss>
