Діагноз по життю - дезігнер | ДД

Привітики, дезігнере 🤗 Наша хороша подруга @daria_vi_design планує розширювати свою команду, тож далі будуть її слова:


🔖Привіт, колеги!
Шукаю дизайнерів у свою команду, напрями роботи:

- Веб дизайн, мобільні додатки
- Графічний дизайн (банери, лого, пакування)
- Анімація
👆 це можуть бути різні люди на кожен напрям а не один супергерой на все)

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

Чекатиму в особистих😊 Пишіть, будь ласка, одразу
- досвід у вашому напрямі роботи
- прайс
- портфоліо

#вакансія #робота

Привітики, дезігнере🤗 Учора провели ще один етер Show Your Case разом з XD Community.

Анастасія представила нам неймовірно складну і заплутану систему досліджень та аналітики простими словами і приправила все гарним UI 🔥

Вікторія показала свої перспективні починання в дизайні веб-сайтів. Її сайт для тату-студії особисто мені запав у серденько, навіяв ностальгію🥲

Олег став нашим відкриттям: показав стільки захопливих кейсів залишалось встигати насолоджуватись кожним із логотипів. У всіх своя унікальна історія, яку через обмежений час етеру, з жалем прийшлось перенести на наступний раз 😳

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

А запис усього дійства знайдете у нашому каналі на YouTube(саме зі свіженького рендера вантажиться на платформу) 😉

ДД | Ляситочилка | Instagram | YouTube

#івент #онлайн

Привіт, дезігнере☕️ Уже сьогодні ввечері пряме включення розборів кейсів - не пропусти пожежу емоцій та крутих робіт 😎

ДД | Ляситочилка | Instagram | Реєстрація

#івент #онлайн

Привіт, дезігнере☕️ Сподіваємось, ти не забув про онлайн івент Show Your Case, бо він вже у цю середу😁

Разом з XD Community та топовим знавцем своєї справи у дизайні - Євгеном - проведемо третій етер Show Your Case 🤯

▶️ Формат івенту
відкритий мікрофон
*презентувати та ставити питання можуть всі бажаючі

😎 Головні експерти
Женя, Макс та Юля

ℹ️ Нагадуємо умови:
⚫️ презентувати можна лише власну роботу
⚫️ не більше 1го кейсу для UX/UI дизайнерів
⚫️ до 3-х кейсів для графічних дизайнерів
⚫️ потрібно вкластись у 15хв на презентацію

📆 Коли
17.04, 19:00

💵 Вартість
Безкоштовно

📍 Де
Реєструйся туть 👈🏻
*А якщо бажаєш показати свій кейс - вказуй при реєстрації, що готовий презентувати. Це може бути будь-що: готовий проєкт, кейс у процесі чи навіть логотип у процесі 😮

❓ На питання щодо івенту відповідаємо у цьому пості

ДД | Ляситочилка | Instagram | Реєстрація

Ми трохи заплуталися і переносимо ShowYourCase на квітень.😢

Реєстрація доступна за посиланням. Чекаємо на твій кейс!💔

Нова дата івенту - 17.04 о 19:00😮

#івент #онлайн

Привіт, дезігнере☕️ Чесно кажучи, ми ще не встигли відійти від минулого івенту, адже було ну дууууже круто, але раді анонсувати новий😁

Люди з свіжими кейсами вже готові презентувати їх, також чекаємо на тебе, з твоїм кейсом🔥

Разом з XD Community та гуру у світі дизайну - Євгеном - проведемо новий етер Show Your Case 🤯

▶️ Формат івенту
відкритий мікрофон, презентувати та ставити питання можуть всі бажаючі

😃 Головні експерти
Женя, Макс та Юля

ℹ️ Нагадуємо умови:
⚫️ презентувати можна лише власну роботу
⚫️ не більше 1го кейсу для UX/UI дизайнерів
⚫️ до 3-х кейсів для графічних дизайнерів
⚫️ потрібно вкластись у 15хв на презентацію

🔜 Коли
27.03, 19:00

💵 Вартість
Безкоштовно

🔍 Де
Реєструйся туть 👈🏻
*А якщо бажаєш показати свій кейс - вказуй при реєстрації, що готовий презентувати, це може бути будь-що: готовий проєкт, кейс у процесі чи навіть логотип у процесі 😮

❓ На деякі питання відповідаємо у цьому пості

ДД | Ляситочилка | Instagram | Реєстрація

Привіт, UX/UI дизайнери!) маємо для вас класну новину 🎉

