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

🦖 Друзі-дизайнери, я йду на Dysarium у Львові! Два дні натхнення, креативу й глибоких розмов про те, як ми себе формуємо через дизайн, бренд, особистість та контекст і ще купа бла бла... Будуть лекції від топових спікерів, Панельні дискусії та воркшопи, і звичайно ж єдина користь від подібних заходів це нетворкінг. Якщо ви теж підете - маякніть, буде круто зустрітися “на місці”! Найдемось у нашому чатику: https://t.me/what_dzgn_chat #Dysarium2025 #Львів 😍 Щось дизайнер написав...

✔ День 19/50 та 20/50 челенджу #50UIchallenge Вчора більшу частину дня провів у дорозі, тому не встиг викласти пост 19/50. Сьогодні знову подвійний 🙂. Учора доробив картку для сонячних панелей, а сьогодні — UI для електронного квитка на потяг. 🥸 Відкрити у Figma Хто бере участь у челенджі - перевірте, чи ви підписані на чат https://t.me/what_dzgn_chat та додайте свої роботи, яких ще немає у Figma (посилання ) коментарями. Я потім перенесу їх у ваші секції, а для тих, у кого секції ще немає - створю нові. #ui #50UIchallenge 😍 Щось дизайнер написав...

Оптимальні налаштування для ефекту GLASS у 🖌 Figma #design #tips 😍 Щось дизайнер написав...

✔ День 16-17/50 та 18/50 челенджу #50UIchallenge Вирішив на вихідних вас не відволікати від відпочинку. Хто наздогнав челендж, ось мої шоти за вихідні та понеділДок: — Інтерфейс свапалки в гаманці. — Віджет для мітингів. — Віджет для контролю заряду в резервних сховищах для сонячних панелей типу Solar Roof. Завтра більшу частину дня буду в дорозі, тому пост буде пізній або вже в середу відразу два шоти. 🥸 Відкрити у Figma #ui #50UIchallenge 😍 Щось дизайнер написав...

🖌 Figma RIP Промайнула дуже гарна новина на рівні чуток, що Figma буде заблокована в росії та білорусі. Тепер цим виродкам доведеться проєктувати інтерфейси в Paint 😅 Як же вони хрюкають... #offtop #news 😍 Щось дизайнер написав...

Тінь або бордер у тексту = ознака випускника типової IT-школи 🙂 Якщо дизайнер додає тексту тінь або (що ще «краще») бордер, щоб підняти читабельність - він уже звернув не туди. Виправляти читабельність потрібно контрастом кольору тексту до кольору фону. Білий на жовтому - слабкий контраст. І не варто створювати ще більший візуальний шум. Краще зробити, наприклад, текст чорним на жовтому або замінити жовтий (якщо дозволяє брендбук) на оранжевий - тоді й білий стане добре видно. Потрібно не забувати про WCAG, адже доступність - це базовий стандарт. Тим більше, що 🥸 Figma нещодавно оновила палітру, і тепер для перевірки контрасту не потрібні жодні додаткові плагіни. Все вже вбудовано всередині. Зараз багато клієнтів з Європи наголошують на цьому і готові відмовлятися від своїх улюблених хексів, яким по 20 років, адже отримують судові позови через порушення доступності їхніх сайтів. І суми там немаленькі: останній кейс - 10k єариків. І тінь вас не врятує. Тому тренуємось в контрастність, бо з тінюшками та бордерами на тексті до Мідлтауна не дістатися.

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

#design #tips 😍 Щось дизайнер написав...

✔ День 14/50 та 15/50 челенджу #50UIchallenge Вчора дуже пізно зробив пост у рамках челенджу, тому вирішив опублікувати його сьогодні, щоб уночі нікому не заважати — можливо, хтось забув вимкнути звук на телефоні. Тому сьогодні у нас буде подвійний пост на цю тему. Вчора я зібрав елемент інтерфейсу під назвою Numeric Stepper, а сьогодні — папку з проєктом, яка дозволяє швидко переглянути вкладеність по ховеру. 🥸 Відкрити у Figma #ui #50UIchallenge 😍 Щось дизайнер написав...

iPhone 17 Pro Mockups Набір із 6 надреалістичних мокапів iPhone 17 Pro у роздільній здатності 4K. 😄 Забрати Mockups

✔ День 13/50 челенджу #50UIchallenge Сьогодні у нас "dropdown navigation" — випадаюче меню для сайту Digital-агенції. Воно виконане в мінімалістичному стилі, з незвичною навігацією за допомогою "hot keys" та курсора, використанням негативного простору та whitespace. Як на мене дизайн виглядав легким і сучасним, а важливі елементи не тиснули один на одного. 🥸 Відкрити у Figma #ui #50UIchallenge 😍 Щось дизайнер написав...

⚫️ Чому використання чистого чорного кольору в інтерфейсі вважається моветоном? В своїй роботі я його використовую дуже рідко Чистий чорний — це максимально глибокий чорний колір, темніше за який вже не буває, його код #000000. Він рідко використовується у продуманих інтерфейсах, тому що: — Створює різкий контраст, що втомлює очі — Виглядає плоско й «дешево», особливо на OLED-екранах — «глушить» інші кольори, роблячи інтерфейс візуально важким Замість цього зазвичай обираю темні відтінки сірого або синього: — Black oil #0C0C0C — Black carbide #0C0A00 — Obsidian #090F12 — Cold black #020410 — Light obsidian #0D1717 — North blue #101720 Вони формують м’який контраст, але не виглядають надто агресивно. Але все ж, від проєкту до проєкту я часто підбираю різні відтінки, проте практично не використовую #000000 На сайті Apple, до речі, використовується #1D1D1F, а от у соцмережі X — все ж таки чистий чорний. #design #tips 😍 Щось дизайнер написав...

