Ейдос

#хвилинкадизайнера Вітаю вас, товариство! Я обіцяв продовження конспекту з графічного дизайну й сьогодні розповім одразу про пару дуже крутих дизайнерів і ми подивимося на їхні роботи, що свого часу навели шереху в графічному дизайні. Але перед тим я хочу розповісти вам про деякі нові проекти, над якими працював останні пару тижнів. 1. Ми з колегою працюємо над підготовкою воркшопу з ChatGPT та Midjourney. Він розрахований на всіх охочих зрозуміти, як ефективно працювати із цими інструментами та як дістати від них максимум користі. У процесі підготовки мій партнер запропонував створити сторінку в Notion, задля подальшої промоції вебінару. Аж потім я знайшов — super.so. І моє життя перевернулося! Цей сервіс робить зі сторінки в Notion справжнісінький, респонсивний, гарнесенький сайт і має купу всього цікавого всередині. (Вебінар анонсую окремо найближчим часом) 2. Я зібрав сайт воркшопу за пару днів і подумав, що в мене самого ніколи не було сайту… Я робив кілька спроб задизайнити собі сторінку, але щоразу це була чергова нерівна битва з власним перфекціонізмом. Тож я завжди обмежувався купою профайлів у соціальних мережах: dribbble, забутий Зевсом Behance, Medium, LinkedIn, а своє повноцінне портфоліо я тримаю вже кілька років у Figma. Тож від ідеї власного сайту я відмовлявся багато років. Донедавна! Мені так сподобалася ця пара Notion+Super, ця простота, ефективність, швидкість та елегантність рішення, що я й не помітив, як зробив собі дуже простий, але файний сайт! Ласкаво прошу — https://vadimgrin.com! Тепер назад до конспекту. Сьогодні розповідаю докладно про Пола Ренда, творця логотипів IBM, UPS, ABC та NeXT, та Сола Басса, автора багатьох логотипів, а ще неперевершених плакатів та обкладинок до кінострічок. Про цих велетнів дизайну за цим посиланням.

​​#хвилинкадизайнера Вітаю вас, товариство! Сьогодні трохи про графічний дизайн. Пропоную до вашої уваги короткий конспект лекції з історії сучасного графічного дизайну. Коли ми починаємо цікавитися історією графічного дизайну, то нас першочергово відправляють у доісторичні часи, насолоджуватися наскельними малюнками. Далі — крізь усю історію мистецтва й аж до початку інформаційної ери. Саме тоді цифровий дизайн відокремлюється в незалежну дисципліну. І хоча історія мистецтва — це дуже цікаво та корисно для розуміння коріння дизайну, але ми дозволимо собі пропустити більшу частину передісторії і застрибнути одразу в середину XX сторіччя… Інформаційна ера 🗽 Нью-Йоркська школа Сучасний графічний дизайн «починається» у 40-х роках XX сторіччя в США й дістає міжнародне визнання у 50-х роках. Буст у графічному дизайні стався завдяки європейським іммігрантам, які тікали з тоталітарних країн у пошуках кращого життя. Європейський дизайн тих часів загалом характеризувався консервативністю і теоретичністю. Американські ж дизайнери нової хвилі роблять його більш прагматичним, інтуїтивним та експериментальним. Креативним, врешті-решт! Пол Ренд, Елвін Люстіг, Бредбері Томпсон та Сол Басс — імена основних дизайнерів, представників Нью-Йоркської школи дизайну, які започаткували сучасне розуміння дизайн-процесу (як комунікації замовника/бізнеса з авдиторією/клієнтом/користувачем). Остаточно силу дизайну, як ефективного засобу комунікації, доводить Джордж Лойс. Він здобув репутацію «поганця» американської масової комунікації завдяки своїй схильності доводити концепції до межі, використовуючи водночас дуже прості та прямі підходи. Його найвідомішими роботами є обкладинки Esquire у співпраці з фотографом Карлом Фішером, що допомогли журналу стати компанією з тримільйонним прибутком. 🔮 Постмодерністський дизайн Ілюстрація була основним методом комунікації в США упродовж п'ятдесяти років. Але з розвитком технологій і переходом до фотографії, як нового способу передавання візуальної інформації, з’явилися і нові підходи до ілюстрації. Основний вплив на них справила Push Pin Studio з Нью-Йорка. Сеймур Чваст, Мілтон Глейзер, Рейнольдс Раффінс та Едвард Сорел розсунули межі графічного дизайну та вийшли на світову аудиторію з геть новими підходами в графіці (наприклад, техніка колажу). II. Цифрова революція 💻 Реальність персонального комп’ютера Три нові компанії змінили світ дизайну: Apple Computer зі своїм комп’ютером Macintosh; Adobe Systems з мовою програмування PostScript; Aldus, що винайшла PageMaker — перше програмне забезпечення, що дало змогу створювати сторінки на комп’ютері (завдяки мові PostScript). 🕸 Всесвітня павутина Інтернет уперше з’явився в 60-х роках, коли вчені з Агентства перспективних дослідницьких проектів Міністерства оборони США створили ARPAnet. Щодо самої павутини, то Тім Бернерс-Лід розробив її в 1990 році у Швейцарії. Він створив основи: HTTP, HTML та URL. 👨‍💻 Піонери цифрової графіки У той час, як деякі дизайнери все ще відкидали цифрові технології, інші вирішили прийняти їх. Ейпріл Грейман, Руді Вандерланс, Зузана Ліко, а пізніше Едвард Фелла — дизайнери, які відіграли фундаментальну роль у становленні цифрової ери в історії дизайну. В наступних епізодах: докладніше про деяких із зазначених вище дизайнерів, аби вони не лишилися для нас простим списком імен. Розглянемо їхні роботи та внесок у дизайн.