Відкрито реєстрацію на Program for Juniors 2024🔥

Запрошуємо дизайнерів-початківців з усієї України долучитись до програми від ЕПАМ, де за 3 місяці інтенсивного навчання ви прокачаєте свої дизайн-навички та будете мати змогу доєднатися до українських дизайн-локацій EPAM.

🔹Вимоги (що потрібно знати/вміти):
• англійська мова на рівні мінімум B2 (Upper-Intermediate);
• базові знання Figma, композиції, типографії, сіток, теорії кольору і тд;
• практичний досвід зі створення інтерфейсів (не обовʼязково комерційний, можна навчальний).

🔹Скільки коштує навчання? 
Навчання безкоштовне.

🔹Коли? 
🕑 Реєстрація триватиме до 15 квітня!
А саме навчання розпочнеться в кінці травня і буде тривати 3 місяці.

🔹Більш детально про умови вступу та навчання можна почитати у нашому пості про Program for Juniors: FAQ.

🔹Щоб збільшити свої шанси потрапити на програму читайте наші рекомендації в пості як потрапити на Program for Juniors.
 
🚀 Реєструйтесь за посиланням

#корисна_підбірка

Привітики, дезігнере ☕️ Сьогодні знову прийшли до тебе з корисними штуками 😃

✔️ ZMO.AI - безкоштовний ШІ ремувер небажаних елементів з фото + ще й фон прибрати можна

✔️ Everypixel - ШІ, який допомагає у пошуку стокових фото як платних, так і безкоштовних. І навіть свій міні сток має

✔️ EndlessTools - допоможе створити обкладинки, постери, цікаву типографіку, вражаючі 3D-ілюстрації та фотоефекти

✔️ AIlandingPageGenerator - генератор лендингів, про що і говорить його назва)

✔️ Virtual staging AI - помічник у розробці інтер'єрів. Із таким і ремонт не страшний 😁

✔️ Video Background Removal tool - назва теж говорить сама за себе(і до речі, тут не тільки цей інструмент, просто будь уважним)

Ще трохи і ШІ навчиться співати 👀 Хоча..такий вже є, ти записуєш свій голос і він співає твоїх улюблених пісень. Блін, тепер не зможу бісити сусідів високими нотами і битим склом 😆

ДД | Ляситочилка | Instagram

Привіт, дезігнере 😯

Закінчуємо тему просторового дизайну.🫡

Ми наполегливо радимо тобі, спробувати попрацювати над дизайном для VisionOS.🤨

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

Це серйозний виклик, особливо якщо у тебе банально немає шолома Apple Vision Pro, але таким чином, стає навіть цікавіше. Так, ти скоріше за все не зможеш легко протестувати свої дизайн рішення на реальних користувачах, але це змусить тебе вивчити, або покращити інші методи UX досліджень.

Якщо ти знавець human interface guidelines, то ти вже будеш мати основну базу настанов, яка допоможе тобі в дизайні для таких систем. Ну і сподіваємось, що наші пости також принесли вам цінні знання в цьому напрямку.

Ми старанно працювали над даною серією постів, то ж очікуємо на твій фідбек.💔

До речі, презентувати свій просторовий дизайн, ти зможеш вже на наступному івенті Show your case.🙄

ДД | Ляситочилка | Instagram

Привіт, дезігнере 😯

Продовжуємо тему гайдлайнів дизайну для VisionOS.😎

Подбай про ергономічність.💪
Намагайтеся проєктувати свій дизайн так, що б взаємодія з ним вимагала мінімальну кількість рухів. Розміщуй важливий контент та елементи в центрі поля зору. Apple рекомендує створювати стаціонарні елементи, які не прив'язані до руху поля зору, а натомість, прив'язані до навколишнього середовища. Це дає можливість користувачу, налаштовувати розміщення інтерфейсів так, як йому зручно. Також, це мінімізує шанс дезорієнтації користувача.

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

Скеровуй погляд користувачів в центр елементів.😮
Використовуй в UI елементах заокруглені кути, це допоможе сфокусувати погляд користувача в середину об'єкту. Давай іконкам більше простору, роблячи більш широкі відступи. Також, Apple радить уникати широких контурів та тіней, адже вони скеровують погляд до краю елементів.

Забезпечуй відгук системи.🤜
Всім знайомий ховер ефект, допоможе сфокусувати погляд користувача на одному елементі, з ряду декількох поряд. Погляд ока значно швидший ніж рухи миші, тому старайтесь балансувати між швидкістю відтворення самого ховер ефекту. Його слід застосовувати, до таких елементів як: кнопки, слайдери, зображень та інших.

