UXPUB 🇺🇦 Дизайн-спільнота: Anastasiia Koval

Фільми для дизайнерів

Anastasiia Koval — Tue, 27 May 2025 13:02:20 +0000

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

Діліться в коментарях своїми враженнями та рекомендаціями.

Objectified (2009)

Знаєте, я не є професійним предметним чи продуктовим дизайнером, але подібні фільми та статті завжди викликали у мене щиру зацікавленість. Чому той чи інший об’єкт має саме таку форму, вигляд, і ми навіть не можемо уявити його інакшим? Тому що варто пам'ятати що кінцевий результат дизайну будь-якого продукту або предмета — це результат тривалого процесу метаморфоз, експериментів і тестування. Від складних, перевантажених форм до простоти та функціонального мінімалізму. І дуже часто саме здатність відчути, що є зайвим, і вчасно це прибрати — і є проявом справжньої дизайнерської майстерності.

Яскравий приклад — предмети, створені всесвітньо відомим Діттером Рамсом. Дивлячись на його роботи, розумієш, що вони пройшли складний шлях: від концептів, насичених деталями, до еталонів мінімалізму, які ми бачимо сьогодні.

Це стосується і віртуальних об'єктів — вебсайтів та застосунків. Важливо створювати їх так, щоб вони залишались актуальними навіть через 3–5 років або потребували мінімальних оновлень. У добре продуманих інтерфейсах користувач легко орієнтується інтуїтивно — це і є ознака справжньої дизайнерської досконалості. На мій погляд, у вебдизайні не варто гнатись за швидкоплинними трендами — краще спиратися на глибші когнітивні принципи. А гарна «обгортка» завжди знайдеться.

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

Де дивитись

Helvetica

Як зрозуміло з назви, цей документальний фільм здебільшого обертається навколо шрифту Helvetica. Основна частина стрічки — це своєрідна ода його геніальності та універсальності, яку виголошують поважні дизайнери старшого покоління. (Я, безумовно, теж вважаю Helvetica крутим шрифтом, але далеко не універсальним — є галузі та теми, де він просто не підходить)

Також у фільмі часто лунає думка від дизайнерів "старої школи", що колись дизайнери працювали лише з одним-двома шрифтами, а тепер — повна анархія: сучасні дизайнери обирають шрифти залежно від настрою, який хочуть передати, і це нібито неправильно. Мовляв, настрій має нести сам текст, а не його візуальна форма.

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

Де дивитись

Urbanized (2011)

Можливо, фільм дещо застарів — принаймні, в частині статистичних даних про населення міст. Але попри це, з нього все ще можна винести важливі й актуальні ідеї.
Наприклад: до створення будь-якого проєкту обов’язково варто залучати не тільки крутих спеціалістів, але й самих користувачів. А ще краще користувачів з різних груп, наприклад маломобільних, чи з іншими вадами, щоб краще зрозуміти їх потреби. Адже саме вони найкраще можуть описати свою проблему та свій біль, з яким щодня стикаються. І вже через живе спілкування та емпатійне занурення у їхній досвід можна створити рішення, яке справді відповідатиме потребам.

Ця тема буде особливо цікавою тим, хто цікавиться урбаністикою та проєктуванням міського простору — адже добре спроєктоване місто має глибокий вплив на нашу психіку, емоційний стан і навіть рівень щастя. Раджу також звернути увагу на діяльність «Агентів змін» — вони активно досліджують і практикують сучасні підходи до розвитку міського середовища.

Де дивитись

Design & Thinking (2012)

Документальний фільм Design & Thinking (2012) режисера Му-Мін Цая — це спроба дослідити концепцію дизайн-мислення та її вплив на бізнес, культуру й суспільство.

Фільм підкреслює важливість міждисциплінарного підходу, емпатії до користувача та прототипування як ключових етапів у процесі створення продуктів і послуг. Один із прикладів — організація Hands on Gourmet, яка використовує спільне приготування їжі для навчання командній роботі та креативному мисленню.

Але, чесно кажучи, цей документальний фільм трохи розчарував. Для мене він здався погано структурованим, з недолугими прикладами, які важко сприймаються. Інформація подана досить хаотично — ідеї змінюють одна одну без логічної побудови, через що складно вловити цілісну думку.

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

Де дивитись

Rams (2018)

Мабуть, уже всі знають, хто такий Дітер Рамс — «батько мінімалізму», автор знаменитих 10 принципів хорошого дизайну, продуктовий дизайнер компанії Braun та впливова постать у світі промислового дизайну. Фільм не лише знайомить глядача з його знаковими роботами, а й заглиблюється в особисту філософію Рамса. Особливо вражає його критичне ставлення до сучасного споживацтва та надмірного виробництва.
Також фільм дає змогу трохи глибше зануритися в його життєвий шлях, погляди та філософію, в основі якої — кредо “Less, but better”.

Це справді сильна й надихаюча думка, яка змушує замислитись не лише над дизайном, але й над тим, які речі нас оточують, скільки з них нам насправді потрібно, і чи варто постійно щось оновлювати чи змінювати.