#хвилинкадизайнера Тема ШІ несеться, як колісниця Тора грозовим небом! ⚡ Більшість ШІ-генераторів зображень із відкритим вихідним кодом створюють зображення за допомогою процесу, відомого як дифузія. По суті, ці моделі працюють, додаючи шум до зображення, перетворюючи його на піксельний безлад. А потім вони вчаться відновлювати зображення через зворотний процес видалення цього шуму. Цей процес повторюється знову і знову, навчаючи модель додавати шум, а потім знову його видаляти. Після цього модель може застосовувати процес зашумлення для створення реалістичних зображень, вносячи невеликі зміни в зображення. У поєднанні з розумінням моделі взаємозв’язку між зображенням і текстом, який використовується для його опису, це допомагає ШІ-генераторам зображень розуміти, про що саме ви просите у своєму запиті. На додачу до DALL-E та Midjourney, тепер Adobe запускає власний генератор зображень зі штучним інтелектом — Adobe Firefly. Знаючи, яку шикарну магію вони вже роблять у Photoshop з їхніми інструментами ШІ, я впевнений Firefly зможе створити серйозну конкуренцію вищеназваним інструментам. До того ж ми вже знаємо про одну цікаву перевагу Firefly. Анонсовано, що Adobe не використовувала контент ілюстраторів для навчання генеративного ШІ. Тобто Firefly може бути значно безпечнішим у використанні щодо авторських прав і це знижує ризики потрапити в пастку раптового плагіату. Чекаємо тепер на можливість згенерувати зображення і подивитися на їхню якість.

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

Вітаю вас, товариство! Отже, ми провели наш перший воркшоп з motion анімації у Figma і це було пречудово! Я дякую всім, хто приєднався. За майже дві години спільної роботи, ми стільки всього встигли розібрати: створили компонент та анімували його варіанти, розібрали функцію smart animate й, звісно, створили кльову анімацію в Figmotion. Після воркшопу я отримав позитивний фідбек, а отже, будемо проводити ще! Тим часом я вже доволі активно використовую AI інструменти (здебільшого ChatGPT та Midjourney) у власній роботі. Як і один мій друг, а за сумісництвом один із найкращих копірайтерів України. І тепер разом ми плануємо запустити воркшоп для широкої авдиторії, де будемо розповідати, як ці інструменти можуть суттєво пришвидшити роботу копірайтерів, маркетологів, дизайнерів тощо. Деталі згодом. #хвилинкадизайнера Сьогодні хочу поділитися з вами шикарною артзнахідкою. Фабіо Компареллі, дизайнер і фотограф зі Швейцарії, став справжньою знаменитістю минулого року з роботою «Еволюція людини». А два дні тому він виклав у своєму інстаграмі нову річ — «Еволюція війни». Обидва шедеври містять у собі безліч згенерованих AI зображень, які Фабіо скомпілював за допомогою фрейм анімації. Водночас він не сильно париться ретушувати та прибирати баги AI генерації. Ви зможете помітити безліч ляпів неозброєним оком (найчастіший випадок: завелика кількість кінцівок у людей), але мені здається, від того ці твори стають ще цікавішими. Гарного тижня!

#хвилинкадизайнера User research without users Черговий перспективний інструмент на базі ШІ, який може стати допоміжним у проведенні користувацьких досліджень, зокрема, тестувань інтерфейсів.

Виявляється, є спеціально навчена людина, яка кожен день знаходить цікаві дизайни на біхансі, дріблі та в інстаграмі. І щоб то добро не пропадало — постить знайдене у телеграм-канал Сподобалось. Людина ця навчена дуже добре, бо контент на каналі напрочуд цікавий. Гарний додаток до власних творчих блукань у мережі в пошуках чогось цікавого!