✔ День 12/50 челенджу #50UIchallenge Сьогодні у нас вікно для завантаження та додавання файлів де користувач може перетягнути або вибрати документи для аплоаду, побачити список прикріплень із назвою, форматом, розміром і статусом завантаження та видаленням. 🥸 Відкрити у Figma #ui #50UIchallenge 😍 Щось дизайнер написав...

Я заспойлерив роботу 12-го дня у себе в LinkedIn зайдіть поставте вподобайку та комент 🤗 А ввечері вже запощу тут https://www.linkedin.com/posts/pokazkaivan_50uichallenge-ui-mobile-activity-7376202920440270848-9Qpl?utm_source=share&utm_medium=member_desktop&rcm=ACoAAB_Q0vYBpf8Ub9X1WjbbV5dTsCbjokt9nCo

Дизайн, створений за допомогою штучного інтелекту, підходить для MVP. Але як тільки ви починаєте створювати, тестувати та спілкуватися з користувачами, ви швидко бачите його обмеження. Якщо ви хочете отримати продукт з реальною якістю UI/UX, дизайнер-людина не є опцією. Це обов'язкова умова. #design #thoughts 😍 Щось дизайнер написав...

✔ День 11/50 челенджу #50UIchallenge Понеділдок — день тяжкий, але це не привід зупинятись✌🏻 Сьогодні у нас картка статусу активної підписки на сервіс. Взяв функціонал сервісу Freepik і запакував його у свій UX та UI. Тепер усе компактно, зібрано в одному місці: одразу видно, скільки лишилося токенів, коли закінчується підписка та елементи керування — без зайвих рухів очима й курсором. 🥸 Відкрити у Figma #ui #50UIchallenge 😍 Щось дизайнер написав...

А чому? А де? А коли? 🙂 Спілкуючись та перевіряючи тестові завдання початківців, отримував питання "Чому немає Fill у Auto Layout?" Тому що навколо елемента немає зовнішнього контейнера з Auto Layout. Цьому елементу просто нема до чого липнути. Можливо, він і знаходиться у фреймі, але в звичайному. А звичайний фрейм - це лише прив’язки. Щоб з’явилися всі опції Fill та Hug, потрібно увімкнути Auto Layout для фрейму. Hug — це про внутрішній контейнер (виділений). Він «обіймає» свій вміст. Fixed — це теж про внутрішній контейнер. Робить його фіксованим за розміром. Fill — це про зовнішній контейнер (на рівень вище). Заповнює простір усередині нього. Тому іноді, коли обираєш елемент, доступні Hug і Fixed (бо можна керувати вмістом вибраного контейнера), а Fill відсутній — бо немає зовнішнього контейнера з Auto Layout. #design #tips 😍 Щось дизайнер написав...

✔ День 10/50 челенджу #50UIchallenge Вечірній ривіт✌🏻 Сьогодні без зайвих слів. Є історія про книгарню, де всі книги загорнули в папір, залишивши лише назви та короткий опис. Люди почали обирати їх не за обкладинкою, а за змістом і автором. Так і наша ідея: картка фрілансера для сервісу на кшталт Fiverr. Щоб обрати автора - потрібно дізнатися про нього більше. Мінімалістично. Лаконічно. Безглуздо але прикольно. 🥸 Відкрити у Figma #ui #50UIchallenge 😍 Щось дизайнер написав...

✔ День 9/50 челенджу #50UIchallenge Суботній привіт✌🏻 Сьогодні був у спортзалі, і прийшла ідея інтерфейсу для запису калорій. Максимально мінімалістичний підхід: мінімум функцій — максимум користі. Контролюй калорії за прийомами їжі, відстежуй кардіо й силові тренування - і все. Нічого зайвого, лише найнеобхідніше. 🥸 Відкрити у Figma #ui #50UIchallenge 😍 Щось дизайнер написав...

Щоб змінити центр обертання, виберіть об’єкт і натисніть ⌥+R на Mac або Alt+R на Windows, а потім перетягніть точку у потрібне місце для ідеального повороту. Також можна викликати режим обертання простіше: достатньо навести курсор на кут об’єкта та зачекати 1 секунду - після цього з’явиться можливість обертати його. #design #tips 😍 Щось дизайнер написав...

✔ День 8/50 челенджу #50UIchallenge Йой, вже восьмий день челенджу! Сьогодні знову ідея з коментарів, транспорт. Буває, сидиш удома, а твоя кінська упряжка запаркована на сусідньому ранчо. Надворі зима, холодно, а так хочеться прийти й одразу сісти в теплий віз. Саме для цього й створили мобільний застосунок для керування упряжкою. Можна дистанційно завести, перевірити рівень сіна та адресу, де запаркована упряжка. Увімкнути ліхтар, щоб знайти її в темряві, або спорожнити баки з відходами. 🥸 Відкрити у Figma #ui #mobile #50UIchallenge 😍 Щось дизайнер написав...

Збережу цей сайт — prompy.me Можливо, комусь теж стане у пригоді. Це бібліотека з прикладами зображень і промптів для генерації. Переважно орієнтована на ChatGPT, але думаю, різниця з іншими ШІ не надто велика. #Inspiration 😍 Щось дизайнер написав...