UXPUB 🇺🇦 Дизайн-спільнота: Bookmarks

Інструменти для роботи з кольорами

Dinozavrix — Fri, 25 Oct 2024 11:33:02 +0000

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

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

Ми зібрали для вас добірку цікавих інструментів яки допоможуть вам підібрати гармонійні кольори та відтінки за допомогою колірного колеса та інших методік. Ви сможете дізнатися психологію кольору у брендингу та конвертувати кольори між форматами RGB, HEX, CMYK і Pantone. Тестуйте, диліться відгуками та своїми улюбленими інструментами

ColorSpace

Більше не треба витрачати години на пошук ідеальної кольорової палітри! Просто введіть колір і сайт створить найкращі палітри для вас

Colors Combinations

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

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

Adobe Color

Створюйте колірні схеми за допомогою колірного кола та переглядайте тисячі колірних комбінацій

Color Leap

Зробіть стрибок крізь час і побачте фарби історії.

Color Review

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

Palettte App

Palette App — це безкоштовний інструмент для дизайну, який допомагає вам створювати, аналізувати та точно налаштовувати колірні палітри.

Color Selector

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

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

Leonardo Color

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

Huetone

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

Hayk An Scale

Scale — це генеративний спосіб створення колірних палітр.

Велика добірка інструментів для роботи з кольорами, створення палітр та генерації колірних схем

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

	Color Selector База даних кольорів і зображень для художників, дизайнерів, фотографів, друкарів або цікавих людей і моє особисте сприйняття кольору
	ColorSpace Тут ви можете знайти ідеальну відповідну колірну схему для вашого наступного проекту! Створюйте гарні палітри кольорів, градієнти та багато іншого
	Colourco.de Онлайн-інструмент конструктора, який дозволяє легко та інтуїтивно поєднувати кольори
	Adobe Color CC Створюйте колірні схеми за допомогою колірного кола або переглядайте тисячі колірних комбінацій
	BrandColors Найбільша колекція офіційних кольорових кодів брендів. Включає шістнадцяткові коди кольорів для понад 500 брендів, включаючи Facebook, Twitter, Instagram та багато інших
	Color Designer Легко створіть палітру кольорів для свого проекту. Інструмент також створить для вас відтінки та відтінки
	Color Hunt Колірні палітри для дизайнерів і художників. Тисячі модних кольорових палітр, підібраних вручну
	Color Leap Знайдіть 180 кольорових палітр, які використовувалися протягом останніх 4000 років
	Color Review Що потрібно знати про кольори та доступність. Сучасний інструмент для вивчення та пошуку доступних кольорів
	Conic Style Гарні, прості конічні градієнти
	Happy Hues Сайт натхнення для палітри кольорів, який є реальним прикладом того, як кольори можна використовувати у ваших дизайнерських проектах
	Material Design Palette Generator Створіть ідеальні палітри кольорів Material Design з будь-якого шістнадцяткового введення та отримайте рекомендації щодо кольору
	MESH Створюйте красиві градієнти прямо у своєму браузері
	Who Can Use Інструмент, який привертає увагу та розуміння того, як колірний контраст може впливати на різних людей із вадами зору.
	Blend Створюйте та налаштовуйте красиві градієнти CSS3
	calcolor.co Новий спосіб знаходити, змінювати та обмінюватися цифровими кольорами. Залиште позаду абстрактні кольорові моделі і зосередьтеся на важливих речах
	Color Claim Створений у 2012 році Тобіасом ван Шнайдером з метою збирання та комбінування унікальних кольорів для майбутніх проектів
	Color Parrot Compagnion Інформація про сайт поєднання кольорів
	ColorBox ColorBox — це колірний інструмент для створення наборів кольорів. Зроблено Lyft Design
	Colorkit Colorkit створює колірні шкали шляхом змішування відтінків між двома кольорами. Введіть початковий і кінцевий колір і виберіть кількість кроків змішування, щоб показати ступінчастий градієнт.
	colors.lol Занадто описові палітри кольорів. Створено як веселий спосіб відкривати цікаві поєднання кольорів
	COLOURlovers Міжнародна спільнота дизайнерів і художників усіх типів, які відвідують сайт, щоб отримати натхнення, ідеї та відгуки щодо своїх професійних та особистих проектів
	Coolors.co Супершвидкий генератор колірних схем. Створюйте, зберігайте та діліться ідеальними палітрами за лічені секунди
	CSS Gradient Безкоштовний інструмент для створення градієнтів css, який дозволяє створити барвистий градієнтний фон
	Culrs Culrs дає вам простий розумний підхід до вибору колірної палітри
	Flat UI Colors 2 Загальний набір з 14 кольорових палітр і 280 кольорів для ваших дизайнів, проектів, презентацій та інших потреб
	Grabient Гарний і простий інтерфейс користувача для створення веб-градієнтів
	Gradient Magic Галерея фантастичних та унікальних градієнтів CSS
	HTML Color Codes Легко знаходьте коди кольорів HTML для свого веб-сайту за допомогою нашого засобу вибору кольорів, діаграми кольорів та назв кольорів HTML
	Khroma Інструмент кольору AI для дизайнерів. Знаходьте, шукайте та зберігайте поєднання кольорів, які вам сподобаються
	Leonardo Генератор кольору на основі контрасту з відкритим кодом
	Muzli Colors Генератор колірної палітри який дозволяє створювати красиві кольорові схеми
	Open Color Відкритий колір — це колірна схема з відкритим вихідним кодом. Оптимізовано для інтерфейсу користувача, такого як шрифт, фон, бордер тощо.
	Palettte App Програма Palettte допомагає створювати, аналізувати та редагувати гладкі палітри кольорів
	Picular Picular — це швидкий генератор основного кольору, який використовує пошук зображень Google
	Pigment Унікальний спосіб створення свіжих і яскравих кольорів на основі освітлення та пігменту, а не математики
	Scale Грайливий генератор колірних шкал
	Shade Generator Створіть колірні коди для відтінків і відтінків кольорів, які ви використовуєте щодня
	uiGradients Підібрана колекція красивих кольорових градієнтів для дизайнерів і розробників
	Web Gradients Безкоштовна колекція із 180 лінійних градієнтів, які ви можете використовувати як фони вмісту в будь-якій частині вашого веб-сайту
	Wheel Грайливий генератор колірного кола
	Color Lisa Колірна палітра шедеври від найкращих художників світу
	Color Safe Розширення прав і можливостей дизайнерів за допомогою красивих і доступних кольорових палітр на основі рекомендацій WCAG щодо співвідношення контрастності тексту та фону
	Colors by Klart Прекрасні кольорові палітри, керовані даними
	Colors Tools Позбавтеся від здогад, вибираючи правильні кольори для наступної ілюстрації та інтерфейсу користувача.
	ColorSlurp Ідеальний засіб підвищення продуктивності кольору для розробників або дизайнерів
	Contrast Додаток для macOS для швидкого доступу до коефіцієнтів колірної контрастності WCAG
	Contrast Ratio Легко розрахуйте коефіцієнт контрастності кольорів. Пройти WCAG ніколи не було так легко!
	Site Palette Розширення для браузера для створення вичерпних палітр. Необхідний інструмент для дизайнерів і розробників інтерфейсу. Безкоштовне вилучення колірної схеми
	Tint and Shade Generator Легко створюйте відтінки та відтінки з кроком 10%.

