Щось дизайнер написав...

✔ День 7/50 челенджу #50UIchallenge Сьомий день челенджу! Сьогодні ідея з коментарів. Взяв Date Picker та інтегрував його у таск-менеджер. Суть у швидкому додаванні задачі на сьогодні або на вибрану дату. Обрали дату, натиснули «+», ввели заголовок - і готово. Чернетка задачі створена, щось на кшталт швидких нотаток. Після цього можна відкрити задачу та додати деталі. Але то вже зовсім інша істрія, сьогодні про Date Picker 🥸 Відкрити у Figma #ui #mobile #50UIchallenge 😍 Щось дизайнер написав...

Ще два дні пережити і знову вихідні 💪🏻 А щоб їх пережити і мати під рукою референси, підібрав для вас сайти де можна підгледіти класні ідеї для Landing Page. Готуйте кармани Ресурси та галереї для натхнення під час розробки Landing Page — 4/16. Landbook — Знайдіть найкращі ретельно підібрані ідеї для цільових сторінок, які оновлюються щодня. Landingfolio — Найкращі ідеї для дизайну цільової сторінки, шаблони та багато іншого. Lapa Ninja — це галерея, що містить понад 2000 найкращих прикладів цільових сторінок з усього Інтернету. Mobbin — Заощаджуйте години досліджень завдяки бібліотеці з понад 100 000 знімків екранів веб-сайтів, які можна повністю переглядати. One Page Love — Односторінкові веб-сайти, шаблони та ресурси. Landings — Відкрийте для себе сотні цільових сторінок, які надихнуть вас на створення власних дизайнів. SaaSFrame — Створюйте цільові сторінки швидше, ніж будь-коли, за допомогою цієї бібліотеки UX/UI. SaaS Landing Page — Відкрийте для себе найкращі приклади цільових сторінок, створених провідними SaaS-компаніями, і надихайтеся. Awesome Marketing — Знайдіть найкращі маркетингові веб-сайти в Інтернеті. І не забуваємо за старі добрі awwwards, cssdesignawards, FWA де також можна знайти круті Landing Page та напхати повні кармани ідей. Буду вдячний за лайк. Також діліться з колегами 🫰🏻 #Inspiration 😍 Щось дизайнер написав...

Привіт 👋🏻 Ніяк не можу визначитися з інтерфейсом на завтра. Може, підкажете щось? #50UIchallenge 😍 Щось дизайнер написав...

✔ День 6/50 челенджу #50UIchallenge Шостий день челенджу! Зараз накопичилося дуже багато справ, і усе це стає справжнім викликом. Хотів зібрати для вас класні сервіси для натхнення, але встиг лише зробити концепцію дизайну, а інформаційний пост буде вже ввечері. Сьогодні — продовження дня 5. У процесі мені захотілося додати можливість відкривати текст пісні у вигляді «караоке», що, в принципі, я й зробив. Також зробив віджет для швидкого перемикання треків із головного екрана або екрана блокування. Тож - робимо продовження вчорашнього плеєра, і йдемо шукати наступну ідею. 🥸 Відкрити у Figma #ui #mobile #50UIchallenge 😍 Щось дизайнер написав...

✔️ День 5/50 челенджу #50UIchallenge П'ятий день челенджу! Сьогодні у нас шматочок інтерфейсу потокового відтворення музики. Зробив у легкому стилі, без зайвих елементів - лише те, що потрібно. Традиційно все додав у🥸 Figma 🥸 Відкрити у Figma #ui #mobile #50UIchallenge 😍 Щось дизайнер написав... 😍 Product Design * Motion in App

Робота з паттернами в 🥸 Figma #design #tips 😍 Щось дизайнер написав... 😍 Product Design * Motion in App

✔️ День 4/50 челенджу #50UIchallenge Четвертий день челенджу! Є певне розуміння, що це буде нелегко 😅 Але дуже приємно, що є дизайнери, які долучаються до челенджу та роблять круті роботи 💪🏻 Сьогодні у нас інтерфейс, "TO-DO" таск менеджера, а саме картку задачі у двох станах. Додав статуси й прогрес виконання, виніс ключові теги й пріоритет, зробив чітке розділення між процесом та завершеними задачами. Традиційно все додав у🥸 Figma 🥸 Відкрити у Figma #ui #mobile #50UIchallenge 😍 Щось дизайнер написав... 😍 Product Design * Motion in App

Трішки пізній пост про шрифт, який я використав у своїх останніх роботах у рамках челенджу. Шрифт IBM Plex Mono — це корпоративний шрифт IBM у всьому світі та проект з відкритим кодом, розроблений командою IBM Brand & Experience. IBM Plex Mono — стильний та функціональний моноширинний шрифт — Чіткі рівні пропорції, добре читається навіть у малих розмірах — Підходить для інтерфейсів, коду, таблиць і технічних проєктів — Має підтримку української мови та виглядає гармонійно з кирилицею — Безкоштовний і доступний у Google Fonts Саме через ці переваги і був обраний цей шрифт. А завантажити його можна за посиланням нижче: ⬇️ Забрати архів зі шрифтом #free #fonts 😍 Щось дизайнер написав... 😍 Product Design * Motion in App

