Channel interfaces.prjctr - @interfaces_prjctr - №2222
Всім привіт.Сьогодні буде день юайки.Весь UI стоїть на 3 китах:1️⃣ Типографіка2️⃣ Колористика3️⃣ КомпозиціяПропоную розібратись з ними по черзі.Типографіка це мистецтво (мені більше подобається слово наука) працювати з текстом. Для інтерфейсів це надважливо адже 80% інтерфейса це саме текст. Колись зі студентами робили експеримент - виключали відображення візуального контенту в браузері і намагались зрозуміти про що взагалі продукт. Очевидно, без зображень користувач може зрозуміти пропозицію на сайті, взаємодіяти з CTA та пройти по флоу.Якщо ж робити навпаки (лишати суто візуальщину) то взаємодія неможлива, розуміння немає і взагалі It was at this moment that he knew... he fucked up.Якщо ми говоримо про типографіку, необхідно взагалі розуміти що існує 2 типу шрифтів в діджиталі:- Трансцендентний шрифт - це “невидимий” шрифт. Його головна задача це просто передати інформацію і не відволікати увагу юзера на себе. Найпоширенішими трансцендентними шрифтами є Times New Roman та Helvetica. Вони вокристовуються в блочному тексті для передачі інформації.- Акцидентний шрифт - це шрифт який буде привертати увагу. Він використовується для хедінгів та акцентів. Тут прикладів не наведу, так як акцидентні шрифти “вимахуються” один перед другим. Єдина вимога до них - читабельність.Загалом, якщо говорити про типографіку, там багато цікавого і весь тиждень в нас піде суто щоб розібратись з літерами. Дуже раджу вам поцікавитись історією типографіки, що таке наборний текст, як раніше друкували - це дууууже цікаво.З тої бази яку необхідно знати дизайнеру інтерфейсів (і на чому періодично підловлюють на технічних інтервью) - варто розібратись що таке інтерліньяж, базова лінія, виносні елементи, яка довжина строки і тд.Але ще я хочу розповісти про різницю між кернінгом та трекінгом, адже на цьому іноді підловлюють дизайнерів на інтервью.Хоча обидва терміни стосуються регулювання пробілів між літерами, вони мають зовсім різні цілі та сфери застосування.Кернінг (Kerning) це налаштування відстані між конкретною парою літер.Деякі символи через свою форму візуально "не дружать" один з одним. Наприклад, якщо поставити поруч великі A та V, між ними утвориться величезна діра, хоча за правилами шрифту вони стоять на правильній відстані. Кернінг якраз і підсуває їх ближче, щоб слово виглядало цілісним.Трекінг (Tracking) це зміна відстані між усіма символами у вибраному діапазоні (слові, рядку або цілому абзаці) одночасно.І в якості бонуса, ось вам посилання на не погану книжку по типографіці:https://www.arthuss.com.ua/shop/typohrafiya
1410
26-03-04 07:19