Ivan Sytnyk про UI/UX Дизайн

💡 5 портфоліо UI/UX дизайнерів з Apple: 1. https://joseph.cv/ 2. https://jasonyuan.design/ 3. https://www.zaidsyed.com/ 4. https://seanlindesign.com/ 5. https://kaijordan.com/ #корисніпосилання #портфоліодизайнерів

🧠 Почав заглиблюватися в тему User Flow та Information Architecture і в якийсь момент задумався: що я, як дизайнер, повинен зробити першим - flow чи архітектуру? Покопавшись у статтях, зрозумів, що чіткої послідовності немає - ви самі визначаєте, з чого починати. Для себе я вирішив, що логічніше спочатку створити флови, а потім об’єднати їх в єдину інформаційну архітектуру. Хоча для багатьох зручніше навпаки - спочатку побудувати архітектуру, на основі якої легко сформувати flow. 🗣 Кілька слів про User Flow: Це річ, яка здається простою, але на практиці часто пропускаються важливі деталі та кроки. Варто пам’ятати, що ми не художники, а інженери дизайну, тож діємо системно. Вам пощастило, бо я надибав цікаві тези студента з ХНУРЕ, де чітко викладена інформація про User Flow та його застосування. https://openarchive.nure.ua/server/api/core/bitstreams/67c2c3d5-0215-4456-b565-1e24b954b440/content #корисніпосилання #моїдумки

😍 Думаю, що не тільки мені подобаються такі гарненькі дизайни з використанням "glassmorphism" і я вирішив трошки розібрати для себе цей стиль. Чому glassmorphism є хорошим рішенням? Я помітив, що елементи з ефектом скла додають структури інтерфейсу, дозволяючи краще фокусувати увагу користувача. Ніхто не буде заперечувати, що це виглядає дуже сучасно і навіть трошки преміально. Як правильніше використати це? - Важливо не переборщити з розмиттям, бо тоді це може зробити текст на деяких елементах важким для читання - Використовувати максимум 40% прозорості і бажано додавати легкий кольоровий тон - Не робити занадто багато прозорих елементів в інтерфейсі - Використовувати м'які тіні для об'єму - Пам'ятати про контраст. Працюй на фоні з яскравими градієнтами чи деталізованими зображеннями, щоб прозорі елементи виглядали чітко. 🤤 Glassmorphism дуже круто підходить для карток, модальних вікон, меню та інших акцентних елементів інтерфейсу в мінімалістичних дизайнах. #моїдумки #моястаття

🗾 Роблю зараз карту емпатії і розумію, що це якась важка тема для розуміння. Весь час вагаєшся, що написати в кожну секцію, як це правильно сформулювати, і чи карточка точно відповідає саме цій секції. На мою думку, карта емпатії не настільки важлива, і майже все розуміння про користувача ми отримаємо після створення User Persona та опрацювання Customer Journey Map. 📌 Кому цікавий мапінг, зокрема карта емпатії, зібрав для вас декілька корисних посилань, які особисто мені допомогли краще зрозуміти її👇🏻 1. https://cases.media/article/karta-empatiyi-tayemna-zbroya-dlya-biznesu?srsltid=AfmBOopEMhct6_daebCuazCiNTm8yU6l8__o-IWnJkC9sCCfHUoOWB7X 2. https://luxnet.io/uk/blog/empathy-map-ua 3. https://www.nngroup.com/articles/using-empathy-maps/ 4. https://www.nngroup.com/articles/empathy-mapping/ 5. https://maze.co/blog/empathy-mapping/ #корисніпосилання #моїдумки

💡 Знайшов для вас 5 портфоліо UI/UX дизайнерів з Google: 1. https://www.cedricith.com/ 2. https://lnkd.in/gJGyQqnJ 3. https://www.tushar.work/ 4. https://lnkd.in/gijD6nWq 5. https://kedingdesign.com/ #корисніпосилання #портфоліодизайнерів

😍 Дуже подобаються дизайни інтерфейсів, де використовуються "floating action buttons", які обіймаються іншими елементами (таке собі перекриття елементів, без перекриття). Це зазвичай, ще й поєднується з стилем "flat design" та "glassmorphism", що особливо імпонують мені. Як на мене це гарна ідея для економії місця і привнесення якогось ніштяка в дизайн. 🔗 Посилання: https://www.instagram.com/p/DHghB_oqu0_/?img_index=1 https://www.behance.net/gallery/222402969/HomiQ-Real-Estate-Mobile-App-UIUX #моїдумки

Ivan Sytnyk про UI/UX Дизайн pinned Deleted message

🙌 Ділюсь з вами цікавими статтями, які недавно надибав: 🔗 10 кроків UI/UX дизайн процесу для створення виграшних дизайнів 🔗 Типографіка в UI/UX: Ключові аспекти та практичні поради 🔗 Теорія кольору для UI/UX дизайнерів 🔗 Детальна анатомія воркшопів за методами дизайн-мислення #корисніпосилання

Shadow Overlays ⬇️Download⬇️ #overlay #png #psd 🤫HB|Private Free🤫