{
    "version": "https:\/\/jsonfeed.org\/version\/1.1",
    "title": "Здоровий глузд: дописи з тегом графіка",
    "_rss_description": "Олександр Колодько. Інформаційний та навігаційний дизайнер. Співзасновник команди ARC, співзасновник та головний дизайнер в Агентах змін (А3). Пишу про дизайн і цікаве мені · alexkolodko.com · wayfinding.systems",
    "_rss_language": "uk",
    "_itunes_email": "",
    "_itunes_categories_xml": "",
    "_itunes_image": "",
    "_itunes_explicit": "",
    "home_page_url": "https:\/\/blog-archive.alexkolodko.com\/tags\/grafika\/",
    "feed_url": "https:\/\/blog-archive.alexkolodko.com\/tags\/grafika\/json\/",
    "icon": "https:\/\/blog-archive.alexkolodko.com\/pictures\/userpic\/userpic@2x.jpg?1768915547",
    "authors": [
        {
            "name": "Олександр Колодько",
            "url": "https:\/\/blog-archive.alexkolodko.com\/",
            "avatar": "https:\/\/blog-archive.alexkolodko.com\/pictures\/userpic\/userpic@2x.jpg?1768915547"
        }
    ],
    "items": [
        {
            "id": "22",
            "url": "https:\/\/blog-archive.alexkolodko.com\/all\/piktogrami-na-plashkah-pogana-ideya\/",
            "title": "Піктограми на плашках — погана ідея",
            "content_html": "<p>Для чого потрібні піктограми? Вікіпедія нам каже, що це умовний малюнок із зображенням будь-яких дій, явищ, предметів і т. д.<\/p>\n<p>Дві основні задачі піктограм:<\/p>\n<ol start=\"1\">\n<li>Бути зрозумілою. На відміну від логотипів, чим більш впізнаваний образ на піктограмі, то більша ймовірність, що її правильно зчитають.<\/li>\n<li>Зчитуватись. Піктограми разом із текстом часто зчитуються у поганих умовах і впізнавана форма самої піктограми дуже допомагає її зчитати.<\/li>\n<\/ol>\n<p>Тож не варто використовувати піктограми на плашках, бо форма плашки нівелює форму іконки. Наприклад, якщо у нас є види транспорту, то основні їх відмінності у деталях (у тролейбуса зверху роги, у залізниці знизу колії, у трамвая пантограф зверху та рейки знизу).<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/icons-legibility-form.png\" width=\"1747\" height=\"713\" alt=\"\" \/>\n<\/div>\n<p>Якщо взяти піктограми без плашок, з контуром або з плашкою та зменшити або розмити та додати світіння, то можна змоделювати різницю.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/icons-legibility-2.png\" width=\"1684\" height=\"702\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Порівняння піктограм без плашок, з рамками та з плашками<\/div>\n<\/div>\n<p>На знаках з підсвіткою додатково гало-ефект (halo effect) погіршує зчитування форм. Світіння створює додатковий ореол світла, який ще більше ховає форму. Особливо це помітно на знаках, де інформація просвічується, а тло — ні. Наприклад, на знаках у аеропорті Бориспіль піктограми на білих плашках і ореол на них дуже погіршує зчитування.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1024\" data-ratio=\"1.503671071953\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/8011274458_95ea582e2f_b-2.jpg\" width=\"1024\" height=\"681\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/29497798247_85937e8ff7_b.jpg\" width=\"1024\" height=\"683\" alt=\"\" \/>\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/kbp-example-bad.JPG\" width=\"1600\" height=\"1200\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Гало-ефект на піктограмах<\/div>\n<\/div>\n<p>А чого тоді використовують плашки під піктограмами? Зазвичай хочеться вирівнювати верстку, а вирівнювати по плашках набагато простіше, ніж думати, як вирівняти без плашки. Тут видно ще один мінус плашок — щоб форма піктограми нормально зчитувалась то потрібно додавати поля від краю плашки, а це зменшує розмір самої піктограми.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog-archive.alexkolodko.com\/pictures\/icons-legibility-withtext.png\" width=\"1052\" height=\"889\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Різні піктограми разом з текстами<\/div>\n<\/div>\n",
            "date_published": "2021-03-21T23:30:37+02:00",
            "date_modified": "2021-03-22T11:51:11+02:00",
            "tags": [
                "графіка",
                "дизайн",
                "навігація"
            ],
            "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/icons-legibility-form.png",
            "_date_published_rfc2822": "Sun, 21 Mar 2021 23:30:37 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "22",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/icons-legibility-form.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/icons-legibility-2.png",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/8011274458_95ea582e2f_b-2.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/29497798247_85937e8ff7_b.jpg",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/kbp-example-bad.JPG",
                    "https:\/\/blog-archive.alexkolodko.com\/pictures\/icons-legibility-withtext.png"
                ]
            }
        }
    ],
    "_e2_version": 4134,
    "_e2_ua_string": "Aegea 11.3 (v4134)"
}