Rams буде цікавим не лише дизайнерам, а й усім, хто замислюється над тим, як жити свідомо та відповідально. Це фільм про те, як менше може означати більше — не лише в дизайні, а й у житті.

Де дивитись

Art & Copy

ART & COPY — це потужний документальний фільм про рекламу й натхнення. Режисер Даг Прей розкриває роботи та мудрість деяких із найвпливовіших креативників рекламної індустрії нашого часу — людей, які глибоко вплинули на культуру, хоча залишаються майже невідомими поза межами своєї професії.

Ці художники та копірайтери вийшли з «креативної революції» 1960-х років, принісши в рекламу неочікувано бунтівний дух — у сферу, яку часто пов’язують із посередністю чи маніпуляцією. Джордж Лоїс, Мері Веллс, Ден Вайден, Лі Клау, Гел Райні та інші герої фільму ART & COPY створили такі культові кампанії, як Just Do It, I Love NY, Where’s the Beef?, Got Milk, Think Different, а також безліч інших — від реклами автомобілів до політичних кампаній.

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

Фільм буде корисним якщо цікавитесь впливом рекламних кампаній на людей та хочете побачити тут паралель з тим як дизайнер через продукт впливає на користувачів.

Де дивитись

Дякую за вашу увагу та вподобайки!

Інструменти для тренування твоїх дизайн навичок

Anastasiia Koval — Fri, 14 Mar 2025 09:37:41 +0000

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

Kern Type

Kern Type допомагає точніше налаштувати ваші навички кернінгу, перевіряючи вашу здатність правильно розподіляти літери в словах. За кожне слово, яке ви редагуєте, ви отримуєте 100 балів і можливість перемикатися між трьома видами: ваш інтервал, оптимальний інтервал і комбінація обох для порівняння.

To the point

Гра перевіряє, наскільки швидко ви можете розпізнавати шрифти із зарубками. Для початку вам буде запропоновано дві літери, одна з яких є шрифтом із засічками, і вам потрібно «зняти засічку», натиснувши на неї, перш ніж закінчиться час. У міру просування вам одночасно показується все більше і більше букв, що ускладнює пошук.

Betterwebtype

Це класний тренажер який базується на теорії трикутника в типографії: ідеально збалансованого поєднання висоти лінії, розміру шрифту та ширини тексту. Вам пропонують пройти 10 рівнів з різними задачами, десь треба тільки розмір підігнати, десь ширину тексту. Також класно тренує сприйняття тексту на око.