#хвилинкадизайнера В мене для вас сьогодні невеличка підбірка найкорисніших плагінів для Figma, якими я користуюся сам і які можуть суттєво прискорити роботу. 1. Autoflow — для швидкого створення user flow. 2. Remove BG — аби не лізти у фотошоп, а просто швидко позбавитися фону на якійсь фотці. 3. Ghost UX Writer — швидкій підбір текстів для типових випадків в дизайні інтерфейсів. 4. Contrast — швидка перевірка контрастності та відповідності вимогам WCAG. 5. Jitter — для створення motion анімації в межах одного екрану прямо в Фігмі. Enjoy! 🤗

​​Вітаю вас, товариство! Сьогодні хочу поділитися з вами відгуком моєї учениці з UI воркшопу, що закінчився цього тижня, й додати до нього ще дещо важливе від себе. «… У мене лише позитивні емоції, щодо всього процесу, домашніх завдань та розборів, манери спілкування. Була купа порад, які випливають з досвіду лектора. Щодо розбору — він просто неймовірно надихаючий. Тут в основному була конструктивна критика і по факту, саме вона піднімає самооцінку і показує напрямок до росту і професійного прогресу. Вадим досить толерантно ставиться до всіх робіт, мілкі погрішності на загал не виносяться (не робиться такий сильний акцент), хоча і помилки, які повторювались у макетах, вже самі помічали на ходу. Достатньо похвали, правильно підібрані слова, на всі питання були відповіді. Що ще потрібно маленькому дизайнеру, щоб розправити крила? До всього винесла для себе з вебінару стільки інсайтів, і стільки цитат Вадима, що реально допоможуть покращити дизайни у майбутньому». Так от йде війна. Вже майже рік. Хтось там написав про те, що це ще не наступ і буде гірше. А танки ж іще не доїхали. Літаки поки не дають. Постійно вирубає світло. І взагалі післязавтра день народження… Але ти однаково йдеш на воркшоп Projector до Вадима. Ти йдеш вчитися та поліпшувати навички. Бо попри все темрява тебе не бере. Попри смуток та невизначеність завтрашнього дня ти знаєш одне — треба інвестувати в себе, аби мати змогу працювати ще ефективніше, ще швидше, ще якісніше. Аби робити світ кращим. Бо, хто ж, як не ми? Я дуже пишаюся всіма своїми учнями. Вони — найяскравіше світло, що осяює погляд на наше мирне, вільне, технологічне майбутнє. Що ще потрібно викладачу, як каже Юлія: «аби розправити крила»? 👼 Воркшоп з UI дизайну йде на канікули. 23-го відбудеться моя невеличка лекція зі створення просунутої анімації в Figma. Є пару місць. Пишіть мені, якщо бажаєте долучитися.

And here it comes... Galileo AI створює стандартні UI з текстового опису. А вже далі дизайнер може редагувати все під власне бачення. Швидкість роботи: +100% Бонуси: жодних блоків на початку роботи над дизайном + автоматичне виконання рутинних задач.

​​#дизмат Годинник Про те, як вимірювати час людина почала замислювалася ще в сиву давнину з першими відкриттями в галузі астрономії. Ця наука втратила для нас свою практичність сьогодні й навіть фізики вже не так прискіпливо її вивчають. У середньовіччя ця наука була засадничою, разом із філософією та математикою, бо лише небесні явища могли дати відповідь на питання: «де й коли ми?». Тисячоліттями люди використовували сонячні годинники. Навіть із появою перших годинникових механізмів, люди й далі використовували сонячні годинники, аби коригувати хід механічних. Так тривало аж до XV сторіччя, коли народилася швейцарська годинникова промисловість. Перший наручний годинник створив Авраам-Луї Бреге, швейцарський годинникар. Він розробив його для королеви Неаполя у 1810-му році як прикрасу, що показувала час. Відтоді наручні годинники стають частиною жіночого гардероба й залишалися нею аж до XX ст. До того часу чоловіки продовжували користуватися виключно кишеньковими годинниками. Перша світова війна популяризувала наручний годинник для чоловіків. Спершу для солдатів, бо кишеньковий годинник не давав змоги солдату носити із собою спорядження. Воно заважало діставати кишеньковий годинник і це ставало реальною проблемою в плануванні військових операцій. Потрібне було мобільне рішення. Саме тоді наручні годинники поширюються на чоловічий гардероб. Від тоді й до тепер дизайн годинників функціонально не змінювався. Змінювався лише дизайн, оздоблення та матеріали. У XXI ст. із технологічним бумом популяризуються «розумні годинники». Ми з вами тут і будемо далі стежити за перебігом еволюції дизайну наручних годинників.

