Якщо вам набридло шукати якісні зображення для проєктів на Unsplash, то маю для вас декілька цікавих сайтів із безкоштовними стоковими фото.🙌

🟣 Kaboompics — ресурс з сучасними фото у дуже високій якості. Є поділ фото на категорії та за тематикою, також наявне сортування за частотою завантажень та новизною. При натиску на зображення програма формує кольорову палітру та нижче пропонує схожі за тематикою та стилем фотокартки.

🟣 Pixabay — понад 4,1 мільйони високоякісних зображень, відео та навіть музики. Можна знайти не лише фотоматеріали, а й ілюстрації (JPG, SVG, PNG форматах). Зручний пошук та швидке завантаження у потрібному розмірі.

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

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

Мало не щодня у світі інтерфейсного дизайну з'являються цікаві тенденції, які здатні надихнути на нові ідеї або, можливо, навіть на власний дріббл шот. 😌

Знайшла для вас цікаву статтю, де люди зібрали добірку 10 свіжих дизайнерських трендів від Dribbble, які точно залишаться з нами надовго.

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

Бажаю приємного читання! 😉

#референси #статті

Хочу поділитись з вами чудовими наборами іконок для найрізноманітніших потреб. 😉

✅ Iconsax ➖ набір іконок у одній стилістиці. Можна відфільтрувати їх за стилем: лінійні, контурні, жирні, двоколірні тощо.

✅ Remixicon ➖ усі піктограми у форматі SVG, сайт охоплює велику кількість категорій, таких як комунікація, фінанси, здоров'я та медицина та інші. Пошук здійснюється за ключовими словами та категоріями.

✅ Сoolicons ➖ ретельно розроблений сет базових іконок для дизайну інтерфейсів, зосереджений на простоті та послідовності.

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

Зберігайте три корисних інструменти, які допоможуть налаштувати палітру для ваших інтерфейсів.

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

🟣 MyColor.space ➖ інструмент, що вміє створювати власні кольорові палітри з нуля або ж згенерує добірку до основго кольору, який ви запропонуєте.

🟣 Color Hunt ➖ платформа, що вміщує тисячі комбінацій кольорів. Кожна добірка складається із п'яти відтінків, які готові до використання у ваших концептах. Сайт має зручний інтерфейс з можливістю пошуку палітр за ключовими словами або за популярними темами.

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

Ділюсь з вами статтею, призначеною аспекту контрасту — найефективнішому способу привернути увагу та запам'ятатись користувачеві.

📚 «Сlean UI Guide: 9 контрастних порад і прикладів» — матеріал, що містить інформацію про критичні принципи використання контрастів, різновиди їхнього впровадження в дизайні інтерфейсу користувача, а також надає 9 порад та прикладів їхнього використання на реальних роботах. Розглянуто розміри та якорі в композиції, контраст кольору та фону, використання творчих елементів, принципи руху, текстур, форм, типографії та кнопки.

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

Приємного читання та творчого натхнення! 😉

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

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

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

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

Бажаю успіхів в опануванні інформації! 😉

#інструменти #доступність

Сьогодні у нас за розкладом три круті ресурсами з безкоштовними мокапами. 🔥

Mockupcloud ➖ джерело якісних мокапів із різноманітною стилістикою: від мінімалістичних до креативних та грайливих. Усі з хорошою роздільною здатністю, яка забезпечує чіткі деталі. Більшість з них доступні до завантаження у форматі PSD.

Vexus digital ➖ лаконічна колекція мокапів у одній стилістиці. Створені за допомогою Spine 3D, тому створивши там обліковий запис, ви матимете змогу налаштувати усі параметри девайсу.

Shots so ➖ цікавий сайт, що дозволяє вставляти зображення у потрібну модель й редагувати параметри пристрою одразу на сайті. Готове зображення можна завантажити у форматі PNG або JPG.

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

Сьогодні по традиції залишаю вам безкоштовні для комерційного використання шрифти. ✨

➰ Nohemi — шрифт без засічок з тонким характером та нейтральним дизайном. Такі характеристики дозволяють застосовувати його до різноманітних проєктів. До завантаження доступна велика кількість накреслень.

➰ Fungis — гротеск із неймовірно цікавими кривими та формами чаш у заокреглених літерах. Доступний до завантаження у трьох накресленнях: regular, bold, heavy.

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

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

#мемасики   
__  
  
Підписуйся на Marus Design:       
Telegram | YouTube | Instagram

Підготувала для вас плагіни, які допоможуть оптимізувати роботу із текстом. 😉

🔶 SPELLL ➖ перевіряє ваші тексти на наявінсть орфографічних помилок і дозволяє виправити їх одним клацанням миші. Працює подібно до Google Docs й має багато цікавих додаткових можливостей.

🔶 Content Master ➖ інструмент для ефективного управління вмістом. Замінює вибрані текстові шари реальними даниими, такими як ім’я, адреса електронної пошти, фізична адреса, назва компанії тощо.

🔶 Typescales ➖ визначає базовий розмір шрифту, а потім автоматично обчислює всі інші розміри, які відповідають обраній вами шкалі. Допомагає зберігати гармонію та консистентність між різними текстовими елементами.

#інструменти #плагіни_figma

Ви ловили себе колись на думці "Чому вони зробили це так не зручно?!" під час використання якогось застосунку? Цю емоцію можна конвертувати в результат, зробивши концепт редизайну продукту, яким ви користуєтесь і який не є ідеальним з точки зору UX.

