Про дизайн, міста та дизайн у містах, кодінг та автоматизацію

Пізніше Ctrl + ↑

Арт-проєкт «Скарбниця»

thetreasure.in.ua — дуже красивий арт-проєкт з мініатюрами міст, а опис і відео. Запрошую пороздивлятись усі 50.

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

А це відео про проєкт на Крафтових мандрах:

Автоматизація Excel та Word

Гарний тред про автоматизацію документів у ЗСУ на основі шаблонів Word та даних в Excel.

Ще:


Дано: треба зробити 100 рапортів на відпустку для військовослужбовців. Для прикладу візьмемо уявну базу даних в Excel із В/Ч де служать 100 найбагатших зі списку Форбс 2021 (у прикладі всі адреси і телефони, посади і звання вигадані)

Щоб це зробити я користуюсь функцією «злиття» у Word. Тепер покроково. Підготуємо шаблон рапорту на відпустку (за основу взято зразок із turbota.mil.gov.ua) виділяємо жирним або курсивом поля, які треба змінити: адреса, телефон, звання, посада, ПІБ, ПІБ в родовому відмінку

Далі переходимо у вкладку «Розсилки». Вибираємо «Розпочати злиття» і «Майстер злиття електронних повідомлень»

Справа відкриється вікно для злиття документів. У перших двох кроках нічого не змінюємо. На першому кроці залишаємо «Листи». Переходимо до другого кроку і там лишаємо «Поточний документ»

На третьому кроці лишаємо активним «Використання списку». Далі натискаємо «Огляд» та вибираємо файл Excel зі створеним списком військовослужбовців, яким треба зробити рапорт

Якщо у файлі Excel було декілька аркушів, то обираємо той, де внесені наші дані

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

Переходимо до четвертого кроку. Заповнюємо поля, які мають змінюватися. Виділяємо текст, який буде змінюватися, наприклад «адреса». У вікні «Злиття», тому що справа обираємо «Інші елементи»
та додаємо поле злиття адреса

І так покроково робимо зі всіма полями для злиття

Переходимо до пʼятого кроку і бачмо, що всі поля для злиття змінилися на дані, що були у нашій Excel таблиці. Якщо натискати на стрілки у вікні «Злиття» то вони будуть відповідно змінюватися

На завершальному шостому кроці зберігаємо результати у 100 рапортів. Для цього у вікні «Злиття» обираємо «Змінити окремі листи», або зверху у вкладці розсилки обираємо «Завершити і обʼєднати». Залишаємо активним поле «Усі» та натискаємо ОК

На виході отримуємо 100 рапортів. При потребі, перевіряємо чи немає помилок і друкуємо

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


Від себе додам ще посилання:

Зразки документів від МО

https://turbota.mil.gov.ua/zrazky-documentiv

Зразки рапортів
Ще один сайт з рапортами

https://legal100.org.ua/uchasnykam-rosiisko-ukrainskoi-viiny/zrazky-raportiv-ta-zaiav/

Інструменти і поради з автоматизації документів від Bot&Partners
Підбірка інструментів автоматизації документів (ворд, ексель, гугл тощо):

https://bot-partners.notion.site/f8233690f8554651adb43f144231c83c

Doc Variables (Google Docs)
Розширення для Гугл Документів для замінили зміниих у тексті документу. Воно працює в межах одного документу, без таблиць.

https://workspace.google.com/u/0/marketplace/app/doc_variables/232821636920

Відмінювання ПІБ
Робив простий сайт де можна пачкою закинути і відмінювати піб. Щоб вставити в таблицю і з неї вже автоматизовувати. Робив для знайомого діловоду.

http://pib.a3.kyiv.ua/

Там є режим де всі відмінки разом і кнопка приведення до формату на документи.

http://pib.a3.kyiv.ua/all

Заповнення ПДФ-форм
Користуватись для заповнення PDF, як окремої форми можна цим:

https://phihag.github.io/pdfform.js/docs/demo.html

Скрипти Adobe Illustrator та InDesign

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

Сторінка:

alexkolodko.github.io/adobe-scripts

Репозиторій на Github:

github.com/alexkolodko/adobe-scripts

Найцікавіші скрипти

Масштабує об’єкти у заданій пропорції, наприклад, якщо є макет наліпки на якій qr-код розміром 50×50, а потрібно масштабувати весь макет під розмір коду 80×80 (не у відсотках).

По розміру шрифту рахує приблизну відстань читабельності і це можна вивести текстом;

Нумерує об’єкти зліва-направо та зверху-вниз, наприклад, щоб пронумерувати варіанти дизайну;

Виводить текстом всі кольори CMYK вибраних об’єктів.



У створенні скриптів мені дуже допомагає ChatGPT, я його навіть співавтором вказав 😅.

Рік тому писав про автоматизацію з ChatGPT: частина 1 та частина 2. Весь час користувався суто безкоштовною версією ChatGPT 3.5, так і не купив доступ до версії 4, але результат і без того виходив робочий. Також за цей час порівнював і інші моделі (MS Copilot, Claude), але вони видають гірший результат коду, який частіше не працює.

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


Книга «Лого Дизайн Любов» від ArtHuss та Cases

Нещодавно ArtHuss переклали і видали книжку графічного дизайнера Девіда Ейрі «Logo Design Love». І запропонували мені її глянути та написати про неї, і такий огляд на книжку я пишу вперше.

⚠️
І перш ніж писати про книгу, хочу розіграти дану книжку за донати. І коли я запропонував це зробити, то ArtHuss додали ще дві книжки. Тому розігруємо три примірники, один квиток на розіграш 100 грн, термін до 15 червня.

