ДИЗАЙН Для недизайнерів, заняття 7
OpenType - можливості.
Надихаємось дизайном.
Надихаємось дизайном.
Як продовжувати знаходити натхнення для розвитку у дизайні?
Як сьогодні зберігають інформацію про шрифт у системі?
Такі файли мають розширення .ttf (шрифти, засновані на TrueType) або .otf (шрифти, засновані на PostScript i OpenType).
1
Технологією TrueType
Розроблений Apple у кінці 1980-ого,
2
Технологією OpenType
Розроблений Microsoft і Apple у 1996,
Що краще, TrueType чи OpenType?
Порівняємо дві шрифтові технології, які є найпопулярнішими сьогодні у використанні.
TrueType
TrueType (ТруТайп) - формат комп'ютерних шрифтів, розроблений фірмою Apple в кінці 1980-х років.
Шрифти в даному форматі використовуються в багатьох сучасних операційних системах, зокрема досі у Apple. Файли з такими шрифтами мають розширення імені «ttf». Залежно від версії формату максимальну кількість збережених символів може обмежуватися значеннями 2^8 (256), 2^16 (65 536) або 2^32 (4 294 967 296).
TrueType формат створений для зберігання інформації про контур символу (векторне зображення). На відміну від растрового символу - векторний легко масштабується.
Шрифти в даному форматі використовуються в багатьох сучасних операційних системах, зокрема досі у Apple. Файли з такими шрифтами мають розширення імені «ttf». Залежно від версії формату максимальну кількість збережених символів може обмежуватися значеннями 2^8 (256), 2^16 (65 536) або 2^32 (4 294 967 296).
TrueType формат створений для зберігання інформації про контур символу (векторне зображення). На відміну від растрового символу - векторний легко масштабується.
Інформація про символ зберігається у такому вигляді
— інформація про лінії контуру зберігається у вигляді точок
— пряма лінія контуру будується по двох точках: початковою і кінцевою,
— елемент дуги будується методом Безьє: початок і кінець кривої описуються точками, які лежать на самій кривій; інші точки, які не належать кривої, служать для побудови дуг.
— пряма лінія контуру будується по двох точках: початковою і кінцевою,
— елемент дуги будується методом Безьє: початок і кінець кривої описуються точками, які лежать на самій кривій; інші точки, які не належать кривої, служать для побудови дуг.
Для скорочення числа зберігання схожих символів придумали комбінувати два символу в один. Наприклад буква Ё - це буква Е з двома точками над нею. Точки і Е можуть зберігатися окремо, а при побудові символу «Е» береться інформація з двох джерел.
OpenType
Це комбінація векторних даних (в форматах PostScript або TrueType) та інших даних, які об'єднані в серію таблиць.
На початку 1990-х років Microsoft невдало спробувала ліцензувати технологію типографіки GX Typography від Apple. Внаслідок цього в 1994 році була розроблена власна технологія TrueType Open. Adobe підтримали технологію в 1996 році, додавши підтримку технології гліфів в шрифтах Type 1 font.
Microsoft і Adobe прагнули реалізовувати технології як TrueType, так в PostScript.
Назва OpenType було вибрано для комбінованих технологій двох компаній і анонсовано в 1996 році.
На початку 1990-х років Microsoft невдало спробувала ліцензувати технологію типографіки GX Typography від Apple. Внаслідок цього в 1994 році була розроблена власна технологія TrueType Open. Adobe підтримали технологію в 1996 році, додавши підтримку технології гліфів в шрифтах Type 1 font.
Microsoft і Adobe прагнули реалізовувати технології як TrueType, так в PostScript.
Назва OpenType було вибрано для комбінованих технологій двох компаній і анонсовано в 1996 році.
Переваги OpenType
OpenType володіє більшими (в порівнянні в TrueType) можливостями додрукарської підготовки і меншим розміром файлу при однаковій кількості утримуваних літер.
1
OpenType підтримує Unicode
шрифти можуть містити понад 65 000 символів, включаючи всі західні символи, а також незахідні (наприклад японські або китайські) символи, а не кратні степеню числа 2.
2
Шрифти OpenType можуть ефективно стискуватися
Менший розмір файлу шрифту полегшує його впровадження в інші файли. Це корисно для PDF-файлів і для веб-сторінок.
3
Покращена типографіка
шрифти OpenType можуть включати широкий набір гліфів, включаючи лігатури, дроби, історичні символи (числа старого стилю, капітельні символи) та інші. Вони допускають автоматичну заміну певних символів на них.
Шрифти OpenType можуть містити кілька варіантів оптичних розмірів шрифту усередині одного сімейства шрифтів, при цьому шрифти різного розміру грунтуються на різних наборах векторних контурів, для поліпшеного відображення на екрані і підвищеної читабельності символів малого розміру, чого немає у TrueType.
Шрифти OpenType можуть містити кілька варіантів оптичних розмірів шрифту усередині одного сімейства шрифтів, при цьому шрифти різного розміру грунтуються на різних наборах векторних контурів, для поліпшеного відображення на екрані і підвищеної читабельності символів малого розміру, чого немає у TrueType.
4
Покращений кернінг
символи з однотипною формою (наприклад, лівий край символів c, e, d) можуть кернінговаться ідентично. Це зменшує розмір таблиці кернинга і розширює число кернінгових пар.
Що дає нам OpenType?
Він дає змогу застосувати більше стилістичних особливостей при написанні тексту і уникнути нерозбірливості, тому що використовує численні лігатури.
Саме на основі цієї технології, яка дає змогу записати велику кількість символів для лігатур, існують дуже круті шрифти.
Саме на основі цієї технології, яка дає змогу записати велику кількість символів для лігатур, існують дуже круті шрифти.
OpenType і варіабельні (варіативні) шрифти
Майбутнє шрифтів у тому, щоб за допомогою навиків програмування задати анімування тексту вже на рівні технології OpenType, підлаштувавши шрифт не тільки під всі екрани, а й під людей з вадами зору, створити незвичайні візуальні ефекти і не створювати гарнітури по 32 начертання, а обмежитись цією технологією, яка зможе зробити настільки тонкий, чи масивний шрифт, як це потрібно дизайнеру.
Як продовжувати надихатись дизайном і де за ним слідкувати?
1
Шукайте на Pinterest
Цей ресурс дасть змогу не тільки створювати підбірки дизайну, який вам подобається, а й стежити, що подобаєтья іншим користувачам у світі.
2
Шукайте на Behance
behance.net — це світовий ресурс-портфоліо для дизайнерів різних типів, а тому де краще набратись натхнення і пошукати схожі за темою проекти, як не там?
3
Відвідуйте Behance Portfolio Review і інші дизайнерські заходи
Зустрічайтесь з хорошим дизайном якомога частіше, і де ще має бути гарний дизайн, як не на дизайнерських зустрічах. Вони будуть сприяти подальшій вашій самоосвіті.
4
Будьте хорошим хлопчиком замовником
Навіть якщо ви після курсу не будете самостійно робити дизайн — формуйте нову дизайнерську культуру і застосовуйте свої знання для того, щоб стимулювати дизайнерів до розвитку своїми вимогами до макетів і озвучуйте їх одразу.
5
Читайте про дизайн.
Мій Телеграм-канал, журнал Telegraf.Design, український дизайн-журнал DesignTalk, і ресурси з попередніх занять.
Дивіться Awwwards.
Дивіться Awwwards.
Корисні ресурси по дизайну
для не-дизайнерів
для не-дизайнерів
Social Kit Free Download — так виглядає пошуковий запит для знайдення у мережі безкоштовних шаблонів для Facebook, чи Instagram. Їх можна завантажити у Фотошопі та редактувати там.
https://fex.net/860077647952
— маленький подарунок, psd-файли обкладинок на Фейсбук і постів у Інстаграм.
https://thenounproject.com/
— іконки прикрашають будь-яку презентацію (якщо вони відповідають темі, звісно)
https://blog.typekit.com/2016/09/14/variable-fonts...
почитати про варіабельні шрифти
https://www.behance.net/ — сайт для натхнення, соцмережа дизайнерів із портфоліо їхніх робіт
https://www.pinterest.com/
— ресурс для підбору картинок та дизайнів за обраним запитом
https://fex.net/860077647952
— маленький подарунок, psd-файли обкладинок на Фейсбук і постів у Інстаграм.
https://thenounproject.com/
— іконки прикрашають будь-яку презентацію (якщо вони відповідають темі, звісно)
https://blog.typekit.com/2016/09/14/variable-fonts...
почитати про варіабельні шрифти
https://www.behance.net/ — сайт для натхнення, соцмережа дизайнерів із портфоліо їхніх робіт
https://www.pinterest.com/
— ресурс для підбору картинок та дизайнів за обраним запитом
Гарних вам дизайнів і натхнення у подальшому розвитку!
alexkorchevski@gmail.com
alexkorchevski.tilda.ws
alexkorchevski.tilda.ws