Неймовірна добірка іконок та різноманітних ресурсів для роботи з іконками

Dinozavrix — Tue, 26 Jul 2022 20:47:29 +0000

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

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

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

Найкращі ресурси та інструменти, які допоможуть вам в роботі ви, можете знайти в розділі Закладки

3dicons

1440+ красиво оформлених 3D-іконок з відкритим кодом. Ви можете використовувати їх повністю безкоштовно і без посилання, у особистих або комерційних проектах.

Boxicons

Безкоштовна колекція ретельно розроблених іконок із відкритим кодом. Кожна піктограма розроблена на сітці розміром 24 пікселі з урахуванням рекомендацій Material Design.

CSS Icons

Бібліотека з більш ніж 700 іконок на чистому CSS, настроювана й готова до ретіни, доступна у SVG та Figma. Проста інтеграція: SVG Sprite, styled-components, NPM та API

Feather Icons

Кожна піктограма розроблена на сітці 24x24 з наголосом на простоті, послідовності та читабельності

Font Awesome 5

Нова версійя найпопулярнішого і найпростішого у світі набору іконок

Iconic

Безкоштовні піксель-перфект іконки. Нові іконки додаються щотижня

Iconshock

Безкоштовний пакет іконок для завантаження, повністю редаговані набори векторних іконок, включаючи безкоштовні іконки SVG та PNG

