Marus Design UX/UI
1.84K subscribers
315 photos
32 videos
346 links
Нотатки дизайнерки інтерфейсів.

🔺️ Канал на YouTube:
https://youtube.com/@Valeriamarus

🔺️ Мій Instagram:
https://instagram.com/valeria_marus

Щодо співпраці:
@valeriamarus
Download Telegram
Якщо термін «дизайн-система» викликає у вас страх та занепокоєння — обовʼязково зверніть увагу на цей гайд.

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

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

#дизайн_ресурси #безкоштовні #навчання
__

Підписуйся на Marus Design:
Telegram | YouTube | Instagram
👍7🔥5❤1
Доброго ранку і шоб у всіх була робота 😉

#мемасики
__

Підписуйся на Marus Design:
Telegram | YouTube | Instagram
🤣13❤10👍1
👨‍💻 Давайте знайомитись!

Вас тут вже стало так багато, що я не впевнена, що усі з вас знають, хто стоїть за цими постами)

👩‍🎨 Мене звати Лєра, я починала у 2016 як веб-дизайнер, і наразі маю майже 8 років досвіду роботи з UI/UX, розробляючи інтерфейси для абсолютно різноманітних продуктів в компаніях та на фрілансі. А просто зараз працюю фултайм в аутсорс компанії, звідки мене майже рік тому "продали" на британський продукт у сфері музики 🎶

👩‍🎨 Окрім цього телеграму, я ще веду ютуб-канал Marus Design, про дизайн (як несподівано!), і, хоча роблю це доволі ліниво через брак часу, відеомейкінг мене неймовірно захоплює ❤️Я буду дуже вдячна за вашу підтримку там, за підписки та коментарі, бо саме фідбек більш за все надихає мене створювати корисні відео для моїх любих глядачів)

👩‍🎨 Якщо ви не знали - я також маю телеграм-спільноту українських дизайнерів, де можна поспілкуватися або отримати пораду)

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

Радітиму, якщо в коментарях до цього поста ви напишете пару слів про себе і ми познайомимось поближче, бо насправді головні зірки каналу - це ви, любі дизайнери, адже без мені не було б для кого його вести 💜
Please open Telegram to view this post
VIEW IN TELEGRAM
❤47🔥4👍2
🚛Велетенська бібліотека готових дизайн-елементів!

Figcomponents — місце, де зібрано ну дуже багато всього цікавого: від мікро-елементів типу лого, чекбоксів та пагінації до таких складних організмів як таблиці, форми, дашборди та навіть цілі сторінки!

Це може дуже прискорити ваш процес проєктування, бо потрібний елемент можна дуже легко скопіювати і вставити безпосередньо у Фігму.
Copy → paste → трохи магії → готово ✅

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

#дизайн_ресурси #безкоштовні
__

Підписуйся на Marus Design:
Telegram | YouTube | Instagram
Please open Telegram to view this post
VIEW IN TELEGRAM
❤14🔥6
Новини! Цього тижня дуже багато цікавенького 👨‍💻

🟣 1. Міністр цифрової трансформації, відкрив завісу та повідомив, що в «Дії» з'явиться віртуальне одруження через відеозвʼязок! Звісно, деталі поки що тримаються в секреті. Але вже тепер ясно, що це нововведення дозволить нашим військовослужбовцям укладати шлюб навіть на відстані. Неймовірно, чи не так?

🟣 2. Projector запускає AI-стартап "LEZO" для спрощення найму та пошуку роботи за допомогою підходу "skill-first hiring". Він використовуватиме алгоритми ШІ для аналізу резюме та вакансій й додаватиме всю інформацію у базу даних, а кандидати отримуватимуть push-сповіщення про релевантні пропозиції, що дозволить взаємодіяти без зайвого очікування.

🟣 3. Українська креативна студія Obys знову здобула нагороду — Studio of The Year 2023 від CSS Design Awards! В'ячеслав Олянишин, артдиректор Obys, радісно поділився цією новиною. Це вже третя перемога за останні 4 роки! Тож вітаємо!

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

🟣 5. Український застосунок для тренування мозку, Impulse від Headway, став лідером у всьому світі в категорії Health & Fitness на App Store. Impulse випереджає навіть свого конкурента Flo. Зараз налічується понад 55 мільйонів завантажень та висока середня оцінка 4,7 в App Store. Це справжнє досягнення!

🟣 6. iOS 18 обіцяє стати найбільшим оновленням в історії iPhone! У новій версії з'являться просторові елементи інтерфейсу Vision Pro. Анонс планується на літню конференцію WWDC 2024, а публічна версія очікується у вересні. Тож готуйтеся до нових можливостей iOS ❤️‍🔥.

#дайджест #новини
__

Підписуйся на Marus Design:
Telegram | YouTube | Instagram
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11🤩2
Задумувались колись як виглядають портфоліо дизайнерів, що працюють у Meta, Google, Airbnb та інших провідних компаніях?