ДД | Ляситочилка | Instagram

Привіт, дезігнере 😯

Apple не намагались створювати абсолютно новий та незнайомий простір для VisionOS, а натомість, створили максимально наближений до звичних усім пристроям дизайн. Усі наявні принципи, вони розписали в цьому відео.☕️

Давай швиденько пройдемось по основним елементам та дізнаємось, яких змін вони зазнали.

FOV.
Твоє поле зору, де також, розміщуються інтерфейси. Буквально, це те, що ти бачиш перед собою.😎

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

Точки.
Apple детально працювала та продовжує працювати над точками у своїх додатках на VisionOS, адже вікнам властиво зменшуватись у розмірах при наближенні та збільшуватись при віддаленні. Точки (pt) — це універсальна одиниця виміру розміру, яка залежить від розміру екрану. То ж це те, з чим дизайнери вже знайомі. Якщо твій дизайн буде гарно пропрацьований по точках, тоді проблем сприйняття твого додатку при масштабуванні не буде.🫳

ДД | Ляситочилка | Instagram

#меми

Поки компанії намагаються йти в ногу з часом, їх клієнти по різному реагують на нововведення😁

ДД | Ляситочилка | Instagram

Привіт, дезігнере 😯

Напевно ти вже бачив відосики, де люди по вулиці ходять в дивних окулярах? Що ж це таке? 😎

Нещодавно у світ вийшла нова гарнітура розширеної реальності(XR) від Apple, яку вже можна придбати, починаючи з 2 лютого 2024 року у США. ЇЇ було анонсовано 5 червня 2023 року на Всесвітній конференції розробників Apple. Сама Apple описує її як "революційний просторовий комп'ютер, який змінює все" 😮

У нових технологіях такого рівня, інтерфейс відрізняється від знайомих нам девайсів. Але спершу, давай розберемось в усіх цих новомодних абревіатурах "різних реальностей"🤔

🟢Віртуальна реальність(VR) відтворюється у відповідних шоломах (Virtual Reality Headset). Користувач бачить штучний візуальний ряд, що відчувається як реальність, і чує відповідне аудіо супроводження. Іншими словами, ви повністю відірвані від навколишнього світу.

🟢Доповнена реальність(AR) відтворює сторонні елементи поверх реального світу. Більшість з нас користувались такими додатками, навіть на власному смартфоні. Як відомий приклад, можна назвати гру Pokemon Go, де за допомогою камери свого телефону, шукаєш та ловиш покемона, який сидить на фонтані твого парку.

🟢Змішана реальність(MR) поєднує в собі AR та VR. Тут вже ти можеш напряму взаємодіяти з елементам, які додані до оточення, а також налаштовувати фокус свого поля зору.

🟢Розширена реальність(XR) об'єднує вищезгадані VR, AR та MR.

То ж в наступних постах, ми поговоримо про дизайн саме для XR систем🙄

ДД | Ляситочилка | Instagram

#корисна_підбірка

Привітики, дезігнере ☕️ Автоматизовувати свої процеси надзвичайно необхідно у наш час, щоб розвантажити себе та і щоб життя собі спростити. Тооож трохи допомоги сьогодні тобі до колекції інструментів на щодень 😃

✔️ Galileo - генератор інтерфейсів. Туть можеш описати, що ти хочеш отримати в результаті або ж показати. Та і сам результат відредачити далі зможеш під себе

✔️ Dorik - подібний до попереднього ШІ генератор, правда, веб-сайтів

✔️ Fontjoy - допомагає підібрати шрифтові пари по усім канонам дизайну

✔️ UiColors - допоможе з кольорами і одразу покаже їх використання на прикладах

Виходить, що сайт чи мобільний застосунок, можна організувати швидше, ніж ти думаєш 😮 Будеш таким щастям користуватись?

ДД | Ляситочилка | Instagram

Привіт, дезігнере 😯

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

Використання відповідних заголовків.
Заголовки допомагають організувати різні частини інформації на сторінці, полегшуючи людям, які її читають, і пошуковим системам пошук того, що вони шукають.😠

Оптимізація розміру та формату зображень.
Зображення слід оптимізувати шляхом стиснення розміру файлу без шкоди для якості, щоб час завантаження залишався швидким, при цьому забезпечуючи візуально привабливу графіку; використання описових тегів Alt Tag з відповідними ключовими словами збільшує шанси на їх знаходження через пошук за зображеннями.😐

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