✔️ День 3/50 челенджу #50UIchallenge Третій день челенджу! Чомусь мені подобається стиль, який був заданий у перший день челенджу. Подумав над тим, щоб продовжити працювати в цьому або подібному стилі, щоб зберігалася консистентність у дизайні, а всі елементи можна було зібрати в цілісну бібліотеку, а не в набір випадкових компонентів. Сьогодні у нас інтерфейс, який відображає загальну вартість активу в портфелі, історію зміни ціни, транзакції з цим токеном та можливість заробітку. Усе запаковано в Bottom Sheet, адже це швидкий перегляд окремого токена, а не всього портфеля. Традиційно все додав у🥸 Figma 🥸 Відкрити у Figma #ui #mobile #50UIchallenge 😍 Щось дизайнер написав... 😍 Product Design * Motion in App

Корисний віджет у 🥸Figma У Figma є віджети, які справді можуть суттєво розширити можливості роботи над проєктами. Нещодавно знайшов «Камінь, ножиці, папір», з яким можна вирішувати спірні моменти з командою прямо під час дзвінка. Звісно, це жарт, кому воно потрібно 😅 Сьогодні хочу поділитися реально корисною знахідкою - Activity Tracker. Це простий і зручний трекер часу, який працює безпосередньо у Figma. Я використовую його постійно - і в роботі, і для челенджу #50UIchallenge. Дуже зручно: ставиш трекер біля макету й більше не потрібно відволікатися на сторонні сервіси чи додатки. Ідеально підходить для особистого тайм-менеджменту, коли не потрібні звіти. А ви користуєтеся віджетами у Figma? Поділіться своїми рекомендаціями👇 #figma #widget 😍 Щось дизайнер написав... 😍 Product Design * Motion in App

✔️ День 2/50 челенджу #50UIchallenge Другий день челенджу! Замислився над тим, чи входять субота й неділя у рамки цього челенджу. Здається, я трохи прорахувався і потрібно було назвати його "50 робочих днів челендж" 😅 Менше з тим, сьогодні зробив невеликий фрагмент інтерфейсу для налаштування прав адміністраторів. Витратив трохи більше години, але це через інтерактивність у 🥸 Figma 🥸 Відкрити у Figma #ui #mobile #50UIchallenge 😍 Щось дизайнер написав... 😍 Product Design * Motion in App

У дизайн-системах золоте правило звучить так: Внутрішній радіус = зовнішній радіус - padding. Нещодавно наробив купу компонентів в дизайні, і забув за це правило. Та добре що радіуси додаю у Variables. І 100 компонентів були врятовані за декілька хвилин. Щоб цього не допустити нагадую собі, та вам просту математику.

60 (зовнішній) - 20 (padding) = 40 (внутрішній)

#design #tips 😍 Щось дизайнер написав... 😍 Product Design * Motion in App

✔️ День 1/50 челенджу #50UIchallenge Сьогодні старт челенджу! Натхненний мрією про час, коли знову можна буде вільно подорожувати, я розробив UI-картку з інформацією про переліт. 🥸 Відкрити у Figma #ui #mobile #50UIchallenge 😍 Щось дизайнер написав... 😍 Product Design * Motion in App

Не писав нічого про iPhone, бо всіх і так дістала ця тема. Але це крик 😂 Знайшов на просторах LinkedIn і хочу поділитись з вами. Автор не відомий #offtop 😍 Щось дизайнер написав... 😍 Product Design * Motion in App

50 UIs Challenge ⚡️ Я придумав не зовсім новий, але крутий челендж: 50 днів — 50 UI-елементів. Щодня створюватиму один невеликий елемент інтерфейсу (кнопку, форму, картку тощо) й публікуватиму результат тут. Закликаю вас приєднуватися, ділитися своїми варіантами в коментарях. Навіщо це мені? - Набити руку в щоденному дизайні. - Знайти нові прийоми та стилі. - Розвинути надивленість. - Позбутися страху чистого аркуша. Що буде у фіналі? - Зберу всі 50 робіт у гарну презентацію на Behance. - Оберемо 5 найкращих варіантів від вас. Проведемо голосування в каналі та найкращий отримає преміум ТГ на 3 місяці. - Запакуємо ці елементи в круту анімацію ✨ Головне правило: не пропускати дні та не витрачати більше ніж 1 годину на концепт. Я публікуватиму з тегом #50UIchallenge, щоб зручно відстежувати. Приєднуйтесь: Повторюйте й діліться своїми варіантами в коментарях. Разом буде цікавіше й корисніше 🔥 #50UIchallenge 😍 Щось дизайнер написав... 😍 Product Design * Motion in App

Пряма трансляція з ринку найму продуктових дизайнерів 😅 #humor 😍 Щось дизайнер написав... 😍 Product Design * Motion in App

Пряма трансляція з ринку найму продуктових дизайнерів 😅 #humor 😍 Щось дизайнер написав... 😍 Product Design * Motion in App

😅 Adobe Premiere отримає додаток для iPhone Новий додаток Premiere поєднує в собі потужні інструменти та функції на базі ШІ, для створення професійного відеоконтенту. За допомогою інтеграції Adobe Firefly користувачі можуть створювати унікальні візуальні та звукові ефекти і використовувати мільйони стокових матеріалів і готових пресетів для своїх проєктів. Дуже добре що великі продукти знаходять собі місце в мобільному інтерфейсі 👍🏻 #news 😍 Щось дизайнер написав... 😍 Product Design * Motion in App

У Figma тепер можна легко розрізати фігуру по будь-якому шляху за допомогою Shape Builder Tool ▫️ Намалюй шлях, яким хочеш «розрізати» фігуру ▫️ Виділи об'єкт і контур ▫️ Натисни "M" і клацай по потрібних областях #design #tips 😍 Щось дизайнер написав... 😍 Product Design * Motion in App