Всі кошти підуть на збір на РЕБ для евакуаційного відділу медроти 123 ОБрТРО. Бригада працює на південному напрямку. вони пройшли оборону Миколаєва, допомагали звільняти Херсон, зараз працюють над деокупацією лівого берега Дніпра

🔗 Створив дружню банку для розіграшу книг: https://send.monobank.ua/jar/3dycdRLSvq

UPD: Результати розіграшу

Насамперед я дякую всім хто долучився, РЕБ вже замовлений! Разом ми назбирали 10243 грн, і це був мій такий перший збір-розіграш.

У монобанці я визначив переможців і три книжки проїдуть до них.

Зараз читаю ще одну, можливо повторимо ;)

📖 А тепер вйо до книги!


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

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

Кілька розворотів

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

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

У книзі також присутні гарні приклади айдентики, про які розповідає автор

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

Далі кілька цитат, які мені здались цікавими.

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

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

Про погодинну оплату та оплату за весь проєкт:

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

… Погодинна оплата нікому не корисна — клієнт не складає уявлення про справжню вартість цієї роботи і ризикує витратити гроші намарно. Краще я забезпечу бажаний результат, аніж просто працюватиму Х годин, сподіваючись, що з того щось вийде. Якщо на досягнення цілі піде надто багато часу, одне з двох: або я недооцінив свою роботу, або працював недостатньо ефективно. Клієнт не мусить потерпати через жодну з цих причин»…

Про роботу pro bono (не знав, яке значення мають ці слова, але це дійсно міняє суть терміна):

Якщо ваша мета — розширити портфоліо, набагато ефективніше буде звʼязатися з місцевими неприбутковими організаціями й запропонувати свою роботу pro bono (до речі, ця фраза означає «для [суспільного] добра», а не просто «безплатно»). Це дасть вам низку переваг порівняно з конкурсами: ви працюватимете безпосередньо з клієнтом, що допоможе розвинути впевненість у собі; ви заведете стосунки з місцевим бізнесом, що може принести вам нових клієнтів у майбутньому; ви зі значно більшою ймовірністю побачите втілення своїх проєктів у дійсність, що набагато краще для портфоліо.

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

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

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

Ви можете як спеціаліст і модератор зустрічі встановлювати правила, щоб зустріч була ефективною і не скочувалась у те що ви станете просто «руками», які мають зробити, як сказано:

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

Поясніть, що від членів комітету ви чекаєте стратегічних спостережень і виконавчої свободи. Скажіть, наприклад, так: «Дайте мені знати, якщо, на вашу думку, мій варіант дизайну не відповідає нашій узгодженій стратегії, але не морочте собі голову тим, як це виправити. Адже за це ви платите мені».

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

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

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

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

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

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

На початку моєї карʼєри таке ставалося надто часто. Клієнт наказував мені використати шрифт або колір, що йому подобались, і я відповідав: «Без проблем! До завтра внесу всі зміни».

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

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

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

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

Як не втрачати мотивацію:

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

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

Не припиняйте вчитися:

Ви ніколи не знатимете про дизайн все, що тільки можна. Наша професія постійно розвивається, отже, щоб лишатися у грі, вам теж необхідно розвиватися. Щоб відчути, куди ми рухаємось, варто озирнутися на те, звідки ми прийшли. Безліч уроків можна почерпнути з доробку славетних дизайнерів минулого, таких як Пол Ренд (IBM, Westinghouse, АВС), Сол Басс (Continental Airlines, AT&T, Quaker) Том Ґайсмар (Mobil, Chase, National Geographic). Інші люди, що присвятили життя дизайну, також накопичили колосальний досвід; я ніколи не втомлююсь слухати їхні оповідки та анекдоти.

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

Творіть для себе самого:

«Я зрозумів, що мені як дизайнеру потрібен творчий досвід поза роботою. Я маю творити також і для самого себе, нікому не намагаючись догодити», — каже Джеррі Куйпер зі студії erry Kuyper Partners, що в Коннектикуті.

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

Творіть щось нове:

Гадаю, що бажання стати дизайнером виникає тоді, коли людина дізнається: вона здатна магічним чином створити щось із нічого, — каже Майкл Бірут, партнер студії Pentagram.

Мисліть латерально:

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

Один із моїх улюблених письменників — Едвард де Боно, якого багато хто вважає експертом з творчого мислення. «Творче мислення — це навичка, — писав він. — Це не лише особиста обдарованість. Вам не допоможе сісти понад річкою й увімкнути барокову музику в надії «спіймати натхнення». Не допоможуть й інші дешеві трюки». Де Боно виділив новий тип мислення — латеральний.

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

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

Новий шрифт для інтерфейсів — Road UI

Зроблений Андрієм Константиновим (Minttype) на основі дорожнього шрифту Road UA. А надихнули та ініціювали проєкт Олександр Вілінський (студія Superclear) та Стаc Говорухін, які в робочих проєктах вже використовували дорожній шрифт.

Завантажити шрифт: agentyzmin.github.io/Road-UI-Font

Основне: 


  • форми літер краще адаптовані під екран і трохи тонші; 

  • зроблені пропорційні стрілки та моноширинні цифри;

  • з’явилось нахилене накреслення.
Накреслення, цифри, стрілки

Приклади:

Проєкт на Гітхабі. Ліцензія CC BY—ND 4.0, можна використовувати в комерційних проєктах.

Окрема подяка за можливість реалізації студії Super Clear — Design studio for early stage startups.

Раніше Ctrl + ↓