🟣 А от і не треба думати-гадати, бо є Cofolios — місце, де зібрано усі сайти-портфоліо справжніх профі 😎

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

Тому переглядайте, ловіть інсайти й успіху вам! 😉

#дизайн_ресурси #безкоштовні
__

Підписуйся на Marus Design:
Telegram | YouTube | Instagram
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥15👍1
Обʼємне натхнення від Shopify! ☀️
Мені одній захотілося вивчити 3D після перегляду цього сайту? 🤔

>> Тиц <<

#натхнення
__

Підписуйся на Marus Design:
Telegram | YouTube | Instagram
Please open Telegram to view this post
VIEW IN TELEGRAM
❤10🤩3
Дизайн-система є справжнім гігантом, і для її створення необхідне залучення не тільки дизайнерів, а усієї команди продукту. Сьогодні хочу поділитись статтею від дизайн-менеджерки Spotify про те, як компанія пішла шляхом багатоплатформної дизайн-системи. Це не гайд, але багато говорить про процеси в компаніях-гігантах:

👩‍🎨 Які особливості має кросплатформнний дизайн?
👩‍🎨 Які проблеми виникають при керуванні декількома платформами одночасно?
👩‍🎨 Як зробити дизайн-систему великого продукту ефективною та такою, яка швидко й легко масштабується?

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

P.S. Минулого разу я ділилася з вами інтерактивним гайдом для створення дизайн-системи - якщо раптом ви його пропустили, то клікайте сюди.

#навчання #статті
__

Підписуйся на Marus Design:
Telegram | YouTube | Instagram
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7👍1
Хеппі мандей, ловіть останні новини дизайн-сфери ☀️

🟣 1. Українська студія MintType презентувала новий шрифт із засічкками — Periodica. У нього 18 варіацій з 9 різними товщинами та курсивом й підтримкою 130 мов! Ціна гарнітури 2945 гривень, але для українців приємний бонус — 50% знижки.

🟣 2. Український науково-дослідний інститут Гарвардського університету представив вебсайт Fontes: Джерела відкритого доступу для української історії. Тепер всі можуть з легкістю переглянути архівні документи, книги, періодичні видання, фотографії, фільми та інші ресурси. 🔥

🟣 3. Skvot та Spiilka випустили подкаст «Звукопис українського дизайну», де ведучі та креативні директори досліджують український дизайн від герба Кричевського до державних сервісів у смартфонах. П'ять випусків вже чекають на вас на YouTube, Spotify та Apple Podcasts!

🟣 4. Дизайн-бюро Spiilka розробляє єдину систему дизайну для українських профтехнічних закладів. Ця система включає власний шрифт, систему кольорового кодування, набір символів та інші елементи. Мета проєкту — надати профтехам сучасні інструменти для самостійного оновлення своєї айдентики, враховуючи відсутність професійних дизайнерів всередині закладів.

🟣 5. Spiilka провела ребрендинг британського бренду космецевтики Hormones+You, що спеціалізується на природних та персоналізованих гормональних препаратах для жінок. Підхід дуже цікавий: забули про стереотипи й віддали перевагу сміливому синьому кольору та харизматичним ілюстраціям.

#дайджест #новини
__

Підписуйся на Marus Design:
Telegram | YouTube | Instagram
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3
Давно у нас не було... ілюстрацій! Виправляємо!

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

🟣 Illu — близько 500 абсолютно безкоштовних ілюстрацій у PNG та SVG форматі, що додадуть вашим проєктам яскравості без необхідності витрачати додаткові кошти, оскільки всі елементи абсолютно безкоштовні.

🟣 Open Doodles — сет ілюстрацій у одному стилі. Цікаві тим, що деякі з них доступні до завантаження не тільки у SVG та PNG, а ще й у GIF форматі.

🟣 Аbsurd — нетипові «абсурдні» ілюстрації, які відправляють користувача в подорож уявою. Однак членство, яке дозволяє завантажувати й використовувати матеріали у SVG та PNG форматах коштує 20$ в місяць.

#дизайн_ресурси #ілюстрації
__

Підписуйся на Marus Design:
Telegram | YouTube | Instagram
❤6🔥4
Майстер-клас UX: Корисні поради із прикладами для зручного інтерфейсу.

🟣 UX Tips — вдалі вказівки від Джима Раптіса, які допоможуть підвищити конверсію й зробити користувачів щасливішими за допомогою простих UX-підказок від реальних продуктів. Тут і про соціальний доказ, і про екран входу, і про акценти й не тільки!

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

#дизайн_ресурси #безкоштовні #навчання
__

Підписуйся на Marus Design:
Telegram | YouTube | Instagram
🔥6❤1
Найцікавіші новини українського дизайну за останні сім днів 🍬

1. До 10-річниці російсько-української війни Укрпошта випустила поштовий випуск «І буде весна!», створений дизайнером Володимиром Тараном. Блок відтворює значущі світлини війни: захоплення аеропорту «Бельбек», воїна на «Азовсталі», весілля медиків-волонтерів у Харкові та багато інших.

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