It`s Centered That

It's Centered That — чудовий інструмент для вдосконалення відчуття вирівнювання.
Завдання просте: визначити, чи ідеально розташована точка всередині фігури. Незважаючи на свою простоту, гра представляє значну складність, оскільки точки часто розташовані дуже близько до центру.

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

Pixact.ly

Ще один маленький інструмент для перевірки вашого піксель-метра. Програма задає значення що треба намалювати, а ви утримуючи лівий клік робите прямокутник і воно показує наскільки близько ви були до заданої величини.

Cantunsee

Can’t Unsee збагачує ваші загальні здібності UI/UX, перевіряючи ваші знання концепцій дизайну, таких як ієрархія, контраст, вирівнювання, типографіка та стиль компонентів.
На екрані відображаються два компоненти дизайну та пропонується вибрати більш зручний варіант. Компоненти можуть виглядати ідентичними для недосвідченого ока, але експерт-дизайнер повинен мати можливість відрізнити їх, помітивши невеликі відмінності між елементами, як-от неправильне вирівнювання тексту або нерівномірний відступ.

Bezier

Цей тренажер допомагає створювати точнішу графіку за допомогою інструмента «Перо». Тут пояснюється, як використовувати елементи керування, такі як alt і shift, для розміщення опорних точок і керування кривими Безьє. Гра навчить вас малювати прості геометричні фігури разом із більш складними формами, такими як серце та автомобіль, з якомога меншою кількістю опорних точок або вузлів. Щоб було цікаво грати, ви отримуєте певну кількість вузлів для кожного рівня, і гра постійно підраховує вузли, які ви не використали.

Shape Method

Shape Type — ще одна векторна гра, яку варто спробувати. Тут гравцеві пропонується літера, яку потрібно змінити у правильну форму, перетягуючи різні опорні точки, і отримати схожість за шкалою в 100 балів. Подібно до Kern Type, ви також можете перемикатися між трьома видами, щоб порівняти свій результат із оригінальною формою. Окрім удосконалення ваших здібностей до векторного малювання, Shape Type — це чудовий спосіб ближче розглянути анатомічні елементи різних шрифтів.

Color Method

Це гра, у якій вам потрібно визначити відтінки та насиченість, а також комплементарні, аналогічні, триадичні та тетрадичні пари кольорів. Інтерфейс показує інтерактивне кольорове коло з виділеним кольором у центрі. Ви повинні визначити колір (або кольори) всередині колірного кола за 10 секунд або менше.

What the HEX

What the Hex — це весела (кому як хах) та навчальна інтерактивна гра, яка пропонує гравцям досліджувати та експериментувати з теорією кольорів, особливо зосереджуючись на шістнадцяткових кодах кольорів.

Hue Test

Hue Test це завдання, в якому потрібно розташувати кольори в палітрі в правильній послідовності. Завдання ускладнене тим, що вся палітра складається з приглушених пастельних відтінків.

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

Kolor

Гра на швидкість, також пов’язана з точним визначенням кольору. Внизу у вас є запропоновані варіанти вибору, а зверху колір який треба визначити. Також складність зростає з кожним раундом, і вже після 15 там йдуть дуже близькі кольори і стає важче швидко визначити.

The boolean game

Boolean Game служить інтерактивним посібником з булевих операцій. Вам надається форма для копіювання, яка потім перетворюється на контур через короткий проміжок часу. У лівій частині екрана доступні різні фігури, які можна перетягувати в контур, поступово відновлюючи остаточну форму. У нижній частині екрана наведено чотири логічні операції — об’єднання, віднімання, перетин і різниця.
Натискання кнопки «Продовжити» запускає покрокову анімацію, яка ілюструє процес об’єднання за допомогою вибраної логічної операції. Ця анімація допомагає візуалізувати будь-які помилки, допущені під час вибору неправильної операції.

Ось така підбірка вийшла! Всім дякую за увагу!

Якщо знаєте ще якісь подібні сервіси-тренажери діліться в коментарях)

Тестові проєкти без мук вибору: генератори ідей для дизайнерів

Anastasiia Koval — Tue, 04 Mar 2025 10:46:28 +0000

Буває, що хочеться поповнити портфоліо або потренувати навички, але немає ідей для тестового проєкту?

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

Goodbrief

Простий у користуванні сервіс для генерування теми для брифу. Містить в собі багато направлень по індустріям (технології, подорожі, мода, спорт і т.п.). В типі брифу обираємо тип продукту для якого генеруємо (сайт, ілюстрація, брендинг, логотип) та вперед!

Generate Challenge

Це генератор трішки інакший, тут немає вибору теми брифу та типу продукту. Але він додатково генерує кольорову палітру та шрифти в яких має бути зроблений проект.

Іноді звісно тема не корелюється з кольорами але це як додатковий челендж спробувати поєднати щось зовсім різне.
Але також ви можете перегенерувати шрифт чи палітру окремо.

Sharpen

Sharpen має 3 варіації генерування задач: для брендингу, UX/UI частина та маркетинг. Зокрема для UX/UI частини генерує не великі завдання по типу зробити форму, чи одну сторінку тому це може бути класним інструментом для щоденних тренувань.

Desgin Brief Generator

Цей генератор простенький та працює однією кнопкою. Але також після згенерованої ідеї дозволяє будь яку частину речення перегенерувати. Треба просто навести на неї, вона підсвітиться та клацнути.

Designercize

Інструмент для дизайн челенджів де завдання розподілені на рівні складності. Самі задачі генеруються випадково. Можна також встановити собі таймер від 5 хв до години на згенеровану задачу.

Sprint Cards

Ще один інструмент для генерації. Має в собі більш незвичну додаткову категорію - аудіо. Також категорію motion рідше бачила в генераторах. Загалом все те ж саме.
Add chaos додає ще один додатковий параметр.

Brief.Biz

Генератор з мінімалістичним дизайном де все працює через одну кнопку. Результати видає різні: і на айдентику, і на лого, ілюстрацію на ux\ui. Можна додатково перейти на категорію і подивитись наявні брифи там.

Uxtools

Це вже більш продуманий продукт, тут всі челенджі це практикуми направлені на укріплення UX Research навичок. Обираєте потрібну вам тему, всередині буде опис сценарію, посилання на туторіали та рекомендації щодо інструментів.

Growth Design

Загалом це не інструмент для тренування чи практикуму, це кейси, але! Наскільки класно кожен з них всередині зроблений. Розробники підійшли до цього з гейміфікацією, тому подивитись точно буде не зайвим. Можна набратись натхнення для своїх проектів і в такий спосіб.

Отож, дякую за увагу! Бажаю всім успіхів у тренуваннях та проектах.

Чекайте скоро на ще одну статтю про ігрові інструменти для дизайнерів. Бо спочатку це все було однією добіркою, а потім виявилось що генераторів щось багатенько, тому винесла їх окремо.

Колажі вінілів по кольорах.

Anastasiia Koval — Wed, 03 Jan 2024 12:36:19 +0000

Якось мені було нічого робити, я передивлялась вініли на сайтах в пошуках що додати до свого вішліста, а потім помітила дивні кольорові тенденції: самим популярним кольором звісно був чорний, за ним йшов червоний, а за ним (о сюрприз) жовтий, потім синій і т.д. Мені захотілось зробити якісь наочні колажі де буде видно градацію цих кольорів.
До речі, найрідкісніший колір - рожевий. Я не знайшла достатньої кількості обкладинок для колажу формату А4, а це мінімум 24 штуки.
Робила також спочатку два варіанти - впорядкований та хаотичний, але хаотичний погано працював би для чорного де часто саме фон є чорним і все б просто зливалось, тому відмовилась вій цієї ідеї.

Ось такі забавки в мене вийшли, пишіть чи бачите тут улюблені альбоми)
Всіх з Новим Роком!

Добірка безплатних шрифтів для роботи з японською. Частина 1. Каліграфічні.

Anastasiia Koval — Mon, 18 Sep 2023 12:05:27 +0000

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

Окрім цього для веб-застосування рідко будуть використовувати суто каліграфічні шрифти, бо вони ускладнюють читання навіть для носіїв мови, тим паче що їх не зробиш 18px, бо тоді вони перетворюються на брудну мішанину. Але такі шрифти круто використовувати для плакатного мистецтва.

Частіше за все, якщо немає графічної потреби, то використовують Noto+Serif представлений Google, який є у всіх жирностях від 100 до 900, або Meiryo який був розроблений Microsoft для інсталювання в систему.
Далеко не всі кастомні шрифти можуть таким похвалитись, деякі розробляються тільки під конкретну жирність, частіше за все regular 400.

Під час свого невеличкого дослідження я помітила що дуже поширені та популярні шрифти hand write, які прямо нагадують письмо на папері, але при цьому є акуратними та легко читомими. Але про них детальніше поговоримо в іншій статті. Зараз же я хочу показати вам добірку каліграфічних шрифтів.

Всі посилання на ресурси завантаження будуть в заголовках.

Каліграфічні

英椎行書 або Acgyosyo

Каліграфічний гарний шрифт який добре вписується в тематику епохи Едо та для написання хайку. Тому на базі цього я створила для практики такий простенький постер з хайку Мацуо Басьо.

Geikai Suikou

Доволі важкий для читання, але цікавий своїм виглядом, нагадує письмо саморобним пером яке протікає під певним кутом роблячи лінії товстіше в одному місці та тонше в іншому. Краще не робити його менше ніж 35-45px, бо він тоді взагалі не читається.

Плакат який я створила для прикладу.

Трішки схожий на нього, але більш округлий та ще товстіший Yakitori.

Samurai

Зліва приклад вигляду для катакани, справа більшою мірою канджі та декілька символів хірагани.

Samurai нагадує мені класичне каліграфічне японське письмо тушшю (墨 sumi) по чорнильному каменю (硯 suzuri) за допомогою пензлика (筆 fude).

Плакат який я створила для прикладу.

Gakuran calligraphy font (学乱フォント)

Цей шрифт не має тонкої версії, тому рекомендується використовувати тільки для великих заголовків або на плакатах.
Підтримує катакану, хірагану та 1000 канджі, чого буде достатньо для багатьох випадків.
Здавалося б він доволі важкий, але якщо змінити колір та оточення видається більш витонченим.

Постер розроблено для прикладу.

Zin Hena Bokuryu

Ще один каліграфічний шрифт Zin Hena Bokuryu який важко читати, містить в собі канджі JIS Level 1. Він є тільки в жирному варіанті.

Постер розроблено для прикладу.

Amakara Sample

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

Постер розроблено для прикладу.

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

Бонус

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

https://sauvenir.jp
Зверніть увагу на головний тайтл.

https://komeyakata.com
Тут також заголовки максимально жирні та заокруглені, бо вписуються в тематику - продаж мочі які є круглими та м'якенькими.

https://iwatetown-sdgs.jp
А ось приклад гарної читабельної каліграфії яка навіть більше схожа на машинний шрифт, але є елементи на кінцях ієрогліфів які вказують нам на свою каліграфічність, наче мазки від пензлика.

https://himeji-pudding.com
Приклад гострої каліграфії, яка легко читається, впадає в око своєю унікальність і має гарний вигляд у вебі.

Дякую за увагу!

Українські подкасти про дизайн. Що послухати?

Anastasiia Koval — Tue, 29 Aug 2023 16:31:35 +0000

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

Дизайн в Однушці

Я тільки відкрила для себе цей подкаст, і планую переслухати все. Для мене це ідеальний варіант, бо кожен епізод йде всього 10 хвилин - це гарна вижимка корисної інформації без води.
Подкаст створений командою TheRoom Design Boutique. Ведуча Ковалева Ксенія, CEO & Co-Founder of TheRoom Design Boutique, дуже гарно та від душі пояснює складні та цікаві аудиторії питання.

Дизайн Знахідки

Ведучий Павло Ухач Senior Product Designer in Kiyvstar Tech & Design Mentor.

Наскільки я бачу поки проєкт на паузі, бо останній епізод був у вересні 2022, але це не заважає вам його послухати. Всього Павло випустив 9 епізодів, і вони також коротенькі, по 10+- хвилин та інформативні.
Також Павло веде телеграм канал який оновлюється частіше)

Креативна Практика про креативні практики

Подкаст створюється командою Креативної Практики, онлайн-платформи для освіти та кар’єри в креативних індустріях, створеної CASES.
Ведучий нового сезону — Анатолій Попель, CEO CASES та Креативної Практики. Уже було випущено 10 епізодів.
Обговорення цікавих тем та інтерв'ю з цікавими людьми тут. Але готуйтесь що тут вже епізоди йдуть мінімум годину.

Культура дизайну

Подкаст школи візуальних комунікацій Kultura School.
Ведучий – ментор та співзасновник Kultura Studio Олексій Сальников.
Поки що вийшло всього 7 епізодів та на жаль вони виходять не стабільно, але знову ж таки, минулі епізоди можна послухати для загального розвитку та якщо теми які обговорюють вам близькі. Також епізоди тривають в середньому 30 хвилин.

Історії українського дизайну

Подкаст Володимира Смирнова дизайн-директора дизайн-бюро Spiilka про український продуктовий, графічний і навіть мілітарний дизайн, а також про людей, які його створюють.
Обговорюють цікавих людей (Георгія Нарбута, Василя Кричевського) та цікаві теми (мені особисто зайшов дуже випуск про гру Козаки та айдентику Збройних Сил України)

Бесіда про бренди

Легкий та приємний в прослуховуванні подкаст Артема Беседи, креативного директора Rocketmen про світові бренди, рекламні кейси, копірайтинг та ШІ в роботі дизайнера.
Подкаст регулярно виходить, а середній час прослуховування +-30 хвилин.

Інсайт - SMM, Маркетинг, Дизайн

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

Свіжий подкаст від Алли Малишко, головна мета якого - навчитися вести блог без вигорання, та доносити свої цінності та сенси через різні формати контенту, збільшуючи при цьому лояльність аудиторії.
Більше про маркетинг та SMM в телеграм каналі Алли.

Дизайн Джем

Чудовий подкаст Стаса Стефанюка та Юлії Ковальової. Вони роблять велику роботу, бо кожен їх епізод йде годину. Іноді звуть різних цікавих гостей, іноді ведуть подкаст самі. Зачіпають такі важливі теми як синдром самозванця (багатьом з нас відомий), пошук роботи та планування кар'єри.

Дякую за увагу, пані та панове. Діліться в коментарях які подкасти ви слухаєте чи можете порадити.

Добірка корисних інструментів при роботі з кольором

Anastasiia Koval — Mon, 24 Apr 2023 08:36:33 +0000

Всім привіт! Склала для вас невелику підбірку з 17 інструментів при роботі з кольором - тут і генератори палітр, градієнти, мокапи та інструменти для малювання.

1. Shade Generator

Прикольна штука коли вам треба з основного кольору отримати світлі та темні варіанти. Тут є історія, тому минули ваші кольори не втрачаються. Також є так звані топ кольорі - якась добірка популярних та ще одна корисна функція split view - роздвоює екран, корисно коли треба порівняти два брендових кольори та їх світлі\темні варіанти.

2. Сolor Claim

Це проєкт німецького дизайнера Tobias van Schneider. На сайті він збирає в колекцію свої улюблені кольорові комбінації. Їх тут зараз 120. Не знаючи доповнює він колекцію, але є цікаві варіанти для натхнення.

3. Webgradients

Доволі корисний інструмент, тут зібрано купа красивих градієнтів з м`яким переходом між кольорами. Можна скопіювати CSS код чи завантажити палітру в форматі PNG. Як на мене не вистачає тільки якогось фільтра по основним кольорам, бо палітр дуже багато і листати всі ніхто не буде)

