Навіть найкрутіший дизайн виглядає сухим і неживим, коли він не має добре продуманих анімованих взаємодій. Тому сьогодні залишаю три інструменти, які надихнуть вас на анімацію та дозволять впровадити її легко та ефективно:
🟣 Framer.Today — компактним набор мікровзаємодій (динамічні кнопки, скрол, спадний список тощо), які додадуть життя вашому проєкту. Кожен віджет має докладний опис і готовий код.
🟣 Lottielab — простий у освоєнні та віджет для створення анімації просто у Фігмі. З його допомогою легко експортувати результати у формати Lottie, GIF або MP4 з можливістю налаштування вихідного файлу.
🟣 Aceternity UI — невелика бібліотека мікроанімацій, яка дозволяє впровадити красиві та функціональні рішення в дизайн сайту з невеликими витратами, але максимально ефективно.
#дизайн_ресурси #безкоштовні
___
Підписуйся на Marus Design:
Telegram | YouTube | Instagram
🟣 Framer.Today — компактним набор мікровзаємодій (динамічні кнопки, скрол, спадний список тощо), які додадуть життя вашому проєкту. Кожен віджет має докладний опис і готовий код.
🟣 Lottielab — простий у освоєнні та віджет для створення анімації просто у Фігмі. З його допомогою легко експортувати результати у формати Lottie, GIF або MP4 з можливістю налаштування вихідного файлу.
🟣 Aceternity UI — невелика бібліотека мікроанімацій, яка дозволяє впровадити красиві та функціональні рішення в дизайн сайту з невеликими витратами, але максимально ефективно.
#дизайн_ресурси #безкоштовні
___
Підписуйся на Marus Design:
Telegram | YouTube | Instagram
❤12
Три цікаві сервіси зі ШІ, які начебто виконують дизайн-задачі краще, ніж ти, і скоро залишать тебе без роботи 😆 Перевіримо, чи це правда?)
🤖 Galileo — це штучний інтелект, який створює дизайн інтерфейсів за допомогою текстових запитів. Результат його роботи можна редагувати прямо на сайті або експортувати до Figma. Безкоштовно надається 200 кредитів, що забезпечить вас можливістю створювати до 20 генерацій дизайну.
🤖 Whimsical — сервіс з широким функціоналом, що використовує ШІ для створення інтелект-карт та діаграм, допомагає у проєктуванні блок-систем та варфреймів, також сприяє генерації ідей, адже безпосередньо в процесі роботи можна задавати питання та отримувати відповіді.
🤖 Optimal Workshop — платформа для проведення автоматизованих UX досліджень, призначена для тестування та збору кількісної інформації, на основі якої можна виявляти та виправляти помилки, покращувати досвід користувача.
P.S. Не переймайся, насправді ці тулзи покликані допомогти, а не замінити нас. Принаймні поки що 😉
#дизайн_ресурси #безкоштовні
___
Підписуйся на Marus Design:
Telegram | YouTube | Instagram
🤖 Galileo — це штучний інтелект, який створює дизайн інтерфейсів за допомогою текстових запитів. Результат його роботи можна редагувати прямо на сайті або експортувати до Figma. Безкоштовно надається 200 кредитів, що забезпечить вас можливістю створювати до 20 генерацій дизайну.
🤖 Whimsical — сервіс з широким функціоналом, що використовує ШІ для створення інтелект-карт та діаграм, допомагає у проєктуванні блок-систем та варфреймів, також сприяє генерації ідей, адже безпосередньо в процесі роботи можна задавати питання та отримувати відповіді.
🤖 Optimal Workshop — платформа для проведення автоматизованих UX досліджень, призначена для тестування та збору кількісної інформації, на основі якої можна виявляти та виправляти помилки, покращувати досвід користувача.
P.S. Не переймайся, насправді ці тулзи покликані допомогти, а не замінити нас. Принаймні поки що 😉
#дизайн_ресурси #безкоштовні
___
Підписуйся на Marus Design:
Telegram | YouTube | Instagram
👍2
Нарешті! Ділюся своїм досвідом роботи на британському продукті: особливості комунікації, незвичні фідбеки та дуже тісна співпраця з командою. Впевнена, буде цікаво! Приємного перегляду 😘
Дивитися на YouTube >>>
P.S. Дякую що дочекалися, бо я сама вже не вірила, що колись сяду за публікацію. Вести блог паралельно з фултайм роботою та сімʼєю це той ще челлендж -_-
#новевідео
___
Підписуйся на Marus Design:
Telegram | YouTube | Instagram
Дивитися на YouTube >>>
P.S. Дякую що дочекалися, бо я сама вже не вірила, що колись сяду за публікацію. Вести блог паралельно з фултайм роботою та сімʼєю це той ще челлендж -_-
#новевідео
___
Підписуйся на Marus Design:
Telegram | YouTube | Instagram
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥13❤1
Зараз позбавлю вас одного комплексу. Це не точно, але цілком можливо) 😎
Я пригадую, як на першому році своєї карʼєри надивилася на красиві вайрфрейми, намальовані вручну. Оці hand drawn wireframes з дрібблу та пінтересту.
"Так ось як справжні дизайнери використовують свої блокноти!" - подумала я і почала намагатись робити так само: купила лайнерів різної товщини, взяла лінієчку і давай малювати. Виходило гарно, але дуууже довго. Плюс - зробила прикольну фоточку в інсту. Мінус - це був такий собі акт медитації та творчості, але ніяк не швидкий робочий процес.
Читаючи, що драфти від руки використовують, щоб швидше накидати те, що уявилося в голові, я набула відчуття власної неповноцінності - невже ОЦЕ я маю робити швидко?? І чому якщо я роблю швидко, то воно таке страшне, що його на пінтересті просто забанять за неестетичність?😵💫
Короче, відповідь проста. Всі ці красиві картинки - це понти, які треба або для оформлення кейсу, або щоб похизуватися в дріблі. Бо якщо ви вже на тому етапі уявлення інтерфейсу, що можете сісти і з лінієчкою, без виправлень, на чисту це намалювати, ще й розмалювати іконочки - значить, вам вже давно час перейти у Фігму і намалювати екран там.
А блокнот - це braindumps, куди ви викидаєте все з голови щоб не забути, або щоб побачити поруч варіанти, але ТІЛЬКИ якщо вам реально легше і швидше зробити це, ніж у Фігмі.
Не робити драфти - ок.
Брудні драфти - ок.
Почеркані листи - ок.
Драфти ручкою, олівцем, будь чим що знайшлося під рукою - ок.
Повибирала вам прям найкрасивіші з моїх листочків. Ну ви розумієте, на дріббл їм не світить)) Але коли оформлюватиму кейс, то візьму готові екрани з Фігми і намалюю красиво в блокноті, ніби саме так я вперше уявила в голову майбутній результат, а не продовбалася над ним декілька місяців, щоб задовільнити користувачів правильно розташованими датапоінтами 😆
__
Підписуйся на Marus Design:
Telegram | YouTube | Instagram
Я пригадую, як на першому році своєї карʼєри надивилася на красиві вайрфрейми, намальовані вручну. Оці hand drawn wireframes з дрібблу та пінтересту.
"Так ось як справжні дизайнери використовують свої блокноти!" - подумала я і почала намагатись робити так само: купила лайнерів різної товщини, взяла лінієчку і давай малювати. Виходило гарно, але дуууже довго. Плюс - зробила прикольну фоточку в інсту. Мінус - це був такий собі акт медитації та творчості, але ніяк не швидкий робочий процес.
Читаючи, що драфти від руки використовують, щоб швидше накидати те, що уявилося в голові, я набула відчуття власної неповноцінності - невже ОЦЕ я маю робити швидко?? І чому якщо я роблю швидко, то воно таке страшне, що його на пінтересті просто забанять за неестетичність?
Короче, відповідь проста. Всі ці красиві картинки - це понти, які треба або для оформлення кейсу, або щоб похизуватися в дріблі. Бо якщо ви вже на тому етапі уявлення інтерфейсу, що можете сісти і з лінієчкою, без виправлень, на чисту це намалювати, ще й розмалювати іконочки - значить, вам вже давно час перейти у Фігму і намалювати екран там.
А блокнот - це braindumps, куди ви викидаєте все з голови щоб не забути, або щоб побачити поруч варіанти, але ТІЛЬКИ якщо вам реально легше і швидше зробити це, ніж у Фігмі.
Не робити драфти - ок.
Брудні драфти - ок.
Почеркані листи - ок.
Драфти ручкою, олівцем, будь чим що знайшлося під рукою - ок.
Повибирала вам прям найкрасивіші з моїх листочків. Ну ви розумієте, на дріббл їм не світить)) Але коли оформлюватиму кейс, то візьму готові екрани з Фігми і намалюю красиво в блокноті, ніби саме так я вперше уявила в голову майбутній результат, а не продовбалася над ним декілька місяців, щоб задовільнити користувачів правильно розташованими датапоінтами 😆
__
Підписуйся на Marus Design:
Telegram | YouTube | Instagram
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍31❤5
Вибір мокапів для презентації проєкту може бути справжнім викликом, але ми тут, щоб допомогти його подолати 💪
🟣 Pixeden — чимала кількість найрізноманітніших мокапів: від мінімалістичних моделей до більш реалістичних. Більшість доступні у форматах PSD. (P.S. А ще на сайті знайдете класні текстури, фони та інші графічні та веб елементи).
🟣 Mockupworld — той випадок, коли всі файли не тільки виключно безктоштовні, а ще й справді мають круту якість. Його особливість полягає в різноманітності та дійсно широкому виборі.
🟣 Mockups-design — колекція мокапів у високій роздійній здатності, створена графічним дизайнером, який закоханий у свою справу. Чудово те, що один і той самий девайс даний у різних позиціях та кутах нахилу, що допоможе різноманітнити презентацію, але зберегти консистентність.
🟣 Mockuuups.studio — більше ніж 4300 різнопланових мокапів! І усі можна налаштувати безпосередньо на сайті, завантаживши необіхдне зображення. Швидко, легко, неймовірно зручно.
#дизайн_ресурси #мокапи #безкоштовні
___
Підписуйся на Marus Design:
Telegram | YouTube | Instagram
🟣 Pixeden — чимала кількість найрізноманітніших мокапів: від мінімалістичних моделей до більш реалістичних. Більшість доступні у форматах PSD. (P.S. А ще на сайті знайдете класні текстури, фони та інші графічні та веб елементи).
🟣 Mockupworld — той випадок, коли всі файли не тільки виключно безктоштовні, а ще й справді мають круту якість. Його особливість полягає в різноманітності та дійсно широкому виборі.
🟣 Mockups-design — колекція мокапів у високій роздійній здатності, створена графічним дизайнером, який закоханий у свою справу. Чудово те, що один і той самий девайс даний у різних позиціях та кутах нахилу, що допоможе різноманітнити презентацію, але зберегти консистентність.
🟣 Mockuuups.studio — більше ніж 4300 різнопланових мокапів! І усі можна налаштувати безпосередньо на сайті, завантаживши необіхдне зображення. Швидко, легко, неймовірно зручно.
#дизайн_ресурси #мокапи #безкоштовні
___
Підписуйся на Marus Design:
Telegram | YouTube | Instagram
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10❤3
Коли ви пропонуєте команді нові процеси, а вона чинить великий спротив змінам - можете використовувати цю картку.
Опишіть:
1. Назва експерименту
2. Опис (що саме має відбуватися)
3. Ми робимо це тому що (якась проблема, яку ви вирішуєте)...
4. Протягом якого часу ми це робитимемо
5. Ми сподіваємося отримати (бажаний результат)...
6. Ми будемо уникати...
Таким чином донесете цінність, а також визначений для експерименту проміжок часу дасть змогу відмовитися від ініціативи, якщо вона виявиться не корисною, що зменшить ризики для тих, хто проти.
НЕ підійде для того, що дасть результат тільки після тривалого вкладання зусиль та закінчення роботи, тобто створення дизайн системи таким чином пропонувати не варто.
Джерело
_______
Підписуйся на Marus Design:
Telegram | YouTube | Instagram
Опишіть:
1. Назва експерименту
2. Опис (що саме має відбуватися)
3. Ми робимо це тому що (якась проблема, яку ви вирішуєте)...
4. Протягом якого часу ми це робитимемо
5. Ми сподіваємося отримати (бажаний результат)...
6. Ми будемо уникати...
Таким чином донесете цінність, а також визначений для експерименту проміжок часу дасть змогу відмовитися від ініціативи, якщо вона виявиться не корисною, що зменшить ризики для тих, хто проти.
НЕ підійде для того, що дасть результат тільки після тривалого вкладання зусиль та закінчення роботи, тобто створення дизайн системи таким чином пропонувати не варто.
Джерело
_______
Підписуйся на Marus Design:
Telegram | YouTube | Instagram
❤10
3D - це один з головних трендів на 2024 рік. Тому ці паки обʼємних абстрактних фігур обовʼязково стануть вам у нагоді 👨💻
🟣 Iridescent abstract 3d shapes — пак із 15 абстрактних 3D фігур із прозорим фоном. Можна використовувати в особистих та комерційних проектах і як бонус додано кілька прикладів використання для натхнення.
🟣 Holographic 3D Icons Abstract — файл вміщує 12 тривимірних абстрактних іконок із можливістю перефарбувати елементи відповідно до свого бренду.
🟣 Assets Midjourney — більше ніж 120 суперяскравих та цікавих форм і геометричних фігур, згенерованих Midjourney.
🟣 Metality — колекція абстрактних металевих 3D фігур, що виглядають ніби зроблені з матового алюмінію або полірованої сталі/хрому.
Зберігайте та використовуйте у своїх концептах 😉
#дизайн_ресурси #безкоштовні
___
Підписуйся на Marus Design:
Telegram | YouTube | Instagram
🟣 Iridescent abstract 3d shapes — пак із 15 абстрактних 3D фігур із прозорим фоном. Можна використовувати в особистих та комерційних проектах і як бонус додано кілька прикладів використання для натхнення.
🟣 Holographic 3D Icons Abstract — файл вміщує 12 тривимірних абстрактних іконок із можливістю перефарбувати елементи відповідно до свого бренду.
🟣 Assets Midjourney — більше ніж 120 суперяскравих та цікавих форм і геометричних фігур, згенерованих Midjourney.
🟣 Metality — колекція абстрактних металевих 3D фігур, що виглядають ніби зроблені з матового алюмінію або полірованої сталі/хрому.
Зберігайте та використовуйте у своїх концептах 😉
#дизайн_ресурси #безкоштовні
___
Підписуйся на Marus Design:
Telegram | YouTube | Instagram
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10❤2
Читаю чудову книжку про фріланс: "Фриланс здорової людини". Ще в процесі, але позаду 70 відсотків, чого вже більш ніж достатньо, щоб впевнено її радити 👍
По-перше, вона українська, по друге - дуже свіжа. Вийшла вже від час повномасштабної війни, а отже, відображає актуальну реальність саме українців (що дійсно приємно, бо від американських нонфіків та проблем, які вони, бідолашні, описують, мені часом стає погано).
По-третє, вона дуже чесно розкриває болючі для фрілансерів-початківців проблеми про тайм менеджмент, оплату замовлення, встановлення ціни, комунікацію, пошук клієнтів тощо. І хоч написана вона копірайтеркою (і часом приклади, які наводить авторка, не дуже цікаві для нас з вами), але в цілому проблеми і болі в усіх фрілансерів однакові, і рішення доволі універсальні.
Якщо ви новачок - вам буде дуууже корисно. Для тих, хто у цьому човні вже давно, більшість інфи буде занадто очевидною, проте, я все одно для себе декілька інсайтів знайшла. Книга коротка, дуже легко читається, без зайвої води і з чесним, реальним досвідом багатьох фрілансерів і замовників (авторка розкриває обидві сторони) - людей, імена яких ви, можливо, навіть знаєте.
Де почитати?🤔
Книгу можна купити в друкованому вигляді в українських книгарнях, а електронні версії є ексклюзивами і читати можна лише в додатках Yakaboo та абук. Я обрала другий.
P.S. Мені ріже око лише слово "фриланс", я продовжую вживати це слово через "і", але можете спробувати мене переконати, може я передумаю
P.P.S. Джерело фото - ridmi.com.ua
#книги
___
Підписуйся на Marus Design:
Telegram | YouTube | Instagram
По-перше, вона українська, по друге - дуже свіжа. Вийшла вже від час повномасштабної війни, а отже, відображає актуальну реальність саме українців (що дійсно приємно, бо від американських нонфіків та проблем, які вони, бідолашні, описують, мені часом стає погано).
По-третє, вона дуже чесно розкриває болючі для фрілансерів-початківців проблеми про тайм менеджмент, оплату замовлення, встановлення ціни, комунікацію, пошук клієнтів тощо. І хоч написана вона копірайтеркою (і часом приклади, які наводить авторка, не дуже цікаві для нас з вами), але в цілому проблеми і болі в усіх фрілансерів однакові, і рішення доволі універсальні.
Якщо ви новачок - вам буде дуууже корисно. Для тих, хто у цьому човні вже давно, більшість інфи буде занадто очевидною, проте, я все одно для себе декілька інсайтів знайшла. Книга коротка, дуже легко читається, без зайвої води і з чесним, реальним досвідом багатьох фрілансерів і замовників (авторка розкриває обидві сторони) - людей, імена яких ви, можливо, навіть знаєте.
Де почитати?
Книгу можна купити в друкованому вигляді в українських книгарнях, а електронні версії є ексклюзивами і читати можна лише в додатках Yakaboo та абук. Я обрала другий.
P.S. Мені ріже око лише слово "фриланс", я продовжую вживати це слово через "і", але можете спробувати мене переконати, може я передумаю
P.P.S. Джерело фото - ridmi.com.ua
#книги
___
Підписуйся на Marus Design:
Telegram | YouTube | Instagram
Please open Telegram to view this post
VIEW IN TELEGRAM
❤12🔥5
Хей хей! 👨💻 Поки я монтую для вас відео про користувацькі дослідження, хочу запитати про ваші стосунки з ними :)
Please open Telegram to view this post
VIEW IN TELEGRAM
Чи проводите користувацькі дослідження?
Anonymous Poll
4%
Ні, я і без них знаю, як краще 🤓
44%
Ні, бо не вмію, але хочу навчитися
51%
Є трохи досвіду найпростіших досліджень, планую розвиватися в цьому напрямку
1%
Я гуру UX тестінгу і маю сотні годин інтервʼю за плечима 😎
❤6
Окей, бачу, що багато хто з вас вже використовував якісь методи досліджень в своїй роботі.
А поділіться, які саме? І що для вас є найскладнішим в дослідженнях або викликає проблеми/побоювання? А я в обмін поділюся своїм досвідом :)
А поділіться, які саме? І що для вас є найскладнішим в дослідженнях або викликає проблеми/побоювання? А я в обмін поділюся своїм досвідом :)
Проєкт моєї подруги взяв нагороду Webby Awards в категорії Law Websites and Mobile Sites 🎉
Такі нагороди здаються недосяжними, і для дизайнерів-одинаків це так і є, адже це результат кропіткої роботи цілої команди, серед якої менеджери, ілюстратори, моушн-дизайнери і, звичайно, дизайнери інтерфейсів.
Тому якщо ви відчуваєте себе недостатньо дизайнерами, переглядаючи переможців Awwwards або Webby, нехай це вас трошки заспокоює) Одного дня ви зможете потрапити в компанію, яка надасть вам можливість розвиватися та креативити на повну, і в якій буде команда талановитих людей, і ви разом зробите щось дуже-дуже вау.
Що до мене - я вже майже змирилася з тим, що обрала шлях UX та продукту, і мій теперішній проєкт настільки закритий, що широкий загал просто ніколи його не побачить 😅
Дуже закликаю подивитись сам сайт та надихнутися на майбутні перемоги😉 Ви ще ніколи не бачили такого сайту в юридичній ніші)
Такі нагороди здаються недосяжними, і для дизайнерів-одинаків це так і є, адже це результат кропіткої роботи цілої команди, серед якої менеджери, ілюстратори, моушн-дизайнери і, звичайно, дизайнери інтерфейсів.
Тому якщо ви відчуваєте себе недостатньо дизайнерами, переглядаючи переможців Awwwards або Webby, нехай це вас трошки заспокоює) Одного дня ви зможете потрапити в компанію, яка надасть вам можливість розвиватися та креативити на повну, і в якій буде команда талановитих людей, і ви разом зробите щось дуже-дуже вау.
Що до мене - я вже майже змирилася з тим, що обрала шлях UX та продукту, і мій теперішній проєкт настільки закритий, що широкий загал просто ніколи його не побачить 😅
Дуже закликаю подивитись сам сайт та надихнутися на майбутні перемоги
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15❤8🔥3
Маю дещо особливе - безкоштовну бетку плагіну для фігми, який створює за вас дизайн-систему 🤯
Я вже потестила - ви вказуєте primary та secondary кольори (за бажанням також нейтральні, success/error), вказуєте шрифти для заголовків та body, можете налаштувати радіуси та тіні, жмакаєте кнопку - і плагін створює вам палітру, текстові стилі та компоненти: кнопки, дропи, світчери, модалки тощо! Трохи налажав з контрастністю для секондарі кольору (помістив чорний текст на довольі темний фон), але підправити все можна вже вручну. І це все не просто в компонентах, а за принципами атомного дизайну!😎
Це топ, я вам гарантую, скоро тулза стане платною. А поки що юзайте (хоча, я не пошкодую грошей і за повну версію, якщо треба буде).
🧑🎤 Зберігати тут🧑🎤
#інструменти #плагіни_figma
___
Підписуйся на Marus Design:
Telegram | YouTube | Instagram
Я вже потестила - ви вказуєте primary та secondary кольори (за бажанням також нейтральні, success/error), вказуєте шрифти для заголовків та body, можете налаштувати радіуси та тіні, жмакаєте кнопку - і плагін створює вам палітру, текстові стилі та компоненти: кнопки, дропи, світчери, модалки тощо! Трохи налажав з контрастністю для секондарі кольору (помістив чорний текст на довольі темний фон), але підправити все можна вже вручну. І це все не просто в компонентах, а за принципами атомного дизайну!
Це топ, я вам гарантую, скоро тулза стане платною. А поки що юзайте (хоча, я не пошкодую грошей і за повну версію, якщо треба буде).
#інструменти #плагіни_figma
___
Підписуйся на Marus Design:
Telegram | YouTube | Instagram
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥19❤5
Короткий лайфхак 💫
Якщо страждаєте від заліпання в пікселі та вилизування інтерфейсу на ранніх стадіях, коли треба думати про структуру - малюйте вайрфрейми у FigJam. Це дуже мені допомогло прискоритися та накидати десятки варіантів, серед яких потім можна було обрати найкращі і деталізовувати.
І памʼятайте - варіанти, варіанти, варіанти!
Перше рішення, яке спало на думку - зазвичай не вірне. Навіть якщо ви на 100% впевнені, що знаєте, як варто зробити. Коли намалюєте ще 5 або 10 опцій - ви подивитеся на все з іншого боку та згенеруєте саме те, що є потрібним, а не найпростішим.
Якщо страждаєте від заліпання в пікселі та вилизування інтерфейсу на ранніх стадіях, коли треба думати про структуру - малюйте вайрфрейми у FigJam. Це дуже мені допомогло прискоритися та накидати десятки варіантів, серед яких потім можна було обрати найкращі і деталізовувати.
І памʼятайте - варіанти, варіанти, варіанти!
Перше рішення, яке спало на думку - зазвичай не вірне. Навіть якщо ви на 100% впевнені, що знаєте, як варто зробити. Коли намалюєте ще 5 або 10 опцій - ви подивитеся на все з іншого боку та згенеруєте саме те, що є потрібним, а не найпростішим.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥19❤6👍3🤯1