3. У Києві з 1 по 7 квітня 2024 року відбудеться наймасштабніша креативна подія року — тиждень українського дизайну та інновацій! Фестиваль об'єднає різні напрямки дизайну: промисловий, графічний, дизайн інтер'єру, архітектура тощо, тому кожен професіонал і молодий талант матиме можливість проявити себе!

4. Безкоштовний набір шрифтів KTF Metro, натхненний київським метрополітеном, тепер доступний онлайн. Проєкт має на меті зберегти та передати друкарську спадщину столиці через створення гарнітури, інспірованої літерами Київського метрополітену.

5.Михайло Федоров анонсував застосунок «Мрія», що відкриває нові горизонти в освіті й пропонуватиме програми для розвитку здібностей учнів. Дизайн майбутнього застосунку дуже перегукується з «Дією» – немовірно цікаво побачити його повністю!

Продуктивного понеділка та чудового тижня вам, спільното!

#дайджест #новини
__

Підписуйся на Marus Design:
Telegram | YouTube | Instagram
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9
Ваші помічники для експериментів із кольором 🎨

🟣 Foundation — фігма-плагін, що створює колірні палітри, використовуючи сучасні системи дизайну (Material, Atlassian, Orbit і Ant Design). В один клік можна згенерувати палітру, додати її в токени та отримати опис, включно з інформацію про доступність (рівень контрастності кожного відтінку відносно білого та чорного кольорів).

🟣 Shadergradient — цей чарівник оживить ваші градієнти і забезпечить можливість додати їх у Figma, Framer або як компонент у React. Градієнти можна змінювати як завгодно: редагувати силу шуму, зернистість, освітлення тощо.

🟣 ColorMagic — швидкий і зручний онлайн-інструмент на основі штучного інтелекту для створення палітри кольорів для вашого дизайну за ключовими словами.

#інструменти #колір
__

Підписуйся на Marus Design:
Telegram | YouTube | Instagram
❤9🔥2
Переглядати комікси і вивчати UX? Неа, це не фантазія)

Growth design — це місце, де можна дізнатись про плюси та мінуси UX дизайну реальних продуктів через комікси.

Наприклад:
🟣 6 психологічних принципів, завдяки яким Spotify щороку стає вірусним;
🟣 як Linkedin збільшив кількість сповіщень на 500%;
🟣 як YouTube спробував вирішити парадок вибору
та інші.

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

#дизайн_ресурси #безкоштовні #навчання
__

Підписуйся на Marus Design:
Telegram | YouTube | Instagram
❤17🔥1
Привіт, котики-дизайнери 😉
Маю важливе питання до вас

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

Чи було б вам цікаво бачити більше порад та теревень про дизайн від мене, аніж посилань? Або ж ви тут саме для того, щоб відкривати для себе нові ресурси та корисні статті? Голосуйте в полі або пишіть коментарі до допису, дуже чекаю на ваші відповіді вище ⬆️
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥12
На вихідних відзняла для вас аж два нових відео! Давно не було новенького на ютубі, тож сподіваюся, вам сподобається)

Але я трошки бентежуся 🫣 Одне буде супер корисне і розпочне цикл відео про UX та користувацькі дослідження, і тут я більш впевнена.

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

Чомусь такий розважальний контент я не дуже асоціюю зі своїм каналом, хоча сама дивитися дуже люблю. Скажіть, чи цікаво вам слухати такі напівкорисні відео, або чекаєте суто освітніх відосів? Можливо, навпаки хочеться більше розслабленого контенту? Діліться думками)
❤31🔥6
Засумували за шрифтами? Нова добірка! Усі безкоштовні, усі підтримують кирилицю, усе по феншую, як ви любите 😁

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

➰Moreno — шрифт із власною індивідуальністю. Вільний і неформальний за природою, але водночас стабільний і надійний. Доступний у 8 накресленнях, містить також додаткові 4 стилі.

➰Zantroke — суперсміливий, суперцікавий, виділяється своєю силою та насиченістю. Доступний у одному накресленні.

➰Outward — унікальність гарнітури полягає у висоті та щільності, тому його вигляд спрвді винятковий. Доступний у трьох варіантах: Block (звичайний), Round (курсив) і Borders (жирний).

#дизайн_ресурси #шрифти #безкоштовні
______

Підписуйся н
а Marus Design:
Telegram | YouTube | Instagram
❤14👍6
Сподіваюсь, ваш день проходить добре, бо мій - так) Сиджу готуюсь до технічного ревью, яке буде завтра. Складаю план того, що хочу розказати: які скіли отримала, що нового для себе робила, як працювала над великим проєктом та який є прогресс. Трошки нервую 😬 завтра розкажу як пройшло
❤14
This media is not supported in your browser
VIEW IN TELEGRAM
❤25👍3