4. Palette Maker

Доволі комплексний інструмент, тут можна створити палетку з максимальної кількості кольорів - 5. Вибрати кожний колір окремо також можна, ви не обмежені представленими прикладами палітр. У випадаючому списку можна обрати для чого ви робите палітру, а на кожне зображення можна перейти окремо натиснувши Start the generator - переходите на нову сторінку і бачите всі палітри на прикладі одного зображення.

Також можна скачати палітру у різних форматах, або у вигляди коду всіх кольорів.
В кольорах також можна продивитись які там є, вибрати один і наприклад згенерувати палітру де він буде основним.
Можна навіть скачати мокапи заповнені обраним кольором, розширення у них буде маленьке але якщо на мудборд то думаю можна використати. От приклад - https://palettemaker.com/colors/neon-blue

5. uiGradients

Простий інструмент з підбіркою рандомних градієнтів, але тільки з двох кольорів. Можна покрутити згенерований градієнт, отримати CSS код, скачати картинкою в форматі JPG. Ось тут уже є фільтр по основним кольорам у вкладці Show all gradients.

6. Happy Hues

Проєкт дизайнера Макензі Чайлда розроблений на Webflow. Містить в собі всього 12 палітр, які не можна задавати самому чи змінювати, але в принципі також може бути корисним. Тут можна убрати попередній перегляд з фільтрами та подивитись на чистий сайт.