Саме це зробив автор цієї статті: дизайнер описує всі етапи вдосконалення користувацького досвіду додатку WhatsApp, які виконував для свого навчального проєкту. Так, ці нововведення не є справжніми й не втілені у реальність, але тут дуже детально й покроково описано процеси роботи, які виконує UX фахівець при роботі з великими проєктами: від виявлення проблем, формування персони та карти подорожі користувача (CJM) до тестування свого дизайну.

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

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

Нове відео! Якщо ще не дивились, то подивіться) ці інструменти - просто пушка 🔥

Топові AI інструменти дизайнера | Штучний інтелект

#нове_відео

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

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

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

#навчання #курси
________________________

Підписуйся на Marus Design:
Telegram | YouTube | Instagram

Привіт!

У мене для вас сьогодні три чудові, такі рідненькі українські шрифти для ваших проєктів. 💙💛

🔠 Mars Type. Безкоштовний гротеск Євгена Садка із чудовою читабельністю, але при цьому особливою формою овалів, оскільки ззовні він містить ідеальне коло, а от всередині нас зустрічає цікавий «ілюмінатор», що додає йому унікальності.

🔠 Rock Star. Гарнітура Кирила Ткачова та Костянтина Головченка. Цей шрифт платний, однак містить 36 накресень від Extra Light до Ultra Black у різних варіаціях, тому спектр його використання дуже широкий.

🔠 Extatica. Автор Андрій Константинов. Геометричний шрифт без засічок із вузькими великими літерами та характериними поєднанням протилежних концепцій. Також містить велику кількіть накреслень, безкоштовного можна завантажити light та light italic.

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

Підписуйся на Marus Design:
Telegram | YouTube | Instagram

Раніше ми вже ознайомлювались з евристиками Якоба Нільсена, які чітко визначають критерії юзабіліті інтерфейсу. Сьогодні пропоную застосувати ці знання на практиці, розглянувши статтю, де здійснено аналіз користувацького досвіду банківського додатку Revolut й на основі базових правил Якоба запропоновано покращення інтерфейсу. Також автор статті розглядає ще три не менш важливі аспекти: іконки і мітки; порожні стани і візуалізація даних.

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

Бажаю приємного читання й продуктивного тижня! 😌

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

Підписуйся на Marus Design:
Telegram | YouTube | Instagram

Ловіть цікавий ресурс із великою кількістю безкоштовних текстур у відмінній якості, які допоможуть розбавити й урізноманітнити ваші роботи.

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

Але будьте обережними, оскільки використання текстур повинно бути ретельно продуманим. Вони можуть зробити ваш інтерфейс привабливим, але не повинні заважати користувачам ефективно взаємодіяти з ним. Пам'ятаймо про баланс декору та функціональності. 😉

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

Підписуйся на Marus Design:
Telegram | YouTube | Instagram

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

🦾 Magician — інструмент дизайну для Figma, що створює іконки за текстовим описом, допомагає згенерувати копірайт та перетворює текст на зображення.

🦾 Recraft — свторює векторні зображення, піктограми, 3D-зображення та ілюстрації у різних стилях за ключовими словами. Надає можливість обрати колірну палітру та відредагувати виданий результат.

🦾 Colorize — розфарбовує чорно-білі фото- та відеомаеріали у натуральні кольори. У кілька кліків здійснює корекцію барв, налаштовуючи якісне освітлення.

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

Підписуйся на Marus Design:
Telegram | YouTube | Instagram

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

🧠 «Повний посібник із розробки карток інтерфейсу користувача» ➖ розгорнутий гайд, який прояснить вам усі тонкощі створення карток. Для початку автор подає інформацію про правильний вибір типу картки в залежності від потреб, а далі заглюблюється у деталі, розповідаючи про проєктування даних та їх кількісну диференціацію; розкриває методи підвищення уваги до відомостей та роз'яснює різницю між способами упорядкування характеристик.

Бажаю приємного читання! ✨

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

Підписуйся на Marus Design:
Telegram | YouTube | Instagram

Хто тут у пошуку роботи? Так, сьогодні неділя, але це саме те, про що я хочу з вами поговорити, бо наштовхнулася на чудову статтю від Green Forest про Job interview.

Тут ви знайдете поширені запитання на співбесіді, можливі відповіді на них та поради щодо того, як відповідати не варто.

Якщо готуєтесь до співбесіди англійською - обіцяю, матеріал дуже вам допоможе. Втім, навіть якщо українською - поради дуже універсальні та дієві.

А також нагадую, що на моєму каналі є відео про підготовку до співбесіди, раптом ви пропустили 😉

Гарної неділі, спільното!

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

Підписуйся на Marus Design:
Telegram | YouTube | Instagram

«Коли певні речі завжди поводяться однаково, користувачам не потрібно турбуватися про те, що станеться» .

Так стверджує Якоб Нільсен, формуючи правила проєктування UX. Послідовність (або consistency) відчутно полегшує взаємодію користувача з інтерфейсом, адже він звикає до певних патернів і його дії відбуваються на автоматі, без зайвих вагань.

Дуже важливо навчитися послідовності в дизайні, адже вона допомагає:

✔ узгодити елементи, що зробить інтерфейс передбачуваним;
✔ зменшити сумніви та непорозуміння, коли юзери взаємодіють із вашим продуктом.

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

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

Підписуйся на Marus Design:
Telegram | YouTube | Instagram