Вітаю, друзі-дизайнери!
Ділюся двома посиланнями на курси з дизайну, які під час війни можуть стати слушною нагодою українцям, які втратили роботу, навчитися новій професії.
✅ Креативна практика: курси з графічного та UI/UX дизайну, програми Figma, AI, AE, Photoshop та інші. Для тих, хто тільки починає, рекомендую спершу переглянути курс з веб-дизайну та основи дизайну перш ніж переходити до UI/UX, він більш поглиблений.
https://cases.media/creativepractice/courses
——
✅ Чудовий курс з UI/UX мого колеги і знайомого, який він провів безкоштовно онлайн і виклав у вільний доступ. Тепер лекції може переглянути кожний охочий.
https://www.youtube.com/playlist?app=desktop&list=PLhrx9yUuvpS_-utqmHnkrkU8feTlpzOy8
——
Бережіть себе! Слава Україні
Ділюся двома посиланнями на курси з дизайну, які під час війни можуть стати слушною нагодою українцям, які втратили роботу, навчитися новій професії.
✅ Креативна практика: курси з графічного та UI/UX дизайну, програми Figma, AI, AE, Photoshop та інші. Для тих, хто тільки починає, рекомендую спершу переглянути курс з веб-дизайну та основи дизайну перш ніж переходити до UI/UX, він більш поглиблений.
https://cases.media/creativepractice/courses
——
✅ Чудовий курс з UI/UX мого колеги і знайомого, який він провів безкоштовно онлайн і виклав у вільний доступ. Тепер лекції може переглянути кожний охочий.
https://www.youtube.com/playlist?app=desktop&list=PLhrx9yUuvpS_-utqmHnkrkU8feTlpzOy8
——
Бережіть себе! Слава Україні
CASES
Courses | CASES
Design, entrepreneurship, marketing, interface design, advertising and programming online courses. Study online with Creative Practice.
👍2👎1
Чудова стаття, яка відповідає на купу питань про оформлення портфоліо:
https://cases.media/creativepractice/article/portfolio-z-chogo-pochati-ta-yak-rozvivati
https://cases.media/creativepractice/article/portfolio-z-chogo-pochati-ta-yak-rozvivati
CASES
Портфоліо: з чого почати та як розвивати
В завершальній лекції теоретичної частини курсу «Основи дизайну» ми розповідаємо про одну з найважливіших складових дизайнерських надбань — порфтоліо.
Привіт, друзі 🖐
Сподіваюсь, ви вже оговталися після святкування Нового року, тому ловіть нове цікаве посилання.😉
✅ UI8 (Design Freebies) ➖ сток з різноманітними дизайн ресурсами. Саме тут люди публікують свої роботи, і їх можна скачати абсолютно безкоштовно або ж придбати.
Тут можна знайти інтерфейси як адаптивних вебсторінок, так і застосунків, які можна налаштувати відповідно до ваших задач.
Сервіс пропонує проєкти не лише для Figma, а й для Sketch, XD, Photoshop, Illustrator та інш.
Щодо способів оплати, то можна обрати з двох варіантів:
1️⃣ Можна придбати саме той матеріал, який тебе цікавить.
В такому випадку ти оплачуєш виключно те, що тобі потрібно.
2️⃣ Платна підписка.
Вона дозволяє скачувати всі необіхдні матеріали, оплативши користування на 3, 6 чи 12 місяців. Однак готуйся викласти чималеньку суму (близько 188 доларів за 3 місяці). При цьому є й певні обмеження - не більше п’яти завантажень в день 😐
Проте, за посиланням всі ресурси безкоштовні, тож користуйтесь) Бажаю усім продуктивного нового року. ✨
#дизайн_ресурси #безкоштовні
Сподіваюсь, ви вже оговталися після святкування Нового року, тому ловіть нове цікаве посилання.😉
✅ UI8 (Design Freebies) ➖ сток з різноманітними дизайн ресурсами. Саме тут люди публікують свої роботи, і їх можна скачати абсолютно безкоштовно або ж придбати.
Тут можна знайти інтерфейси як адаптивних вебсторінок, так і застосунків, які можна налаштувати відповідно до ваших задач.
Сервіс пропонує проєкти не лише для Figma, а й для Sketch, XD, Photoshop, Illustrator та інш.
Щодо способів оплати, то можна обрати з двох варіантів:
1️⃣ Можна придбати саме той матеріал, який тебе цікавить.
В такому випадку ти оплачуєш виключно те, що тобі потрібно.
2️⃣ Платна підписка.
Вона дозволяє скачувати всі необіхдні матеріали, оплативши користування на 3, 6 чи 12 місяців. Однак готуйся викласти чималеньку суму (близько 188 доларів за 3 місяці). При цьому є й певні обмеження - не більше п’яти завантажень в день 😐
Проте, за посиланням всі ресурси безкоштовні, тож користуйтесь) Бажаю усім продуктивного нового року. ✨
#дизайн_ресурси #безкоштовні
👍11🔥8👎1
Вітаю! 😌
Сьогодні пропоную вам ознайомитись із статтею «Експертна оцінка юзабіліті вашого сайту та 10 евристик Якоба Нільсена».
Це основні принципи інтерактивного дизайну, які представляють загальні практичні рекомендації, що допоможуть вам зробити інтерфейс, з яким користувачам буде легко взаємодіяти (неважливо, чи це процес покупки товару, чи пошук по сайту, чи заповнення форми заявки). Тобто, матеріал допоможе зробити ваші сайти більш зручними та зрозумілими для користувачів.
........
До речі, якщо ви вже подивились останнє відео на моєму каналі "Співбесіда UI\UX дизайнера" (якщо ні, то саме час це зробити😉), то чули, що поширеним завданням на співбесіді є саме аналіз usability сайту.
Залишай реакції на пост та ділись ним з друзями-дизайнерами. 👇
#навчання #статті
Сьогодні пропоную вам ознайомитись із статтею «Експертна оцінка юзабіліті вашого сайту та 10 евристик Якоба Нільсена».
Це основні принципи інтерактивного дизайну, які представляють загальні практичні рекомендації, що допоможуть вам зробити інтерфейс, з яким користувачам буде легко взаємодіяти (неважливо, чи це процес покупки товару, чи пошук по сайту, чи заповнення форми заявки). Тобто, матеріал допоможе зробити ваші сайти більш зручними та зрозумілими для користувачів.
........
До речі, якщо ви вже подивились останнє відео на моєму каналі "Співбесіда UI\UX дизайнера" (якщо ні, то саме час це зробити😉), то чули, що поширеним завданням на співбесіді є саме аналіз usability сайту.
Залишай реакції на пост та ділись ним з друзями-дизайнерами. 👇
#навчання #статті
🔥7👍1
Усім привіт! 🙂
Тримайте крутий сайт, який допоможе спростити роботу з кольором 🔴🟢🔵
Dopely Colors ➖ генератор палітри, що містить велику кількість інструментів для роботи з кольором.
Моїми улюбленими є такі (їх можна знайти у пункті Explore головного меню):
1️⃣ Gradients – море різноманітних градієнтів, які можна редагувати (Hue, Saturation, Lightness).
2️⃣ Color Pedia – тут можна прочитати про значення основних кольорів, а також, перейшовши на сторінку кольору який цікавить, знайти ще більше інформації про відтінки, гармонії, суміш кольорів, кольоровий контраст і т.д.
3️⃣ Color&Type - контрастні поєднання кольорів фону та тексту, які також можна редагувати і водночас перевіряти внесені зміни на доступность вебвмісту (WCAG).
Також тут можна знайти: палітри кольорів (Color Picker), кольоровий тонер (Color Toner), де можна вибрати колір на вкладці випадковим чином або вручну, щоб переглянути його відтінки або тони, симулятор дальтонізму (Color Blindness Simulator), щоб адаптувати сайт для людей з вадами зору та багато-багато інших крутих фішок.
Сподіваюсь, інструмент стане у нагоді. До зустрічі! 💙💛
#інструменти #колір
Тримайте крутий сайт, який допоможе спростити роботу з кольором 🔴🟢🔵
Dopely Colors ➖ генератор палітри, що містить велику кількість інструментів для роботи з кольором.
Моїми улюбленими є такі (їх можна знайти у пункті Explore головного меню):
1️⃣ Gradients – море різноманітних градієнтів, які можна редагувати (Hue, Saturation, Lightness).
2️⃣ Color Pedia – тут можна прочитати про значення основних кольорів, а також, перейшовши на сторінку кольору який цікавить, знайти ще більше інформації про відтінки, гармонії, суміш кольорів, кольоровий контраст і т.д.
3️⃣ Color&Type - контрастні поєднання кольорів фону та тексту, які також можна редагувати і водночас перевіряти внесені зміни на доступность вебвмісту (WCAG).
Також тут можна знайти: палітри кольорів (Color Picker), кольоровий тонер (Color Toner), де можна вибрати колір на вкладці випадковим чином або вручну, щоб переглянути його відтінки або тони, симулятор дальтонізму (Color Blindness Simulator), щоб адаптувати сайт для людей з вадами зору та багато-багато інших крутих фішок.
Сподіваюсь, інструмент стане у нагоді. До зустрічі! 💙💛
#інструменти #колір
Dopely Colors
Discover Color Palettes, Gradients & Beautiful Colors | Dopely
Explore thousands of hand-picked color palettes, beautiful gradients, and individual colors. Find perfect color combinations for your design projects, websites, and creative work.
😍16🔥1
Вітаю, друзі! 😌
Якщо вам подобається контент, який я для вас створюю, і ви щиро бажаєте познайомитись зі мною ще ближче, то запрошую вас у свої соціальні мережі:
▪️ Instagram:
https://instagram.com/valeria_marus
▪️ TikTok:
https://www.tiktok.com/@valeria_marus
▪️ YouTube:
https://youtube.com/@Valeriamarus
▪️ Dribbble:
https://dribbble.com/valeria_redhead
▪️ Behance:
https://www.behance.net/valery_red
Чекаю на кожного з вас! 😉
Якщо вам подобається контент, який я для вас створюю, і ви щиро бажаєте познайомитись зі мною ще ближче, то запрошую вас у свої соціальні мережі:
▪️ Instagram:
https://instagram.com/valeria_marus
▪️ TikTok:
https://www.tiktok.com/@valeria_marus
▪️ YouTube:
https://youtube.com/@Valeriamarus
▪️ Dribbble:
https://dribbble.com/valeria_redhead
▪️ Behance:
https://www.behance.net/valery_red
Чекаю на кожного з вас! 😉
👍18😍2
Найчастіше запитання - де навчатися та які обрати курси?
Я залишу тут посилання на ті курси, які особисто вважаю вартими уваги. Втім, це не повний список гідних навчальних програм, а лише ті, у яких впевнена особисто я. Не реклама! Раджу від щирого серця, без жодного інтересу для себе.
🟢 UI/UX дизайн з нуля:
UI/UX дизайн українською [безкоштовно] - лекції з волонтерського курсу мого старшого колеги, старого знайомого, гідного волонтера та дійсно крутого дизайнера Тараса Шипки. В інстаграмі у нього також знайдете домашки до занять.
Курси від Cases (Creative Practive) [недорого] - курси за підпискою. Платите за місяць і самостійно вивчаєте якісний матеріал. (Увага! Не усі курси доступні за передплатою, будьте уважні і шукайте інформацію самостійно.) Рекомендую почати з Основ дизайну, потім Веб дизайн та після цього UI/UX дизайн. Є пробний період у 7 днів.
UI/UX дизайн від Projector [дорого] - топова українська школа з курсами, які не усім по кишені. Також мають менторську платформу, де можна купити консультацію у топових дизайнерів, та бібліотеку знань, де є у тому числі безкоштовні лекції.
🟡 Просунуті (коли вже навчилися малювати інтерфейси у Figma)
Google UX Design Professional Certificate [eng] - курс по UX дизайну від Google.
Enterprise Design Thinking [eng] - курс з дизайн мислення, дає бейджик на LinkedIn
Webflow University [eng] - очевидно, офіційний курс з Webflow. Навчіться перетворювати ваш вебдизайн на живі сайти та отримайте базові знання про принципи верстки.
. . . . .
➡️ Запрошую у наше комьюніті українських дизайнерів, де ви зможете знайти відповіді на свої запитання, поспілкуватись з однодумцями 💬 та дізнатися про інші курси, яких не знайшли у цьому пості. Welcome! 😉
#навчання #курси
Я залишу тут посилання на ті курси, які особисто вважаю вартими уваги. Втім, це не повний список гідних навчальних програм, а лише ті, у яких впевнена особисто я. Не реклама! Раджу від щирого серця, без жодного інтересу для себе.
🟢 UI/UX дизайн з нуля:
UI/UX дизайн українською [безкоштовно] - лекції з волонтерського курсу мого старшого колеги, старого знайомого, гідного волонтера та дійсно крутого дизайнера Тараса Шипки. В інстаграмі у нього також знайдете домашки до занять.
Курси від Cases (Creative Practive) [недорого] - курси за підпискою. Платите за місяць і самостійно вивчаєте якісний матеріал. (Увага! Не усі курси доступні за передплатою, будьте уважні і шукайте інформацію самостійно.) Рекомендую почати з Основ дизайну, потім Веб дизайн та після цього UI/UX дизайн. Є пробний період у 7 днів.
UI/UX дизайн від Projector [дорого] - топова українська школа з курсами, які не усім по кишені. Також мають менторську платформу, де можна купити консультацію у топових дизайнерів, та бібліотеку знань, де є у тому числі безкоштовні лекції.
🟡 Просунуті (коли вже навчилися малювати інтерфейси у Figma)
Google UX Design Professional Certificate [eng] - курс по UX дизайну від Google.
Enterprise Design Thinking [eng] - курс з дизайн мислення, дає бейджик на LinkedIn
Webflow University [eng] - очевидно, офіційний курс з Webflow. Навчіться перетворювати ваш вебдизайн на живі сайти та отримайте базові знання про принципи верстки.
. . . . .
➡️ Запрошую у наше комьюніті українських дизайнерів, де ви зможете знайти відповіді на свої запитання, поспілкуватись з однодумцями 💬 та дізнатися про інші курси, яких не знайшли у цьому пості. Welcome! 😉
#навчання #курси
👍8🔥4💯1
Привіт!🖐
Сьогодні поговоримо про дуже важливий елемент дизайну веб-сторінок — текстові поля та дизайн форм.
📚 У статті ви зможете дізнатись про анатомію текстових полів, їхні типи та рекомендації застосування. Окрім цього, розглянете переваги та недоліки використання у різних контекстах, ознайомитесь з підказками, які допоможуть зробити процес їх заповнення максимально приємним для користувачів.
🔗 Важливо памʼятати, що від адаптивності цих елементів напряму залежить те, чи буде виконана цільова дія з сайтом, адже форми - це обовʼязковий елемент продажу на сайті. Тому не нехтуйте цією інформацією й виводьте свій дизайн на новий рівень. 💪
#навчання #статті
Сьогодні поговоримо про дуже важливий елемент дизайну веб-сторінок — текстові поля та дизайн форм.
📚 У статті ви зможете дізнатись про анатомію текстових полів, їхні типи та рекомендації застосування. Окрім цього, розглянете переваги та недоліки використання у різних контекстах, ознайомитесь з підказками, які допоможуть зробити процес їх заповнення максимально приємним для користувачів.
🔗 Важливо памʼятати, що від адаптивності цих елементів напряму залежить те, чи буде виконана цільова дія з сайтом, адже форми - це обовʼязковий елемент продажу на сайті. Тому не нехтуйте цією інформацією й виводьте свій дизайн на новий рівень. 💪
#навчання #статті
🔥6👍2
Хей! 🖐
Ловіть новий плагін у скарбничку.😉
Image Tracer перетвоює будь-які растрові зображення на векторні в один клік.
Також з легкістю редагуються усі параметри.
Серед них найважливіші такі:
1⃣ Invert image ➖ інвертує частини зображення (пусті області стануть залитими, залиті - прозорими)
2⃣ Threshold ➖ налаштування межі. Чим вищий цей показник, тим чутливішим є плагін до тонких ліній та шумів.
3⃣ Blur ➖ згладжує дрібні нерівності.
Можна використовувати його як для роботи з іконками, так й як цікавий елемент дизайну (перевести контурне зображення, зменшити прозорість й застосувати як ілюстрацію на фоні, оскільки навіть з деталізованими елементами працює максимально круто).
#інструменти #плагіни_figma
Ловіть новий плагін у скарбничку.😉
Image Tracer перетвоює будь-які растрові зображення на векторні в один клік.
Також з легкістю редагуються усі параметри.
Серед них найважливіші такі:
1⃣ Invert image ➖ інвертує частини зображення (пусті області стануть залитими, залиті - прозорими)
2⃣ Threshold ➖ налаштування межі. Чим вищий цей показник, тим чутливішим є плагін до тонких ліній та шумів.
3⃣ Blur ➖ згладжує дрібні нерівності.
Можна використовувати його як для роботи з іконками, так й як цікавий елемент дизайну (перевести контурне зображення, зменшити прозорість й застосувати як ілюстрацію на фоні, оскільки навіть з деталізованими елементами працює максимально круто).
#інструменти #плагіни_figma
Figma
Image Tracer | Figma
Easily convert images into vector layers directly in Figma. 😎
Make infinitely scalable imagesConvert to coloured vector layersQuickly trace as a maskRestyle your imagesPlus more...
Learn more at the website.
Get a license from here.
When you run Image…
Make infinitely scalable imagesConvert to coloured vector layersQuickly trace as a maskRestyle your imagesPlus more...
Learn more at the website.
Get a license from here.
When you run Image…
👍12🔥2
Підготувала вам добірку плагінів Google Chrome, які стануть у нагоді дизайнерам та розширять можливості вашого браузера🚀
1⃣ Window resizer ➖ змінює розмір вікна браузера до необхідного. Допомагає тестувати макети для різних девайсів (телефон, планшет, ноутбук тощо).
2⃣ Image Downloader ➖ перегляд та завантаження зображення з вебсторінок без відкриття коду.
3⃣ What Font ➖ швидкий спосіб визначення шрифтів та параметрів тексту.
4⃣ Full Page Screen Capture ➖ робить повний знімок сайту зі скролом без реклами, деформації та додаткових дозволів.
5⃣ Pixel Perfect ➖ найзручніший спосіб перевірити співпадіння зверстаного сайту та макету. Дозволяє накласти напівпрозоре зображення поверх розробленї сторінки і порівняти пікселі між ними.
Сподіваюсь, що ви змогли знайти для себе нові корисні фішки. 🙌
До зустрічі!
#інструменти #плагіни_chrome
1⃣ Window resizer ➖ змінює розмір вікна браузера до необхідного. Допомагає тестувати макети для різних девайсів (телефон, планшет, ноутбук тощо).
2⃣ Image Downloader ➖ перегляд та завантаження зображення з вебсторінок без відкриття коду.
3⃣ What Font ➖ швидкий спосіб визначення шрифтів та параметрів тексту.
4⃣ Full Page Screen Capture ➖ робить повний знімок сайту зі скролом без реклами, деформації та додаткових дозволів.
5⃣ Pixel Perfect ➖ найзручніший спосіб перевірити співпадіння зверстаного сайту та макету. Дозволяє накласти напівпрозоре зображення поверх розробленї сторінки і порівняти пікселі між ними.
Сподіваюсь, що ви змогли знайти для себе нові корисні фішки. 🙌
До зустрічі!
#інструменти #плагіни_chrome
🔥16👍4
Сьогодні нагадаю вам про надважливу річ - візуальну ієрархію.
З її допомогою здійснюється організація матеріалу відповідно до рівня важливості компонентів.
Щоб ви могли ознайомитись із тим, як правильно побудувати візуальну ієрархію у своєму макеті та ознайомитись з прикладами, залишаю вам посилання на статтю.
P.s. Якщо вам складно дається читання англійською, то скористайтесь перекладом сторінки в Chrome, він досить добре та зрозуміло перекладе для вас текст.😉
#навчання #статті
З її допомогою здійснюється організація матеріалу відповідно до рівня важливості компонентів.
Щоб ви могли ознайомитись із тим, як правильно побудувати візуальну ієрархію у своєму макеті та ознайомитись з прикладами, залишаю вам посилання на статтю.
P.s. Якщо вам складно дається читання англійською, то скористайтесь перекладом сторінки в Chrome, він досить добре та зрозуміло перекладе для вас текст.😉
#навчання #статті
IxDF - Interaction Design Foundation
What is Visual Hierarchy? — updated 2026
Master visual hierarchy: prioritize elements, direct user focus, and improve usability with smart design. Learn more.
🔥10👍3
Вітаю! ✨
Розгляньмо новий цікавий ресурс.😉
Нaikei ➖ це генератор, який допоможе створювати унікальні ресурси для дизайну за кілька кроків:
1⃣ обраєте потрібний вам тип у полі зліва (крапка, хвиля, розмитий градієнт тощо).
2⃣ змінюєте налаштування відповідно до ваших потреб та вподобань (встановлюєте розмір полотна, налаштовуєте кільксть фігур та їх розмір, спотворення та колір).
3⃣ використавши кнопку кубика 🎲, рандомізуєте новий візуал. При цьому з кожним натисканням зображення все ще буде обмежуватись налаштуваннями, які відображаються на правій бічній панелі.
Грайте з ними, щоб відкривати нові круті візуальні ефекти. 😉✨
#дизайн_ресурси #безкоштовні
Розгляньмо новий цікавий ресурс.😉
Нaikei ➖ це генератор, який допоможе створювати унікальні ресурси для дизайну за кілька кроків:
1⃣ обраєте потрібний вам тип у полі зліва (крапка, хвиля, розмитий градієнт тощо).
2⃣ змінюєте налаштування відповідно до ваших потреб та вподобань (встановлюєте розмір полотна, налаштовуєте кільксть фігур та їх розмір, спотворення та колір).
3⃣ використавши кнопку кубика 🎲, рандомізуєте новий візуал. При цьому з кожним натисканням зображення все ще буде обмежуватись налаштуваннями, які відображаються на правій бічній панелі.
Грайте з ними, щоб відкривати нові круті візуальні ефекти. 😉✨
#дизайн_ресурси #безкоштовні
app.haikei.app
A web-based design tool to generate unique SVG design assets for websites, social media, blog posts, desktop and mobile wallpapers, posters, and more! Our generators let you discover, customize, randomize, and export generative SVG design assets ready to…
😍10👍3🔥1
Друзі, нумо продовжувати вдосконалювати свої знання!🤓
Контрасти - чому це важливо? Завдання дизайнера інтерфейсів полягає в тому, аби:
▪️ відволікати користувача від монотонності
▪️ своєрідно "керувати" його увагою, тобто виділяти певну інформацію, формуючи ієрархію (про яку ми з вами нещодавно говорили)
▪️ виклакати інтерес до вмісту тощо.
Саме про це стаття «How Contrast Works in User Experience Design». Особливо цікавими є розділи про друкарський контраст, його доступність та блок про занадто великий контраст.
Читайте й обов'язково застосовуйте теорію на практиці. Побачимось!🫶
#навчання #статті
Контрасти - чому це важливо? Завдання дизайнера інтерфейсів полягає в тому, аби:
▪️ відволікати користувача від монотонності
▪️ своєрідно "керувати" його увагою, тобто виділяти певну інформацію, формуючи ієрархію (про яку ми з вами нещодавно говорили)
▪️ виклакати інтерес до вмісту тощо.
Саме про це стаття «How Contrast Works in User Experience Design». Особливо цікавими є розділи про друкарський контраст, його доступність та блок про занадто великий контраст.
Читайте й обов'язково застосовуйте теорію на практиці. Побачимось!🫶
#навчання #статті
Medium
How Contrast Works in User Experience Design
Learn how contrast works in design for web and mobile user interfaces, and why it is important for a positive user experience.
👍11😍4
Усім привіт!
Я до вас з новими онлайн-інструментами, які можуть допомогти з рутинними задачами. 🙌
🔸 Zamzar — онлайн-інструмент для конвертації файлів (перетворює понад 1100 форматів). Вводите URL-адресу або завантажуєте один або кілька файлів (якщо всі вони мають однаковий формат) зі свого комп’ютера, після чого Zamzar перетворить їх в інший формат. Працює з такими популярними форматами: документи (PDF, DOC, DOCX ...), зображення (PSD, JPG, SVG ...), відео (3G2, 3GA, AVI...), аудіо (AAC, FLAC, M4R ...) тощо.
🔸 TinyPNG — сервіс, який стискає зображення, але при цьому максимально зберігає його якість. Може оптимізувати формати ebP, PNG і JPEG. Таке стиснення допомагає пришвидшити завантаження зображень та зекономити місце на хостингу. Особливо актуальним він є для рекламних банерів, які мають важити дуже мало.
🔸 Remove.bg — видалення фону з будь-якого фото. Крутий тим, що не потребує виділення шарів фону вручну, він все зробить автоматично за вас. Загалом його використання є безкоштовним, але для обробки фото у високій роздільній здатності та його подальшого використання в комерційних цілях, доведеться заплатити (~0.20$ за фото).
#дизайн_ресурси #безкоштовні
Я до вас з новими онлайн-інструментами, які можуть допомогти з рутинними задачами. 🙌
🔸 Zamzar — онлайн-інструмент для конвертації файлів (перетворює понад 1100 форматів). Вводите URL-адресу або завантажуєте один або кілька файлів (якщо всі вони мають однаковий формат) зі свого комп’ютера, після чого Zamzar перетворить їх в інший формат. Працює з такими популярними форматами: документи (PDF, DOC, DOCX ...), зображення (PSD, JPG, SVG ...), відео (3G2, 3GA, AVI...), аудіо (AAC, FLAC, M4R ...) тощо.
🔸 TinyPNG — сервіс, який стискає зображення, але при цьому максимально зберігає його якість. Може оптимізувати формати ebP, PNG і JPEG. Таке стиснення допомагає пришвидшити завантаження зображень та зекономити місце на хостингу. Особливо актуальним він є для рекламних банерів, які мають важити дуже мало.
🔸 Remove.bg — видалення фону з будь-якого фото. Крутий тим, що не потребує виділення шарів фону вручну, він все зробить автоматично за вас. Загалом його використання є безкоштовним, але для обробки фото у високій роздільній здатності та його подальшого використання в комерційних цілях, доведеться заплатити (~0.20$ за фото).
#дизайн_ресурси #безкоштовні
Zamzar
Zamzar - video converter, audio converter, image converter, eBook converter
Free online video converter, audio converter, image converter, eBook converter. No download or account required.
🔥11👍2
Хочу познайомити вас з плагіном.😉
Morph ➖ це чудовий інструмент, який може легко накладати на дизайн різні візуальні ефекти.✨
Пропоную більш детально розглянути його можливості:
1⃣ Skeuomorph — додає об'єм фігурам. Додатково можна налаштувати такі параметри: інтенсивність, напрямок світла, та види поверхні, які перейме ваша фігура.
2⃣ Neon — тут все просто. В один клік додасть неоновий контур. Також редагується інтернивність, можна змінювати колір, додавати чи прибирати фон.
3⃣ Glitch — створює роздвоєння, такий собі ефект "глітчу". Редагуванню підлягає рівень зсуву, кількість так званих "збоїв" та колір.
4⃣ Reflect — ефект тіні. Він зручний тим, що можна обрати її напрямок, жорсткість та дистанцію (відстань від самої фігури до тіні).
5⃣ Glassy — з його допомогою ефект матового скла можна робити в один клік. Додаткові налаштування: рівень розмитості, прозорості та обрати форму поверхні.
6⃣ Gradient — містить доволі багато налаштувань, які допомагають створити той самий ідеальний градієнт (градієнтна гармонія; палітра кольорів, яку можна переміксувати; позиція, яка допомагає переміщувати центри кольорів).
Можна ще багато говорити про його можливості, а можна власноруч спробувати й вже застосовувати у своїх роботах.😉
Користуйтесь!🙌
#інструменти #плагіни_figma
Morph ➖ це чудовий інструмент, який може легко накладати на дизайн різні візуальні ефекти.✨
Пропоную більш детально розглянути його можливості:
1⃣ Skeuomorph — додає об'єм фігурам. Додатково можна налаштувати такі параметри: інтенсивність, напрямок світла, та види поверхні, які перейме ваша фігура.
2⃣ Neon — тут все просто. В один клік додасть неоновий контур. Також редагується інтернивність, можна змінювати колір, додавати чи прибирати фон.
3⃣ Glitch — створює роздвоєння, такий собі ефект "глітчу". Редагуванню підлягає рівень зсуву, кількість так званих "збоїв" та колір.
4⃣ Reflect — ефект тіні. Він зручний тим, що можна обрати її напрямок, жорсткість та дистанцію (відстань від самої фігури до тіні).
5⃣ Glassy — з його допомогою ефект матового скла можна робити в один клік. Додаткові налаштування: рівень розмитості, прозорості та обрати форму поверхні.
6⃣ Gradient — містить доволі багато налаштувань, які допомагають створити той самий ідеальний градієнт (градієнтна гармонія; палітра кольорів, яку можна переміксувати; позиція, яка допомагає переміщувати центри кольорів).
Можна ще багато говорити про його можливості, а можна власноруч спробувати й вже застосовувати у своїх роботах.😉
Користуйтесь!🙌
#інструменти #плагіни_figma
👍14😍1
🔎 Друзі, шукаю дизайнера для креативів у соц.мережі (ютуб, тікток).
Буде простір для експериментів, але хочу знайти людину, яка вже впевнено робить красиве, добре знається на композиції, типографіці і кольорах, бо навчати не матиму часу. Зацікавлених прохання кидати портфоліо в особисті (можна картинками, не менше 5): @valeriamarus
Буде простір для експериментів, але хочу знайти людину, яка вже впевнено робить красиве, добре знається на композиції, типографіці і кольорах, бо навчати не матиму часу. Зацікавлених прохання кидати портфоліо в особисті (можна картинками, не менше 5): @valeriamarus
👍6
Новий день — нова добірка цікавих сайтів.😌 Сьогодні усі ресурси пов'язані з фото та відео. Погнали!
🟠 Duotone. Тут можна знайти велику кількість безкоштовних двоколірних зображеннь. Застосувати цей ефект можна й на власних фото, завантаживши їх на платформу. (Цікавим прийомом може бути використання на фотокартці двох контрастних кольорів бренду 😉)
🟠 Generated photos. Штучний інтелект генерує портретні світлини неіснуючих людей. Таким чином можна не перейматись про авторські права й використовувати ці фото в будь-яких цілях.
🟠 Coverr.co. Це сток з безкоштовними відеоматеріалами для комерційного та некомерційного використання, який не вимагає жодних посилань на джерело. Усі відео у високій якості й завантажуються без жодних труднощів.
Щиро сподіваюсь, що усі ресурси стануть вам в пригоді. До зустрічі!💛💙
#дизайн_ресурси #фото #відео
🟠 Duotone. Тут можна знайти велику кількість безкоштовних двоколірних зображеннь. Застосувати цей ефект можна й на власних фото, завантаживши їх на платформу. (Цікавим прийомом може бути використання на фотокартці двох контрастних кольорів бренду 😉)
🟠 Generated photos. Штучний інтелект генерує портретні світлини неіснуючих людей. Таким чином можна не перейматись про авторські права й використовувати ці фото в будь-яких цілях.
🟠 Coverr.co. Це сток з безкоштовними відеоматеріалами для комерційного та некомерційного використання, який не вимагає жодних посилань на джерело. Усі відео у високій якості й завантажуються без жодних труднощів.
Щиро сподіваюсь, що усі ресурси стануть вам в пригоді. До зустрічі!💛💙
#дизайн_ресурси #фото #відео
👍12🔥5
Вітаю!🖐
Сьогодні всі розуміють, як важливо підтримувати все українське. Тому хочу залишити вам шрифти чудових українських дизайнерів.
🔹 Nyght Serif - шрифт Максима Кобузана. У ньому поєднуються плавні вигини та гострі, як лезо, засічки.
🔸 Work Sans + Work Grotesk. Автор Іван Цанко-Хлібович. Це гротескні шрифти, які чудово єднаються в пару.
🔹 Kyiv Region - шрифт Дмитра Растворцева. Для його створення аналізувалась велика кількість історичних явищ, як наприклад стародавні памʼятки Київської Русі та рукописи періоду бароко.
🔸 Lutsk. Автор Кирило Ткачов. Це декоративний шрифт, який базується на книжковій та журнальній графіці першої половини XX століття.
🔹 Kharkiv Tone Катерини Дрозд. Створюючи його, авторкиня надихалась написами зі стін міста, тому шрифт є дуже цікавим з погляду концепту.
🔸 Mariupol. Автор Андрій Шевченко. Геометричний гротеск, розроблений для брендингу міста-героя Маріуполя.
#дизайн_ресурси #шрифти
Сьогодні всі розуміють, як важливо підтримувати все українське. Тому хочу залишити вам шрифти чудових українських дизайнерів.
🔹 Nyght Serif - шрифт Максима Кобузана. У ньому поєднуються плавні вигини та гострі, як лезо, засічки.
🔸 Work Sans + Work Grotesk. Автор Іван Цанко-Хлібович. Це гротескні шрифти, які чудово єднаються в пару.
🔹 Kyiv Region - шрифт Дмитра Растворцева. Для його створення аналізувалась велика кількість історичних явищ, як наприклад стародавні памʼятки Київської Русі та рукописи періоду бароко.
🔸 Lutsk. Автор Кирило Ткачов. Це декоративний шрифт, який базується на книжковій та журнальній графіці першої половини XX століття.
🔹 Kharkiv Tone Катерини Дрозд. Створюючи його, авторкиня надихалась написами зі стін міста, тому шрифт є дуже цікавим з погляду концепту.
🔸 Mariupol. Автор Андрій Шевченко. Геометричний гротеск, розроблений для брендингу міста-героя Маріуполя.
#дизайн_ресурси #шрифти
Behance
NYGHT SERIF v0.5 — Free Font | Latin | Cyrillic - Maksym Kobuzan
NYGHT SERIF is a contemporary serif with a spicy character. Its contrasting forms combine smooth curves and sharp as a blade serifs and spurs. NYGHT SERIF has been awarded a Typographic Excellence Certificate at TDC69.
👍12🔥8😍3
Хей!
Нумо додавати яскраві барви у своє життя, точніше у власні дизайни! Сьогодні залишаю вам ресурси, які пов'язані з кольором.🌈
🟡 Happy Hues — цікавий сайт з готовою палітрою кольорів. Можна одразу побачити як вони виглядатимуть у поєднанні й використати у своїх інтерфейсах.
🟡 Аdobe Color — вебпрограма та творча спільнота, де ви та інші художники можете створювати та ділитися кольоровими темами та натхненням. У розділі «create» можливе створення палітри за допомогою колірного кола, а у «trends» ознайомитесь з поточними колірними тенденціями. Ну і маленький бонус — цікава гра на відтворення послідовності кольорів.
🟡 Кhroma — ресурс, який спочатку попросить вас обрати відтінки, які вам до вподоби, а пізніше за допомогою штучного інтелекту згенерує безмежну кількість палітр.
Навіть просто переглянувши ці ресурси, підіймається настрій й з'являється бажання творити щось прекрасне. Тож бажаю вам безмежного натхнення.✨😌
#інструменти #колір
Нумо додавати яскраві барви у своє життя, точніше у власні дизайни! Сьогодні залишаю вам ресурси, які пов'язані з кольором.🌈
🟡 Happy Hues — цікавий сайт з готовою палітрою кольорів. Можна одразу побачити як вони виглядатимуть у поєднанні й використати у своїх інтерфейсах.
🟡 Аdobe Color — вебпрограма та творча спільнота, де ви та інші художники можете створювати та ділитися кольоровими темами та натхненням. У розділі «create» можливе створення палітри за допомогою колірного кола, а у «trends» ознайомитесь з поточними колірними тенденціями. Ну і маленький бонус — цікава гра на відтворення послідовності кольорів.
🟡 Кhroma — ресурс, який спочатку попросить вас обрати відтінки, які вам до вподоби, а пізніше за допомогою штучного інтелекту згенерує безмежну кількість палітр.
Навіть просто переглянувши ці ресурси, підіймається настрій й з'являється бажання творити щось прекрасне. Тож бажаю вам безмежного натхнення.✨😌
#інструменти #колір
👍11🔥1
🔺Навігація🔻
Щоб не загубитись в потоці інформації, тримай хештеги для швидкого пошуку потрібного матеріалу.
☑️ #нове_відео
☑️ #інструменти
✔️#плагіни_figma
✔️#плагіни_chrome
✔️#колір
✔️#доступність
☑️ #дизайн_ресурси
✔️#шрифти
✔️#ілюстрації
✔️#іконки
✔️#графіка
✔️#безкоштовні
✔️#фото
✔️#відео
✔️#ui_kit
✔#мокапи
✔#референси
☑️ #навчання
✔️#відеолекції
✔️#статті
✔️#курси
Посилання:
☑ Комьюніті українських дизайнерів
☑ YouTube: Marus Design
☑ Instagram: Valeria Marus
Скоро усі рубрики будуть поповнюватися великою кількістю корисних ресурсів.✨
Щоб не загубитись в потоці інформації, тримай хештеги для швидкого пошуку потрібного матеріалу.
☑️ #нове_відео
☑️ #інструменти
✔️#плагіни_figma
✔️#плагіни_chrome
✔️#колір
✔️#доступність
☑️ #дизайн_ресурси
✔️#шрифти
✔️#ілюстрації
✔️#іконки
✔️#графіка
✔️#безкоштовні
✔️#фото
✔️#відео
✔️#ui_kit
✔#мокапи
✔#референси
☑️ #навчання
✔️#відеолекції
✔️#статті
✔️#курси
Посилання:
☑ Комьюніті українських дизайнерів
☑ YouTube: Marus Design
☑ Instagram: Valeria Marus
Скоро усі рубрики будуть поповнюватися великою кількістю корисних ресурсів.✨
👍11🔥3