7. Color-Morph

Простий інструмент для градієнтів (які ви в принципі можете самі для себе розкласти на палітру). Дозволяє генерувати складні градієнти, аж до 20 кольорів. Вибираєте один основний на бєкграунд, генеруєте, можете скачати в форматі SVG, або отримати повний CSS код градієнту, рандомна генерація також є.

8. Meshgradient

Різноплановий інструмент, але іноді на створення чогось красивого тут прийдеться витратити більше часу ніж на просту генерацію. Можна обрати для генерації будь-які 4 кольори, або вибрати вже готовий патерн та побалуватись) Зберігається в форматі PNG але можна обрати будь-який розмір до 3000px X 3000px.

На іншому сайті цього ж розробника - https://svgwave.in ви можете згенерувати анімовані SVG хвилі та скачати разом з кодом, або не анімовані і скачати PNG.

На https://www.svgshapes.in - доволі корисна штука, щось не малювати фігури самостійно та зекономити час, бо список фігур доволі великий 100+ штук , їм всім можна зробити градієнт або звичайну заливку та скачати в форматі SVG

На https://tinter.uxie.io - це простий інструмент для створення кольорів і відтінків зображень із можливістю тонкого налаштування, підтримує JPG, PNG, WEBP.

9. Color Hunt

Простий інструмент з великою кількістю палітр, тут вони відфільтровані по темам замість кольорів. На кожну палітру можна зайти окремо, скачати в PNG, скопіювати коди кольорів та перейти по тегам та продовжити пошук)