Ionicons

Чудово створені іконки з відкритим кодом. Іконки преміум-класу для використання в Інтернеті, iOS, Android і настільних додатках

Не вистачає цих ресурсів? Тоді публікуємо для вас великий список. Повну версію можна знайти за посиланням

Ресурси с безкоштовними іконками та інструментами роботи з ними

	Material Icons Значки Material — це чудові, красиво оформлені символи для звичайних дій і предметів
	VisualPharm Безкоштовні іконки SVG із надшвидким пошуком та безкоштовною кока-колою. Створено для розваги проектом Icons8
	Animated Icons Додайте насолоду користувачам своєму сайту за допомогою цього безкоштовного пакета з 200+ анімованих іконок
	Animaticons Аніматикони – це зростаючий набір красивих анімованих GIF-іконок із високою роздільною здатністю, які ви можете налаштувати
	coolicons Ретельно розроблені SVG іконки для вашого наступного проекту
	Delesign Використовуйте наші безкоштовні дизайни для свого веб-сайту, соціальних мереж, блогів, електронних інформаційних бюлетенів тощо
	Digital Nomad Icons Значок стилю життя та набір смайлів для вашого наступного проекту. 25 плоских іконок високої роздільної здатності безкоштовно
	Eva Icons Пакет із понад 480 чудово оформлених іконок із відкритим кодом для звичайних дій та предметів
	Flaticon Тисячі безкоштовних іконок у найбільшій базі безкоштовних векторних іконок
	Gradientify SVG Icons Інтерактивний безкоштовний пакет іконок, створений спеціально для любителів градієнтів
	Heroicons Безкоштовні іконки з відкритим кодом від творців Tailwind CSS
	Icon Store Бібліотека безкоштовних векторних іконок для особистих і комерційних проектів, розроблена першокласними дизайнерами
	IconBros 2448+ безкоштовних іконок, згрупованих у 66 колекціях
	Iconfinder 2 925 000+ безкоштовних та преміальних векторних іконок. Iconfinder є провідною пошуковою системою та ринком для іконок
	Iconmonstr Відкрийте для себе понад 4412 безкоштовних іконок у 305 колекціях. Чудово велике і постійно зростаюче джерело простих іконок
	Icons8 Дизайнери, завантажуйте елементи дизайну безкоштовно — значки, фотографії, ілюстрації UX та музику для ваших відео
	Iconscout Отримайте високоякісні значки, ілюстрації та стокові фотографії в одному місці
	ICONSVG Інструмент для спрощення процесу пошуку та створення звичайних піктограм для вашого проекту.
	Ikonate Налаштуйте, налаштуйте та завантажте безкоштовні векторні іконки
	Keyicons Чистий набір іконок, який ви шукали
	Nucleo Бібліотека з 26500+ піктограм і потужний додаток для збору, налаштування та експорту всіх ваших піктограм
	Orion Безкоштовні векторні іконки SVG із розширеною інтерактивною веб-програмою. Намальовано ретельно та вчасно з точним і єдиним стилем
	Phosphor Icons Phosphor — це гнучке сімейство піктограм для інтерфейсів, діаграм, презентацій — що завгодно
	Potlab Icons Безкоштовні анімовані іконки SVG для веб-проектів. Ви можете налаштувати піктограму для свого проекту, як-от кольори, обведення та розмір
	Reshot Знайдіть безліч підібраних зображень без запасів. Ви можете використовувати як хочете. Безкоштовно для комерційного використання. Атрибуція не потрібна
	Simple Icons Безкоштовні іконки SVG для популярних брендів. Просто натисніть потрібну піктограму, і завантаження почнеться автоматично
	Streamline 3.0 30 000 іконок у трьох унікальних вагах. 53 категорії. 720 підкатегорій. Найбільша в світі бібліотека ікон
	Streamline Emoji Безкоштовна колекція з 850+ векторних смайлів. Стиль натхненний японським стилем «Kawaii» (милий).
	System UIcons Безкоштовний набір іконок, розроблений для систем і продуктів. Використовуйте, як хочете, без посилання.
	Tabler Icons Більше 1250 пікселів ідеальних іконок для веб-дизайну. Безкоштовні іконки з відкритим кодом, розроблені, щоб зробити ваш веб-сайт чи додаток привабливими, візуально послідовними та просто красивими.
	The Icon of Ідеальний у кожному пікселі. Усі символи доступні в більшості популярних форматів, включаючи оптимізований веб-шрифт. Зроблено з любов'ю
	The Noun Project Іконки для всього. Понад мільйон кураторських іконок, створених світовою спільнотою
	Unicons 1000+ піксельних векторних іконок і шрифтів для вашого наступного проекту
	useAnimations Бібліотека мікроанімацій. Анімовані значки в Lottie Framework і After Effects для негайного впровадження у ваші програми або веб-сайти
	Zwicon Набір іконок ручної роботи для вашого наступного проекту
	Evericons Колекція з 460+ добре продуманих іконок для вашого наступного проекту. Він безкоштовний для особистого та комерційного використання
	Material Icons Library Безкоштовна колекція з понад 1000 іконок для популярних графічних інструментів
	Polaris Icons Колекція простих та інформативних піктограм, які спираються на візуальну мову системи дизайну Polaris
	Remix Icon Набір системних символів нейтрального стилю з відкритим вихідним кодом, ретельно розроблених для дизайнерів і розробників
	Tilda Icons Завантажте безкоштовні іконки для цільових сторінок. Більше 700 векторних іконок, зібраних у 43 набори для бізнесу
	Twemoji Смайли з відкритим вихідним кодом Twitter задовольнять усі потреби вашого проекту, включаючи 2685 смайлів
	Xicons Безкоштовні векторні іконки