Використання карт сайту та файлів роботів.
Карти сайту надають огляд усіх доступних сторінок, тоді як файли роботів визначають інструкції щодо поведінки сканування/індексації, що дозволяє краще контролювати обсяг інформації, яка передається певним типам алгоритмів, таким як Googlebot і т.д..😮

Забезпечення сумісності на різних пристроях.
Адаптивний дизайн забезпечує оптимальний досвід перегляду на різних пристроях, таких як настільні комп'ютери, ноутбуки та мобільні телефони, одночасно допомагаючи утримувати низький рівень відмов завдяки простоті використання незалежно від типу використовуваного пристрою.🤜

ДД | Ляситочилка | Instagram

Привіт, дезігнере 😯

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

Google любить хороший UX. Найпопулярнішою пошуковою системою в світі є Google. Для даної пошукової системи, ефективний дизайн та хороший користувацький досвід є основним фактором для просування сайту в стрічці результатів пошуку Google☕️

Якщо ти хочеш підвищити SEO рейтинг сайту за допомогою дизайну, візьми на олівець прості правила:
⚫️Забезпечуй просту навігацію.
⚫️Не перенавантажуй сайт зайвими елементами, які можуть збільшити швидкість завантаження сторінки.
⚫️Створюй інтуїтивно зрозумілий дизайн, який зручний для мобільних пристроїв.

Сайт, в якому надано пріоритет цим факторам, може розраховувати на підвищення свого SEO-рейтингу.

Для ДД дуже важливий твій фідбек, тому постав реакцію, якщо ця тема тобі цікава💔

ДД | Ляситочилка | Instagram

Привітики, дезігнере☕️ Сьогодні важкий день - 2 роки із початку повномасштабного вторгнення - що впливає на психологічний стан. Що можемо сказати.. сподіваємось, що з тобою все добре і ти у безпеці. Нам потрібно триматись, донатити на ЗСУ і пам'ятай, що разом ми можемо і гори звернути, і замовників набити😁 А щоб правильно то робити, звертаємо увагу на такі штуки👇🏻

2️⃣1️⃣ Неконтрастний текст 😑
А якщо ще й скомбінувати тонкий шрифт і низький контраст, то просто гайки. Це серйозно шкодить читабельності і, звісно, досвіду користувача. Тож потрібно уникати
⚫️ низької контрастності основного тексту
⚫️ неконтрастних шрифтів на фоні зображення(тут є різні рішення від збільшення прозорості фото до застосування додаткових підложок під текст)
⚫️ неперевіряння контрастності тексту (до тих інструментів, що вам скидали, додаємо ще один Colorable)
І головне, усі результати потрібно тестити на юзерах.

2️⃣2️⃣ Прокручування із захопленням 🤚
Або scroll hijack - це коли береться під контроль звичайна поведінка скролу і виконується щось несподіване. Це не дає користувачам контролювати прокручування сторінки та передбачити її поведінку. Таку фішку використовує Apple, окрім паралакс ефектів та високоякісної графіки. Тож можна вважати, що не такий і поганий той scroll hijack. А що робити, якщо ти надихнувся Apple-овським візуалом і хочеш у себе на сайті застосувати таке?
⚫️ вивчи аудиторію, чи вона настільки просунута, що готова до таких поворотів у інтерфейсі
⚫️ потестуй на реальних юзерах, на їх пристроях і з їх системами. Це взагалі покаже доцільність використання нестандартного скролу. Та і виявить "залипання" чи застрягання при скролі
⚫️ розбий величезний скрол на кілька розділів, що відрізняються один від одного
⚫️ додай додаткові індикатори стану системи. Покажи людині, у якій частині сайту вона знаходиться, і що то не кінець світу, коли виникла потреба перейти у інше місце

ДД | Ляситочилка | Instagram

Привіт, дезігнере ☕️

Не просто так у нашому каналі 404 підписники. Дуже символічне число виявилось, адже відео нашої зустрічі не хотіло просто так завантажуватись на YouTube. Абооо це лише збіг 😁

Менше з тим, хутенько переходь за посиланням, там 2 нових цікавих кейси чекають твоєї уваги 🙂

Іііі ще не забудь залишити свій фідбек про івент. Нам з XD Community це важливо, адже хочемо проводити лише корисні для тебе івенти 🥺

ДД | Ляситочилка | Instagram