10. Colormind

Доволі корисний та простий інструмент. Тут можна не тільки згенерувати палітру з 5 кольорів (як рандомно, так і самостійно підібрати), а також переглянути як вона буде виглядати на прикладах - шаблон сайта та шаблон дашборда. Також можна завантажити картинку з якої вам треба отримати палітру.

11. Paletton

Інструмент кольорове колесо який допомагає створити палітру, а також подивитись на прикладах як формуються тріади та тетради. Всі кольорі копіюються, можна подивитись приклад сайту з вашими кольорами (для темної та світлої теми), можна експортувати кольори як HTML, CSS, LESS, SASS, XML. Можна навіть в таблиці подивитись всі варіанти комбінацій кольорів.

12. ColorSpace

Приємний та простий інструмент - задаєте основий колір, генеруєте палітру, отримуєте більше 20 прикладів різних палітр - градієнтних до основго кольору, відповідних кольорів і кучу інших (не дуже розумію яким принципом вони будують і звідки такі назви).

Також можна зробити градієнт з 2 та 3 кольорів. Вибираєте два кольори, напрям градієнту та откримуєте CSS код.

13. DDdraw

Інструмент для малювання різними формами пензлів, можна малювати градієнтами чи солід кольором. Можна скачати в SVG форматі.

Прикольно що є різні формати і 16:9 і 4:5, і тому подібне.

14. Ruri

Прикольний інструмент для малювання різних фігур, можна використати створені форми для різних креативів або як декоративні елементи в дизайні. Є декілька фігур якими можна малювати, використовуючи до 5 кольорів. Також є про версія за 8$ в місяць.

15. 2 Colors

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

У автора також є ще один проєкт з палітрами - https://www.colorion.co

16. Hello Color

Сервіс який показує контрастність між двома рандомними кольорами, нажаль обрати самостійно кольори не можна. Але знайти кольори які будуть непогано співпадати можна.

17. Huemint

Сервіс який дозволить вам наочно подивитись як буде виглядати ваша брендова палітра на прикладах - на сайтах, ілюстраціях чи продукції бренду. Можна згенерувати палітру з різними настановами -hyper color, dark mode, pastel color, hight contrast.

Можна також завантажити свою картинку для аналізу який визначить основні кольори на ній.

Також можете зацінити такі сервіси як: Spectrum, Couleur.io, Color Mixer, FarbVelo.

Бонус, прикольна браузерна гра з угадування кольорів - https://kolor.moro.es
Здається простеньким, але потім мені випали всі чорні і мій екран не вловим цю тонку різницю в 50 відтінках чорного)

Дякую за увагу!

Якщо є бажання підтримати як автора можете купити мені кофе

10 книг про дизайн, які варто прочитати

Anastasiia Koval — Wed, 19 Apr 2023 11:02:03 +0000

Всім привіт! Це буде мій перший допис тут. Я б хотіла познайомити вас з чудовими книгами про дизайн, візуальну культуру та комунацію, про творчий процес та про екологію дизайну. Я звісно не експерт критик, але деяку думку свою опишу, тому як всі ці книги читала.

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

“Відтворення шрифтової спадщини. 40 оригінальних шрифтів” Володимир Лесняк

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

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

Деякі з шрифтів які представлені в збірці: “Філонова мавка” Алімова, “Твелькмеєр” Брижинської, “МосАрх” Разинькової, “Нарбут” Белова, “Футурист” Костика, “Іттен” Дідука, “Україна” Селещевої та “Україна” Хоменка, “Де Стиль” Писклової.