Повний список корисних ресурсів для дизайну ви можете знайти в розділі Закладки

Величезна колекція корисних ресурсів для дизайну у новому розділі Закладки

Dinozavrix — Wed, 22 Jun 2022 06:56:09 +0000

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

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

Закладки

Найкращі ресурси та інструменти, які допоможуть вам в роботі

Інструменти для дизайну

Анімація
Найкращі інструменти для створення анімації

Градієнти
Інструменти для роботи с градієнтами

Колаборація
Інструменти сумісної роботи

Кольори
Чудові інструменти для роботи с кольорами

Макети
Добірка інструментів для створення мокапів

Оптимізація зображень
Добірка інструментів з оптимизації зображень

Прототипування
Добірка інструментів прототипування

Створення логотипа
Добірка інструментів для створення логотипів

Інструменти дизайну
Добірка різноманітних інструментів для дизайну

Дизайнерські стоки та ресурси

Стокові фото
Добірка ресурсів зі стоковими фото для ваших дизайнів

Стокові відео
Добірка ресурсів зі стоковими відео

Музика
Добірка ресурсів з безкоштовною музикою

Ресурси UI
Добірка UI ресурсів

Маркетплейс
Добірка маркетплейсів

Типографіка
Добірка інструментів для роботи зі шрифтами

Фони
Інструменти для створення фонових зображень

Іконки
Ресурси с безкоштовними іконками

Ілюстрації
Ресурси з добірками ілюстрацій

Нові знання

Натхнення
Добірка ресурсів для натхнення

Українське
Українські статті про дизайн. Творчі українські спільноти. Українські дизайн агенціі

Безкоштовні ресурси
Добірка безкоштовних інструментів та ресурсів для дизайну

Вивчення дизайну
Добірка ресурсів які допоможуть вивчити дизайн

Дизайн подкасти
Добірка дизайн-подкастів

Дизайн-системи
Добірка найкращих прикладів дизайн-систем

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

Доступність
Ресурси з цифрової доступності

Канали YouTube
Добірка корисних YouTube каналів з дизайну

Книги
Добірки книг з дизайну

Новини
Ресурси з новинами для дизайнерів

Який розділ для вас найкорисніший? Пишіть про свої враження у коментарях