25 Правил типографіки для початківців дизайнерів

Зміст:

Anonim

Вибираємо правильний шрифт

1. Не використовуйте химерні шрифти

Якщо у вас недостатньо досвіду і знань, навіть не намагайтеся використовувати незвичайні, вигадливі шрифти. Будьте простіше.

2. Забудьте про Comic Sans

Уявіть, що ви його взагалі ніколи не бачили.

3. Не уникайте стандартних, дефолтних шрифтів

Серйозно, якщо хтось вам каже, що стандартні шрифти - це нудно, він просто не розбирається в типографике. Те, як буде виглядати шрифт, залежить від того, як він буде набрано. Times New Roman може виглядати по-справжньому здорово. І головне: нехай краще текст буде нудним, ніж потворним або нечитабельним.

змішуємо шрифти

4. Не використовуйте одночасно більше двох шрифтів

Експериментувати з великою кількістю шрифтів на початковому етапі не варто. Двох цілком достатньо. Ви ж не хочете перетворити текст в різномасту нісенітницю, чи не так?

5. Змішуйте тільки контрастні шрифти

Гротеск зі шрифтом із зарубками, рукописний з модерном. Важливо зберегти контраст. Два схожих шрифту поруч виглядають неохайно.

6. Вибирайте шрифти з однаковою висотою букв

Висота малих літер без виносних елементів - це відстань від базової до верхньої лінії шрифту, інакше кажучи - величина очка малих. Вибираючи шрифти, які ви хочете використовувати при оформленні спільно, потрібно стежити, щоб висота їх малих літер була однакова. Це допоможе витримати однаковий рівень насиченості абзацу. Крім того, такий текст буде легше читатися.

набираємо текст

7. Розмір шрифту

Розмір тексту в інтернеті не повинен бути менше 13 пікселів. На мій погляд, кращий вибір - в межах 14-18 px. Чи не занадто великий і в той же час легкий для читання.

8. Вибирайте правильну довжину рядка

Не вірте розмовам, що правильну довжину рядка можна отримати, помноживши розмір шрифту на два. Це дурниця. Просто постарайтеся утримувати довжину рядка в межах 45-75 символів. ГОСТ для друкованих видань рекомендує довжину в 60 символів, але це, звичайно, важкодосяжний ідеал в умовах інтернету. І все ж до нього варто прагнути. Визначайте на око, чи не є рядок занадто довгою або занадто короткою.

9. Міжрядкові повинен відповідати розміру шрифту

Щоб досягти балансу між текстом і «повітрям», зробіть межстрочное відстань приблизно в півтора рази більше висоти малих літер. Є ще один спосіб простіше: встановлюємо інтерліньяж, рівний 125% розміру шрифту.

абзац

10. Вирівнюйте по лівій стороні

Якщо ви не впевнені, яку вимкнення вибрати, вибирайте вимкнення вліво: варіанти «Вправо» і «По ширині» в інтернеті рідко себе виправдовують. У нерівному краї немає нічого поганого. Виключений вліво текст легше читати, так як око бачить чітке візуальне закінчення кожного рядка. Але по-російськи такий текст зручно читати, якщо рядок не дуже довга. Тому, якщо ваша рядок більше 60 символів, спробуйте расключеніе набір. Тільки не забудьте розставити переноси і перевірте, чи все виглядає добре: кілька переносів підряд виразно ускладнять читання.

11. Уникайте великої кількості переносів

Взагалі, переносів в інтернеті по можливості слід уникати. Спробуйте перенести слово на новий рядок або трохи змініть межбуквенное відстань. Якщо дефісу занадто багато, поміняйте розмір шрифту або величину прогалин. А при вимкненні вліво взагалі не використовуйте перенесення слів.

12. Без відступу

Чи не відокремлюйте відступом перший абзац від заголовка. Якщо ви відбиваєте абзаци символом нового рядка, не використовуйте абзацний відступи. Це надмірно і без смаку. З іншого боку, текст взагалі без відступів і отбівок буде складніше сприйматися. Загалом, виберіть один із способів: або новий рядок, або відбиття - і використовуйте його на протязі всього тексту.

13. Вузька колонка

Якщо вам потрібно набрати невелику колонку тексту, спробуйте використовувати вузький шрифт. Так текст буде не тільки виглядати краще, але і легше читатися, так як в рядок поміститься більше символів.

14. Висяча пунктуація

За лінію набору варто виносити лапки, дужки, дефіси, крапки, коми. Це завжди виглядає елегантно і допомагає зберегти потрібну форму абзацу.

15. «Вдови» і «сироти»

Мова йде про висячих рядках. «Вдова» - це одне слово на цілій рядку в кінці абзацу або дуже короткий рядок в кінці тексту або сторінки. «Сирота» - це висяча рядок, яка потрапляє на початок нової сторінки або колонки. Їх потрібно уникати. Спробуйте зменшити межбуквенное відстань, перенести рядок або відрегулюйте розмір шрифту - в загальному, не давайте «вдовам» і «сиротам» пробратися в свій текст.

16. Не зловживайте пробілами

Щоб почати новий рядок, натискайте Shift + Enter. Для початку нового абзацу натисніть Enter. Ось так все просто.

слова

17. Кернинг

Якщо ви недосвідчений дизайнер і у вас не досвідченим оком на дрібні деталі, які не Керн текст вручну.

18. Трекинг

Запам'ятайте: коли ви збільшуєте розмір шрифту, відстань між символами теж збільшується. Тому, якщо ви встановлюєте в тексті великий заголовок, радимо пропорційно скорегувати відстань між символами і словами.

19. Виділення в тексті

Виділити важливу думку або слово, на яке потрібно звернути увагу, можна самими різними способами. Не перестарайтеся з ними. Не варто виділяти ціле речення одними прописними - новачок не завжди може зробити це до місця. Просто використовуйте напівжирний шрифт шрифту.

20. Малі без розрядки

Не варто збільшувати відстань між малими. Причина проста: знижується читабельність.

21. Прописні з розрядкою

Збільшуйте відстань між прописними. В цьому випадку читабельність зростає. Зазвичай добре працює збільшення межбуквенного простору на 10%.

22. Не пишіть все великими

Не зловживайте набором великими. Довжина такого набору не повинна перевищувати один рядок.

23. Не використовуйте капітель без потреби

Якщо в шрифт не включено спеціальне капітельного накреслення, не використовуйте його взагалі.

букви

24. Не змінюйте ширину букв

Просто не робіть це. Будь ласка.

числа

25. Числа прописом

Пишіть числа прописом, це виглядає вишукано.

25 Правил типографіки для початківців дизайнерів