Придбати можна тут та тут

Невеличке інтерв`ю з Володимиром Лєсняком на ArtHuss.

“Графічні стилі: від вікторіанців до хіпстерів” Стівен Геллер та Сеймур Кваст.

Як говориться у стислому описі до книги

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

І це чиста правда. Ця книга підходить як для тих хто тільки почав цікавитись бурхливим світом дизайну, так і для професіоналів своєї справи.

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

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

Теми які описуються у книзі, це і: вікторіанство, мистецтво та ремесла, ар-нуво, ранній модернізм, експресіонізм, модернізм, ар-деко, дадаїзм, героїчний реалізм, пізній модернізм, постмодернізм, цифровий дизайн, стиль нового століття (неомодернізм, орнаменталізм, інфографіка, вуличне мистецство, каліграфія, політичний дизайн), а також “хіпстерський дизайн” (сюди сходять такі підстилі як абстрактний реалізм, неоекспресіоназм та близькосхідний модернізм).

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

Особисто для мене ця книга найкращий посібник який завжди під рукою, у якому багато крутих референсів, який допомагає розкласти все по поличках якщо заплутався в стилях чи направленнях.

Придбати можна на сайті видавництва.

“Політика дизайну” Рюбен Патер

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

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

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

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

Придбати можна тут

"Як дизайн спонукає нас думати” Шон Адамс

Як говориться у синопсисі до книги

“«Як дизайн спонукає нас думати» — це вихід за рамки очевидного і поверхового задля дослідження прихованих сигналів, які використовують дизайнери, щоб залучити аудиторію”.

І це влучно описує сенс який проходить крізь усю книгу, це про те як дизайнери, володіючи засобами візуальної комунікації, або навіть інтуітивно, використовують для впливу на аудиторію й донесення неявних повідомлень.

Книга охоплює широкий спектр прикладів дизайну різних галузей (продуктового, цифрового, тощо).

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

Придбати можна на сайті видавництва.

“Композиція: Тотальний контроль” Наталія Синєпупова

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

Основна ідея книги «Композиція: Тотальний контроль» — донести знання, що дизайн — це не декоративне оформлення й рекламний додаток до товару чи послуги, а динамічний процес і засіб візуальної комунікації.

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

Авторка Наталія Синєпупова - засновниця та керівниця School of Visual Communication . Засновниця, керівниця студії графічного дизайну META2. Засновниця, керівниця медіаресурсу SEEE.

Придбати можна на сайті видавництва.

“Візуальна культура” Алексіс Л. Бойлен

Лауреат Всеукраїнського рейтингу «Книжка року 2021» у номінації «Політологія / соціологія / культурологія». Ця книга вчить нас що візуальна культура не буває нейтральною, вона завжди щось означає та несе певний сенс. Візуальна культура - це не просто важливий складник сучасного життя, а найважливіша культура у якій ми повинні орієнтуватися.

Ця книжка пропонує контексти, історичні екскурси, приклади й приводи для роздумів, дасть вам інструменти аналізу, придасть як впевненості так і страху. Також багато разів була затронута тема політики і політичного впливу на мистецство, перформанси, протести та акції.

Книжка складається з розділів: що (предмет візуальної культури), де (контекст в якому вона створюється, політичний вплив на митця) , хто (про тих хто є творцем та споживачем культури) , коли (про відносність культури минулого та майбутнього). Також має обширний словничок у світі візуальної культури.

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

Алексіс Л. Бойлен.

Придбати можна на сайті видавництва.

“Наука дизайну та форми: вступний курс, який я викладав у Баугаузі та інших школах” Йоганнес Іттен

“Підходи Йоганнеса Іттена до мистецького навчання спрамовано насамперед на розкриття потенціалу учня, на те, щоб максимально розвинути його розуміння можливостей матеріалів, текстур, форм, світлотіні й кольорів - усього, що оточує нас у повсякденні й що може стати ключовим для народження оригінального мистецького витвору.”

Синопсис до книги.

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

Йоганнес Іттен розглядав мистецтво через призму контрастів і вважав їх основою навчання. Розглядав такі контрасти як: великий - малий, довгий - короткий, прямий - зігнутий, точка - лінія, прозорий - непрозорий, гладенький - шорсткий та багато інших.

У книзі також розглядається побудова світлотіні, вступ до науки кольорів (детальніше в його книзі “Мистецтво кольору”), все про матеріали та їх структуру (гладке дерево, чи шорсткий необроблений метал, нитки чи папер та інші), все про форми, ритми та експресивні форми.

Придбати книгу можна тут.

“Мистецство кольору: суб`єктивний досвід і об`єктивне пізнання як шлях до мистецтва” Йоганнес Іттен

За визначенням самого автора -

“Викладене у цій книзі вчення - це естетична наука про колір, яка постала на основі досвіду й споглядання художника. Для художника вирішальний саме ефект кольору, а не кольорова реальність, яку досліджують фізики й хіміки. Ефект кольору можна контролювати через споглядання. Я знаю, що найсокровеннішу та найважливішу таємницю ефекту кольору не здатне помітити навіть людське око. Її можна відчути лише серцем.”

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

Придбати можна на сайті видавництва.

“Дизайн для реального світу. Екологія людства та соціальні зміни” Віктор Папанек

“Усі люди - дизайнери. Все, що ми робимо, майже весь час, - це дизайн, бо дизайн - основа людської діяльності.”

Віктор Папанек

“Поряд зі жвавістю викладу, насиченістю яскравим фактажем і прикладами та розкішною авторською іронією, найбільша цінність цієї книжки — її світоглядна складова. Це справді яскравий взірець філософії фаху, викладеної через історію його розвитку з усіма здобутками й хибами, через усвідомлення його широких можливостей і бачення його місії в подальшому житті людства.” - так говорить нам вступ до книги. Для мене особисто, нажаль, ця книга не стала тією самою просвітницькою, тому що багато речей та прикладів які описує Папанек, а книга написана була в 1971, уже або не актуальні взагалі, або ці предостереження вже збулися, і зараз ми стикаємося з зовсім іншим родом проблем.

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

Придбати можна на сайті видавництва, зараз товар тимчасово відсутній.

“Тепер ви це бачите та інші ессе про дизайн” Майкл Бейрут

Нажаль ця книга є тільки російською (хоча я купляла в українській книгарні у 2020 році), і зараз знята з продажу та друку, є тільки електронні версії російською. Не знаю чи планується друк українською, але не згадати я її не можу. Оригінал англійською нажаль також немає друкованого - https://www.yakaboo.ua/ua/now-you-see-it-and-other-essays-on-design.html

Вона трішки бібліографічна, бо в 50 нарисах Майкл Бейрут проводить нас крізь своє життя наповнене дизайном. У них порушені найрізноманітніші теми: історія дизайну, практика і особливості процесу; міський дизайн та архітектура, дизайнерські містифікації, поп-культура; печиво Hydrox, Пеггі Нунан, бейсбол, «Клан Сопрано»; а також секрети розробки логотипу президентської кампанії Хілларі Клінтон.

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

Не дивлячись що книга більше про минуте, про 60-ті, 70-ті і т.д., вона не здається застарівшою, бо приклади які зустрічались у практиці Бейрута актуальні і досі, мені особисто книга дала багато прикладів ситуацій які можут траплятись під час комунікації у сфері дизайну, і чому важливо грамотно будувати свою комунікацію з іншими.

Додатковий бонус, 11-та книга)

“WORKFLOW. Практичнеий посібник творчого процесу” Дорон Маєр

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

Також мають сайт , де описані ще додаткові приклади.

Придбати можна на сайті видавництва.

На цьому все, дякую за увагу! Діліться в коментарях книгами про дизайн та культуру які ви читали, чи можете порадити почитати)

UXPUB 🇺🇦 Дизайн-спільнота: Anastasiia Koval

Фільми для дизайнерів

Objectified (2009)

Helvetica

Urbanized (2011)

Design & Thinking (2012)

Rams (2018)

Art & Copy

Інструменти для тренування твоїх дизайн навичок

Тестові проєкти без мук вибору: генератори ідей для дизайнерів

Колажі вінілів по кольорах.

Добірка безплатних шрифтів для роботи з японською. Частина 1. Каліграфічні.

Каліграфічні

Бонус

Українські подкасти про дизайн. Що послухати?

Добірка корисних інструментів при роботі з кольором

1. Shade Generator

2. Сolor Claim

3. Webgradients

4. Palette Maker

5. uiGradients

6. Happy Hues

7. Color-Morph

8. Meshgradient

9. Color Hunt

10. Colormind

11. Paletton

12. ColorSpace

13. DDdraw

14. Ruri

15. 2 Colors

16. Hello Color

17. Huemint

10 книг про дизайн, які варто прочитати

“Відтворення шрифтової спадщини. 40 оригінальних шрифтів” Володимир Лесняк

“Графічні стилі: від вікторіанців до хіпстерів” Стівен Геллер та Сеймур Кваст.

“Політика дизайну” Рюбен Патер

"Як дизайн спонукає нас думати” Шон Адамс

“Композиція: Тотальний контроль” Наталія Синєпупова

“Візуальна культура” Алексіс Л. Бойлен

“Наука дизайну та форми: вступний курс, який я викладав у Баугаузі та інших школах” Йоганнес Іттен

“Мистецство кольору: субєктивний досвід і обєктивне пізнання як шлях до мистецтва” Йоганнес Іттен

“Дизайн для реального світу. Екологія людства та соціальні зміни” Віктор Папанек

“Тепер ви це бачите та інші ессе про дизайн” Майкл Бейрут

“WORKFLOW. Практичнеий посібник творчого процесу” Дорон Маєр

“Мистецство кольору: суб`єктивний досвід і об`єктивне пізнання як шлях до мистецтва” Йоганнес Іттен