Воркшоп з motion анімації у Figma пройде 23.02 з 19:00 до 21:00 за київським часом. Вартість участі 1500 грн. В нас з'явилася пара вільних місць. Тож напишіть мені в персональні повідомлення, якщо хочете дізнатися докладніше й бажаєте взяти участь.

​​#хвилинкадизайнера Дивіться, яку анімацію можна робити у Figma. Нативними засобами: інтерактивний компонент + smart animation і вуаля! https://www.figma.com/community/file/1201852284650450408 https://www.figma.com/community/file/1199696340012094923 Докладний туторіал у цій статті.

#хвилинкадизайнера Дивіться, яку анімацію можна робити у Figma. Нативними засобами: інтерактивний компонент + smart animation і вуаля! https://www.figma.com/community/file/1201852284650450408 https://www.figma.com/community/file/1199696340012094923 Докладніше про створення лава лампи у статті.

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

​​#хвилинкадизайнера Письменники, копірайтери, редактори та всі, хто пише щось, рано чи пізно стикаються зі страхом «білого аркуша». Хтось не знає з чого почати, а хтось переживає, що не впорається. Основна порада, яку дають досвідчені райтери — почати писати аби що. Головне заповнити білий простір і так нівелювати страх. Така сама проблема існує і серед дизайнерів. При розробці нового продукту, або ж нової фічі, ми зазвичай маємо багато даних, купу міро-бордів, ще вагон повідомлень у слаці від менеджерів тощо. Ми створюємо файл, даємо йому гарну назву, а потім бачимо перед собою лише темряву, шлях крізь яку, нам треба прокласти. Із чого почати? 🌟 Створюйте мудборди Якщо йдеться про геть новий проєкт, де нема заданої стилістики без мудборду не обійтися. Якщо ви працюєте в межах сталого бренду, почніть із того, що додасте на свій артборд основні елементи, кольори, текстові стилі. Усе це слугуватиме вам за певну базу, з якої й почнеться ваш дизайн. 🌟 Візьміть готовий дизайн Не треба створювати новий чистий фрейм. Візьміть щось готове. Наприклад, Figma Community надасть вам безліч типових різноманітних сайтів, застосунків. Почніть із шаблону, який ви зможете відштовхнутися і налаштуєте під себе. 🌟 Не нехтуйте фазою low-fidelity дизайну Якщо ви працюєте над чимось складнішим за посадкову сторінку, починайте з візуалізації шляху користувача та швидких ваєрфреймів. Зрозумійте для себе структуру кожної сторінки, а вже потім переходьте до UI.

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

​​#навчання Вітаю вас, друзі! Свого часу ви позитивно відгукнулися на мою пропозицію щодо проведення воркшопів з UI й от уже за тиждень ми будемо проводити третій із них. А тепер наступне питання: чи хотіли б ви навчитися просунутій анімації інтерфейсів у Фігмі? Формат: Півтори години заняття онлайн Що треба мати: Фігму та один безплатний плагін для анімації Вартість: 1500 грн Рівень: junior, middle, сініорістим панам та пані також буде корисно, якщо до того не було досвіду роботи з анімацією в After Effects та з аналогічними інструментами. Займатимемося у невеликій групі, тож буде затишно й всі зможуть розібратися з темою, поставити питання тощо. Якщо вам цікаво, будь ласка, напишіть мені тут в особисті повідомлення (@vgrynchenko) і я створю окрему групу для учасників. Якщо буде досить охочих — оберемо дату та час. Будь-які додаткові питання ставте в коментарях.

#хвилинкадизайнера Товариство, маю для вас кілька повідомлень! 🧨 Notion зашкварився! Працюють з рашистами, але не цураються цього та гордо виставляють прапор країни з боліт із заявами, що кожен член їхнього ком’юніті важливий. Докладніше у треді в твіттері (до речі, я останнім часом щось дофіга активний, тож нумо товаришувати й там). 💎 Полезняшка — copybook. Це сайт із колекцією загальновживаних в інтерфейсах текстів. Часто буває, що вам потрібен базовий текст для помилки, наприклад, але що конкретно написати, ви не знаєте. Copybook вам із цим допоможе. 🏃‍♂️ Є ще два місця на мій воркшоп з практики UI, що стартує в Projector 6-го лютого. Приємного вікенду!

#хвилинкадизайнера Щорічний звіт Design Tools (2022). З цікавого: 💎 Figma - новий безапеляційний лідер галузі ⚰️ R.I.P. Sketch 😂 Adobe XD? lol 🆕 Новинка, яка варта уваги (можливо) - Antetype.